@abtnode/ux 1.16.27-beta-e0e33468 → 1.16.27-beta-91ff0d1b

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

@@ -6,7 +6,6 @@ import Badge from '@mui/material/Badge';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import LaunchIcon from '@mui/icons-material/Launch';
 import RestartIcon from '@mui/icons-material/Replay';
-import ReloadIcon from '@mui/icons-material/Autorenew';
 import IconButton from '@mui/material/IconButton';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Icon } from '@iconify/react';
@@ -52,7 +51,6 @@ export default function ComponentCell({
   onStart,
   onStop,
   onRestart,
-  onReload,
   getComponentUrl,
   app
 }) {
@@ -258,15 +256,6 @@ export default function ComponentCell({
                 onCancel: () => setConfirmSetting(null)
               });
             },
-            disabled: appInProgress || componentInProgress || blocklet.status !== 'running'
-          }, !isResource(blocklet) && {
-            icon: /*#__PURE__*/_jsx(ReloadIcon, {}),
-            text: t('common.reload'),
-            onClick: async () => {
-              setLoading(true);
-              await onReload(blocklet);
-              setLoading(false);
-            },
             disabled: loading || appInProgress || componentInProgress || blocklet.status !== 'running'
           }, {
             icon: /*#__PURE__*/_jsx(DeleteIcon, {}),
@@ -311,7 +300,6 @@ ComponentCell.propTypes = {
   onStart: PropTypes.func,
   onStop: PropTypes.func,
   onRestart: PropTypes.func,
-  onReload: PropTypes.func,
   getComponentUrl: PropTypes.func,
   app: PropTypes.object
 };
@@ -322,7 +310,6 @@ ComponentCell.defaultProps = {
   onStart: () => {},
   onStop: () => {},
   onRestart: () => {},
-  onReload: () => {},
   getComponentUrl: () => window.location.origin,
   app: null
 };

package/es/blocklet/component/index.js

@@ -210,20 +210,6 @@ export default function BlockletComponent({
       Toast.error(formatError(err));
     }
   };
-  const reloadComponent = async d => {
-    try {
-      await api.reloadBlocklet({
-        input: {
-          did: blocklet.meta.did,
-          componentDids: [d.meta.did]
-        }
-      });
-      await sleep(800);
-      Toast.success(t('blocklet.reloadSuccess'));
-    } catch (err) {
-      Toast.error(formatError(err));
-    }
-  };
   const onUpdateChecksChange = (e, groupId) => {
     const {
       checked: newValue
@@ -363,7 +349,6 @@ export default function BlockletComponent({
           onRemove: removeComponent,
           onStart: startComponent,
           onStop: stopComponent,
-          onReload: reloadComponent,
           onRestart: restartComponent,
           getComponentUrl: getComponentUrl
         }, `0-${blocklet.meta.did}`), blocklet.children.map(component => {
@@ -375,7 +360,6 @@ export default function BlockletComponent({
             onRemove: removeComponent,
             onStart: startComponent,
             onStop: stopComponent,
-            onReload: reloadComponent,
             onRestart: restartComponent,
             getComponentUrl: getComponentUrl
           }, `1-${component.meta.did}`);

package/es/blocklet/publish/resource.js

@@ -4,6 +4,7 @@ import styled from '@emotion/styled';
 import joinUrl from 'url-join';
 import classnames from 'classnames';
 import Box from '@mui/material/Box';
+import StopIcon from '@mui/icons-material/DoDisturbAlt';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
 import Toast from '@arcblock/ux/lib/Toast';
@@ -134,13 +135,30 @@ export default function Resource({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url, projectId]);
   if (component.status !== 'running') {
-    return /*#__PURE__*/_jsx(Container, {
-      children: /*#__PURE__*/_jsx(Box, {
-        pt: 6,
+    return /*#__PURE__*/_jsxs(Container, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: '10px 0px'
+      },
+      children: [/*#__PURE__*/_jsx(StopIcon, {
+        sx: {
+          fontSize: 32,
+          opacity: 0.3,
+          mb: 2
+        }
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          mb: 2,
+          fontSize: 'small',
+          color: 'action'
+        },
         children: t('blocklet.publish.componentNotRunning', {
           name: component.meta.title
         })
-      })
+      })]
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {

package/es/locales/ar.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'انتهت صلاحية الاشتراك'
       },
       loading: 'تحميل الاشتراك...',
-      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!'
+      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!',
+      nextInvoice: 'الفاتورة التالية: {date}'
     }
   },
   analytics: {

package/es/locales/de.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Abonnement abgelaufen'
       },
       loading: 'Abonnement laden...',
-      loadFailed: 'Fehler beim Laden der Abonnementinformationen, bitte erneut versuchen!'
+      loadFailed: 'Fehler beim Laden der Abonnementinformationen, bitte erneut versuchen!',
+      nextInvoice: 'Nächste Rechnung: {date}'
     }
   },
   analytics: {

package/es/locales/en.js

@@ -1735,7 +1735,8 @@ export default {
         error: 'Subscription Expired'
       },
       loading: 'Load subscription...',
-      loadFailed: 'Failed to load subscription info, please retry!'
+      loadFailed: 'Failed to load subscription info, please retry!',
+      nextInvoice: 'Next Invoice: {date}'
     }
   },
   analytics: {

package/es/locales/es.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Suscripción vencida'
       },
       loading: 'Cargar suscripción...',
-      loadFailed: 'No se pudo cargar la información de la suscripción, ¡por favor intente de nuevo!'
+      loadFailed: 'No se pudo cargar la información de la suscripción, ¡por favor intente de nuevo!',
+      nextInvoice: 'Próxima factura: {date}'
     }
   },
   analytics: {

package/es/locales/fr.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Abonnement expiré'
       },
       loading: "Chargement de l'abonnement...",
-      loadFailed: "Échec du chargement des informations d'abonnement, veuillez réessayer !"
+      loadFailed: "Échec du chargement des informations d'abonnement, veuillez réessayer !",
+      nextInvoice: 'Prochaine facture: {date}'
     }
   },
   analytics: {

package/es/locales/hi.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'सदस्यता समाप्त हो गई'
       },
       loading: 'सदस्यता लोड करें...',
-      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!'
+      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!',
+      nextInvoice: 'अगला बिल: {date}'
     }
   },
   analytics: {

package/es/locales/id.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Langganan Telah Kadaluarsa'
       },
       loading: 'Memuat langganan...',
-      loadFailed: 'Gagal memuat info langganan, silakan coba lagi!'
+      loadFailed: 'Gagal memuat info langganan, silakan coba lagi!',
+      nextInvoice: 'Faktur berikutnya: {date}'
     }
   },
   analytics: {

package/es/locales/ja.js

@@ -1745,7 +1745,8 @@ export default {
         error: '定期購読が期限切れです'
       },
       loading: 'サブスクリプションをロード中...',
-      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！'
+      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！',
+      nextInvoice: '次の請求書: {date}'
     }
   },
   analytics: {

package/es/locales/ko.js

@@ -1745,7 +1745,8 @@ export default {
         error: '구독이 만료되었습니다'
       },
       loading: '구독 불러오는 중...',
-      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!'
+      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!',
+      nextInvoice: '다음 송장: {date}'
     }
   },
   analytics: {

package/es/locales/pt.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Assinatura Expirada'
       },
       loading: 'Carregar assinatura...',
-      loadFailed: 'Falha ao carregar as informações de inscrição, por favor tente novamente!'
+      loadFailed: 'Falha ao carregar as informações de inscrição, por favor tente novamente!',
+      nextInvoice: 'Próxima fatura: {date}'
     }
   },
   analytics: {

package/es/locales/ru.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Подписка истекла'
       },
       loading: 'Загрузка подписки...',
-      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!'
+      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!',
+      nextInvoice: 'Следующий счёт: {date}'
     }
   },
   analytics: {

package/es/locales/th.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'การสมัครสมาชิกหมดอายุ'
       },
       loading: 'โหลดการสมัครสมาชิก...',
-      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!'
+      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!',
+      nextInvoice: 'ใบแจ้งหนี้ถัดไป: {date}'
     }
   },
   analytics: {

package/es/locales/vi.js

@@ -1745,7 +1745,8 @@ export default {
         error: 'Đã hết hạn đăng ký'
       },
       loading: 'Tải đăng ký...',
-      loadFailed: 'Không tải được thông tin đăng ký, vui lòng thử lại!'
+      loadFailed: 'Không tải được thông tin đăng ký, vui lòng thử lại!',
+      nextInvoice: 'Hóa đơn tiếp theo: {date}'
     }
   },
   analytics: {

package/es/locales/zh-tw.js

@@ -1745,7 +1745,8 @@ export default {
         error: '訂閱已到期'
       },
       loading: '加載訂閱...',
-      loadFailed: '載入訂閱資訊失敗，請重試！'
+      loadFailed: '載入訂閱資訊失敗，請重試！',
+      nextInvoice: '下個發票：{date}'
     }
   },
   analytics: {

package/es/locales/zh.js

@@ -663,7 +663,7 @@ export default {
       productTitle: 'Blocklet 详情',
       versionTitle: '版本信息',
       imgTitle: '图片资源',
-      resourceTitle: '资源型 Blocklet',
+      resourceTitle: '资源',
       blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
       createBlocklet: '新建 Blocklet',
@@ -1752,7 +1752,8 @@ export default {
         error: '订阅已过期'
       },
       loadFailed: '加载订阅信息失败，请重试!',
-      loading: '加载订阅信息...'
+      loading: '加载订阅信息...',
+      nextInvoice: '下次账单：{date}'
     }
   },
   analytics: {

package/es/store/connect-actions.js

@@ -103,11 +103,11 @@ function ConnectActions({
           disabled: store.protected,
           children: [/*#__PURE__*/_jsx(DeleteOutlineIcon, {
             sx: {
-              color: 'error.main',
+              color: store.protected ? 'action' : 'error.main',
               marginRight: 1
             }
           }), /*#__PURE__*/_jsx(Box, {
-            color: "error.main",
+            color: store.protected ? 'action' : 'error.main',
             children: t('common.delete')
           })]
         })

package/es/store/delete.js

@@ -65,6 +65,9 @@ export default function DeleteStore({
     onCancel
   };
   const onMenuItemClick = e => {
+    if (store.protected) {
+      return;
+    }
     e.stopPropagation();
     setConfirmSetting(setting);
   };

package/es/subscription/server.js

@@ -10,7 +10,7 @@ import { useRef } from 'react';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
 import useSetState from 'react-use/lib/useSetState';
 import { useNodeContext } from '../contexts/node';
-import { formatPrettyMsLocale, getSubscriptionUrlV2 } from '../util';
+import { formatPrettyMsLocale, formatToDate, getSubscriptionUrlV2 } from '../util';
 import ChipLabel from './chip-label';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ALERT_THRESHOLD_MS = 30 * 24 * 60 * 60 * 1000;
@@ -114,7 +114,21 @@ function SubscriptionServer({
     });
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Chip, {
+    children: [asyncState.value?.launcherSession?.subscription && /*#__PURE__*/_jsx(Chip, {
+      label: /*#__PURE__*/_jsx(ChipLabel, {
+        children: t('expiration.desktop.nextInvoice', {
+          date: formatToDate(expirationDate, locale)
+        })
+      }),
+      color: "success",
+      variant: "outlined",
+      sx: {
+        cursor: 'pointer',
+        ...sx
+      },
+      ...rest,
+      onClick: handlePopoverClick
+    }), !asyncState.value?.launcherSession?.subscription && /*#__PURE__*/_jsx(Chip, {
       label: /*#__PURE__*/_jsx(ChipLabel, {
         children: t(`expiration.${typoKey}.tips.${status}`, {
           validity: prettyMs(validityMs, {

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

@@ -13,7 +13,6 @@ var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
 var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
 var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
-var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _react2 = require("@iconify/react");
@@ -67,7 +66,6 @@ function ComponentCell(_ref) {
     onStart,
     onStop,
     onRestart,
-    onReload,
     getComponentUrl,
     app
   } = _ref;
@@ -276,15 +274,6 @@ function ComponentCell(_ref) {
                 onCancel: () => setConfirmSetting(null)
               });
             },
-            disabled: appInProgress || componentInProgress || blocklet.status !== 'running'
-          }, !isResource(blocklet) && {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autorenew.default, {}),
-            text: t('common.reload'),
-            onClick: async () => {
-              setLoading(true);
-              await onReload(blocklet);
-              setLoading(false);
-            },
             disabled: loading || appInProgress || componentInProgress || blocklet.status !== 'running'
           }, {
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {}),
@@ -329,7 +318,6 @@ ComponentCell.propTypes = {
   onStart: _propTypes.default.func,
   onStop: _propTypes.default.func,
   onRestart: _propTypes.default.func,
-  onReload: _propTypes.default.func,
   getComponentUrl: _propTypes.default.func,
   app: _propTypes.default.object
 };
@@ -340,7 +328,6 @@ ComponentCell.defaultProps = {
   onStart: () => {},
   onStop: () => {},
   onRestart: () => {},
-  onReload: () => {},
   getComponentUrl: () => window.location.origin,
   app: null
 };

package/lib/blocklet/component/index.js

@@ -232,20 +232,6 @@ function BlockletComponent(_ref) {
       _Toast.default.error((0, _util2.formatError)(err));
     }
   };
-  const reloadComponent = async d => {
-    try {
-      await api.reloadBlocklet({
-        input: {
-          did: blocklet.meta.did,
-          componentDids: [d.meta.did]
-        }
-      });
-      await (0, _util2.sleep)(800);
-      _Toast.default.success(t('blocklet.reloadSuccess'));
-    } catch (err) {
-      _Toast.default.error((0, _util2.formatError)(err));
-    }
-  };
   const onUpdateChecksChange = (e, groupId) => {
     const {
       checked: newValue
@@ -394,7 +380,6 @@ function BlockletComponent(_ref) {
           onRemove: removeComponent,
           onStart: startComponent,
           onStop: stopComponent,
-          onReload: reloadComponent,
           onRestart: restartComponent,
           getComponentUrl: getComponentUrl
         }, "0-".concat(blocklet.meta.did)), blocklet.children.map(component => {
@@ -406,7 +391,6 @@ function BlockletComponent(_ref) {
             onRemove: removeComponent,
             onStart: startComponent,
             onStop: stopComponent,
-            onReload: reloadComponent,
             onRestart: restartComponent,
             getComponentUrl: getComponentUrl
           }, "1-".concat(component.meta.did));

package/lib/blocklet/publish/resource.js

@@ -10,6 +10,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _DoDisturbAlt = _interopRequireDefault(require("@mui/icons-material/DoDisturbAlt"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
@@ -145,13 +146,30 @@ function Resource(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url, projectId]);
   if (component.status !== 'running') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        pt: 6,
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: '10px 0px'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DoDisturbAlt.default, {
+        sx: {
+          fontSize: 32,
+          opacity: 0.3,
+          mb: 2
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        sx: {
+          mb: 2,
+          fontSize: 'small',
+          color: 'action'
+        },
         children: t('blocklet.publish.componentNotRunning', {
           name: component.meta.title
         })
-      })
+      })]
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/lib/locales/ar.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'انتهت صلاحية الاشتراك'
       },
       loading: 'تحميل الاشتراك...',
-      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!'
+      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!',
+      nextInvoice: 'الفاتورة التالية: {date}'
     }
   },
   analytics: {

package/lib/locales/de.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Abonnement abgelaufen'
       },
       loading: 'Abonnement laden...',
-      loadFailed: 'Fehler beim Laden der Abonnementinformationen, bitte erneut versuchen!'
+      loadFailed: 'Fehler beim Laden der Abonnementinformationen, bitte erneut versuchen!',
+      nextInvoice: 'Nächste Rechnung: {date}'
     }
   },
   analytics: {

package/lib/locales/en.js

@@ -1741,7 +1741,8 @@ var _default = exports.default = {
         error: 'Subscription Expired'
       },
       loading: 'Load subscription...',
-      loadFailed: 'Failed to load subscription info, please retry!'
+      loadFailed: 'Failed to load subscription info, please retry!',
+      nextInvoice: 'Next Invoice: {date}'
     }
   },
   analytics: {

package/lib/locales/es.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Suscripción vencida'
       },
       loading: 'Cargar suscripción...',
-      loadFailed: 'No se pudo cargar la información de la suscripción, ¡por favor intente de nuevo!'
+      loadFailed: 'No se pudo cargar la información de la suscripción, ¡por favor intente de nuevo!',
+      nextInvoice: 'Próxima factura: {date}'
     }
   },
   analytics: {

package/lib/locales/fr.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Abonnement expiré'
       },
       loading: "Chargement de l'abonnement...",
-      loadFailed: "Échec du chargement des informations d'abonnement, veuillez réessayer !"
+      loadFailed: "Échec du chargement des informations d'abonnement, veuillez réessayer !",
+      nextInvoice: 'Prochaine facture: {date}'
     }
   },
   analytics: {

package/lib/locales/hi.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'सदस्यता समाप्त हो गई'
       },
       loading: 'सदस्यता लोड करें...',
-      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!'
+      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!',
+      nextInvoice: 'अगला बिल: {date}'
     }
   },
   analytics: {

package/lib/locales/id.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Langganan Telah Kadaluarsa'
       },
       loading: 'Memuat langganan...',
-      loadFailed: 'Gagal memuat info langganan, silakan coba lagi!'
+      loadFailed: 'Gagal memuat info langganan, silakan coba lagi!',
+      nextInvoice: 'Faktur berikutnya: {date}'
     }
   },
   analytics: {

package/lib/locales/ja.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: '定期購読が期限切れです'
       },
       loading: 'サブスクリプションをロード中...',
-      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！'
+      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！',
+      nextInvoice: '次の請求書: {date}'
     }
   },
   analytics: {

package/lib/locales/ko.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: '구독이 만료되었습니다'
       },
       loading: '구독 불러오는 중...',
-      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!'
+      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!',
+      nextInvoice: '다음 송장: {date}'
     }
   },
   analytics: {

package/lib/locales/pt.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Assinatura Expirada'
       },
       loading: 'Carregar assinatura...',
-      loadFailed: 'Falha ao carregar as informações de inscrição, por favor tente novamente!'
+      loadFailed: 'Falha ao carregar as informações de inscrição, por favor tente novamente!',
+      nextInvoice: 'Próxima fatura: {date}'
     }
   },
   analytics: {

package/lib/locales/ru.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Подписка истекла'
       },
       loading: 'Загрузка подписки...',
-      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!'
+      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!',
+      nextInvoice: 'Следующий счёт: {date}'
     }
   },
   analytics: {

package/lib/locales/th.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'การสมัครสมาชิกหมดอายุ'
       },
       loading: 'โหลดการสมัครสมาชิก...',
-      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!'
+      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!',
+      nextInvoice: 'ใบแจ้งหนี้ถัดไป: {date}'
     }
   },
   analytics: {

package/lib/locales/vi.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: 'Đã hết hạn đăng ký'
       },
       loading: 'Tải đăng ký...',
-      loadFailed: 'Không tải được thông tin đăng ký, vui lòng thử lại!'
+      loadFailed: 'Không tải được thông tin đăng ký, vui lòng thử lại!',
+      nextInvoice: 'Hóa đơn tiếp theo: {date}'
     }
   },
   analytics: {

package/lib/locales/zh-tw.js

@@ -1751,7 +1751,8 @@ var _default = exports.default = {
         error: '訂閱已到期'
       },
       loading: '加載訂閱...',
-      loadFailed: '載入訂閱資訊失敗，請重試！'
+      loadFailed: '載入訂閱資訊失敗，請重試！',
+      nextInvoice: '下個發票：{date}'
     }
   },
   analytics: {

package/lib/locales/zh.js

@@ -669,7 +669,7 @@ var _default = exports.default = {
       productTitle: 'Blocklet 详情',
       versionTitle: '版本信息',
       imgTitle: '图片资源',
-      resourceTitle: '资源型 Blocklet',
+      resourceTitle: '资源',
       blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
       createBlocklet: '新建 Blocklet',
@@ -1758,7 +1758,8 @@ var _default = exports.default = {
         error: '订阅已过期'
       },
       loadFailed: '加载订阅信息失败，请重试!',
-      loading: '加载订阅信息...'
+      loading: '加载订阅信息...',
+      nextInvoice: '下次账单：{date}'
     }
   },
   analytics: {

package/lib/store/connect-actions.js

@@ -111,11 +111,11 @@ function ConnectActions(_ref) {
           disabled: store.protected,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {
             sx: {
-              color: 'error.main',
+              color: store.protected ? 'action' : 'error.main',
               marginRight: 1
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-            color: "error.main",
+            color: store.protected ? 'action' : 'error.main',
             children: t('common.delete')
           })]
         })

package/lib/store/delete.js

@@ -73,6 +73,9 @@ function DeleteStore(_ref) {
     onCancel
   };
   const onMenuItemClick = e => {
+    if (store.protected) {
+      return;
+    }
     e.stopPropagation();
     setConfirmSetting(setting);
   };

package/lib/subscription/server.js

@@ -33,7 +33,7 @@ const ALERT_THRESHOLD_MS = 30 * 24 * 60 * 60 * 1000;
 const DEFAULT_LAUNCHER_URL = 'https://launcher.arcblock.io/'; // 兼容: 旧版本的 blocklet.controller 没有 launcherUrl 字段
 
 function SubscriptionServer(_ref) {
-  var _asyncState$value, _asyncState$value2;
+  var _asyncState$value, _asyncState$value2, _asyncState$value3, _asyncState$value4;
   let {
       launcherUrl,
       chainHost,
@@ -129,7 +129,20 @@ function SubscriptionServer(_ref) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, _objectSpread(_objectSpread({
+    children: [((_asyncState$value2 = asyncState.value) === null || _asyncState$value2 === void 0 || (_asyncState$value2 = _asyncState$value2.launcherSession) === null || _asyncState$value2 === void 0 ? void 0 : _asyncState$value2.subscription) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, _objectSpread(_objectSpread({
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chipLabel.default, {
+        children: t('expiration.desktop.nextInvoice', {
+          date: (0, _util.formatToDate)(expirationDate, locale)
+        })
+      }),
+      color: "success",
+      variant: "outlined",
+      sx: _objectSpread({
+        cursor: 'pointer'
+      }, sx)
+    }, rest), {}, {
+      onClick: handlePopoverClick
+    })), !((_asyncState$value3 = asyncState.value) !== null && _asyncState$value3 !== void 0 && (_asyncState$value3 = _asyncState$value3.launcherSession) !== null && _asyncState$value3 !== void 0 && _asyncState$value3.subscription) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, _objectSpread(_objectSpread({
       label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chipLabel.default, {
         children: t("expiration.".concat(typoKey, ".tips.").concat(status), {
           validity: (0, _prettyMsI18n.default)(validityMs, {
@@ -167,7 +180,7 @@ function SubscriptionServer(_ref) {
         style: {
           border: 0
         },
-        src: (_asyncState$value2 = asyncState.value) === null || _asyncState$value2 === void 0 ? void 0 : _asyncState$value2.subscriptionURL
+        src: (_asyncState$value4 = asyncState.value) === null || _asyncState$value4 === void 0 ? void 0 : _asyncState$value4.subscriptionURL
       })
     })]
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.27-beta-e0e33468",
+  "version": "1.16.27-beta-91ff0d1b",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -28,9 +28,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.27-beta-e0e33468",
-    "@abtnode/constant": "1.16.27-beta-e0e33468",
-    "@abtnode/util": "1.16.27-beta-e0e33468",
+    "@abtnode/auth": "1.16.27-beta-91ff0d1b",
+    "@abtnode/constant": "1.16.27-beta-91ff0d1b",
+    "@abtnode/util": "1.16.27-beta-91ff0d1b",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.115",
     "@arcblock/did-connect": "^2.9.75",
@@ -40,10 +40,10 @@
     "@arcblock/react-hooks": "^2.9.75",
     "@arcblock/terminal": "^2.9.75",
     "@arcblock/ux": "^2.9.75",
-    "@blocklet/constant": "1.16.27-beta-e0e33468",
+    "@blocklet/constant": "1.16.27-beta-91ff0d1b",
     "@blocklet/launcher-layout": "2.3.14",
     "@blocklet/list": "^0.12.88",
-    "@blocklet/meta": "1.16.27-beta-e0e33468",
+    "@blocklet/meta": "1.16.27-beta-91ff0d1b",
     "@blocklet/ui-react": "^2.9.75",
     "@blocklet/uploader": "^0.0.78",
     "@emotion/react": "^11.10.4",
@@ -109,7 +109,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "2f507521d1523329bc0bbb5d64fb0ebe39a5177b",
+  "gitHead": "5c8d1719acb88ae62298293030860c79b0124692",
   "exports": {
     ".": {
       "import": "./es/index.js",