@abtnode/ux 1.16.27-beta-43a3bbb2 → 1.16.27-beta-c450492a

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/configuration.js

@@ -10,7 +10,7 @@ import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
 import LoopIcon from '@mui/icons-material/Loop';
 import { EVENTS } from '@abtnode/constant';
-import { BLOCKLET_CONFIGURABLE_KEY, SUPPORTED_LANGUAGES } from '@blocklet/constant';
+import { BLOCKLET_CONFIGURABLE_KEY, BLOCKLET_TENANT_MODES, SUPPORTED_LANGUAGES } from '@blocklet/constant';
 import { getWhoCanAccess } from '@blocklet/meta/lib/util';
 import Toast from '@arcblock/ux/lib/Toast';
 import FormTextInput from '../form/form-text-input';
@@ -83,6 +83,8 @@ function BlockletEnvironment({
   const deletable = !customDelete || customDelete.value === 'yes';
   const customLanguages = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LANGUAGES);
   const customUrl = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL);
+  const customTenantMode = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_TENANT_MODE);
+  const tenantMode = customTenantMode?.value || BLOCKLET_TENANT_MODES.SINGLE;
   const copyrightOwner = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER);
   const copyrightYear = blocklet.environments.find(x => x.key === BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR);
   const configurableEnvs = [{
@@ -172,7 +174,7 @@ function BlockletEnvironment({
       setLoading(false);
     }
   };
-  const onDeletableChange = async e => {
+  const createBooleanConfigHandler = (key, value) => async e => {
     if (loading) {
       return;
     }
@@ -187,8 +189,8 @@ function BlockletEnvironment({
         input: {
           did: blocklet.meta.did,
           configs: [{
-            key: BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_DELETABLE,
-            value: checked ? 'no' : 'yes'
+            key: BLOCKLET_CONFIGURABLE_KEY[key],
+            value: value(checked)
           }]
         }
       });
@@ -199,6 +201,8 @@ function BlockletEnvironment({
       setLoading(false);
     }
   };
+  const onDeletableChange = createBooleanConfigHandler('BLOCKLET_DELETABLE', checked => checked ? 'no' : 'yes');
+  const onTenantModeChange = createBooleanConfigHandler('BLOCKLET_APP_TENANT_MODE', checked => checked ? BLOCKLET_TENANT_MODES.MULTIPLE : BLOCKLET_TENANT_MODES.SINGLE);
   const onUpdateCors = async value => {
     const oldValue = site.corsAllowedOrigins || [];
     const newValue = value.split(',').map(x => x.trim()).filter(Boolean);
@@ -261,7 +265,7 @@ function BlockletEnvironment({
         style: {
           marginTop: 0
         },
-        disabled: loading || disabled,
+        disabled: disabled,
         loading: loading,
         initialValue: item.value,
         onSubmit: value => onSubmitConfig(item.key, value)
@@ -356,7 +360,7 @@ function BlockletEnvironment({
         style: {
           marginTop: 0
         },
-        disabled: loading || disabled,
+        disabled: disabled,
         loading: loading,
         options: languages,
         noEmpty: true,
@@ -402,7 +406,7 @@ function BlockletEnvironment({
         style: {
           marginTop: 0
         },
-        disabled: loading || disabled,
+        disabled: disabled,
         loading: loading,
         initialValue: (site.corsAllowedOrigins || []).join(', '),
         onSubmit: onUpdateCors
@@ -425,7 +429,6 @@ function BlockletEnvironment({
       },
       children: [/*#__PURE__*/_jsx(Box, {
         className: "config-form",
-        mt: 2,
         children: !inService && /*#__PURE__*/_jsxs(Box, {
           className: "config-item",
           children: [/*#__PURE__*/_jsxs(Box, {
@@ -450,7 +453,7 @@ function BlockletEnvironment({
           mb: 0,
           children: t('blocklet.config.sk')
         }), /*#__PURE__*/_jsx(AppSk, {
-          disabled: loading || disabled,
+          disabled: disabled,
           loading: loading,
           initialValue: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_SK').value,
           onChange: onAppSkChange
@@ -506,6 +509,22 @@ function BlockletEnvironment({
             teamDid: did
           })]
         })
+      }), /*#__PURE__*/_jsx(Box, {
+        className: "config-form",
+        children: /*#__PURE__*/_jsxs(Box, {
+          className: "config-item",
+          children: [/*#__PURE__*/_jsxs(Box, {
+            className: "config-label",
+            children: [t('blocklet.config.tenantMode.name'), /*#__PURE__*/_jsx(Box, {
+              className: "config-desc",
+              children: t(`blocklet.config.tenantMode.${tenantMode}`)
+            })]
+          }), /*#__PURE__*/_jsx(Switch, {
+            disabled: disabled,
+            checked: tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE,
+            onChange: onTenantModeChange
+          })]
+        })
       })]
     })]
   });

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

@@ -504,6 +504,11 @@ export default {
         action: 'مسح الذاكرة المؤقتة',
         success: 'تم مسح {count} إدخالات التخزين المؤقت بنجاح',
         description: 'هل أنت متأكد أنك تريد مسح الملفات المخزنة المؤقتة في جهاز التوجيه وخدمة كتلة الحجب؟ قد يتسبب هذا الإجراء في تراجع طفيف في الأداء على المدى القصير.'
+      },
+      tenantMode: {
+        name: 'وضع العديد من المستأجرين',
+        multiple: 'يعمل هذا البلوكليت في وضع عدة مستأجرين ، يجب عزل البيانات لكل مستأجر',
+        single: 'تعمل هذه البرمجية النصية في وضع المستأجر الواحد ، حيث يتم مشاركة جميع البيانات.'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: 'انتهت صلاحية الاشتراك'
       },
       loading: 'تحميل الاشتراك...',
-      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!'
+      loadFailed: 'فشل تحميل معلومات الاشتراك ، يرجى إعادة المحاولة!',
+      nextInvoice: 'الفاتورة التالية: {date}'
     }
   },
   analytics: {

package/es/locales/de.js

@@ -504,6 +504,11 @@ export default {
         action: 'Cache löschen',
         success: 'Erfolgreich {count} Cache-Einträge gelöscht',
         description: 'Bist du sicher, dass du zwischengespeicherte Dateien im Router und Blocklet-Service löschen möchtest? Diese Operation kann in naher Zukunft zu einer leichten Leistungseinbuße führen.'
+      },
+      tenantMode: {
+        name: 'Mehrere Mandantenmodus',
+        multiple: 'Dieses Blocklet läuft im Mehrmandantenmodus, Daten sollten für jeden Mandanten isoliert sein',
+        single: 'Dieser Blocklet läuft im Einzelmandantenmodus, alle Daten werden geteilt.'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -434,6 +434,11 @@ export default {
         enable: 'This blocklet can NOT currently be deleted',
         disable: 'This blocklet can currently be deleted'
       },
+      tenantMode: {
+        name: 'Multiple Tenant Mode',
+        multiple: 'This blocklet runs in multiple tenant mode, data should be isolated for each tenant',
+        single: 'This blocklet runs in single tenant mode, all data are shared'
+      },
       walletType: {
         name: 'Wallet Type',
         description: 'Blocklet instance wallet type, will change the derived DID'
@@ -1735,7 +1740,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

@@ -504,6 +504,11 @@ export default {
         action: 'Borrar caché',
         success: 'Se eliminaron correctamente {count} entradas de caché',
         description: '¿Estás seguro de que quieres borrar los archivos en caché en el router y el servicio de blocklet? Esta operación puede causar una ligera disminución en el rendimiento a corto plazo.'
+      },
+      tenantMode: {
+        name: 'Modo Multitenante Múltiple',
+        multiple: 'Este blocklet se ejecuta en modo de múltiples inquilinos, los datos deben estar aislados para cada inquilino',
+        single: 'Este blocklet se ejecuta en modo de inquilino único, todos los datos son compartidos'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -504,6 +504,11 @@ export default {
         action: 'Effacer le cache',
         success: '{count} entrées de cache effacées avec succès',
         description: 'Êtes-vous sûr de vouloir effacer les fichiers mis en cache dans le routeur et le service de blocage? Cette opération peut entraîner une légère baisse des performances à court terme.'
+      },
+      tenantMode: {
+        name: 'Mode multi-locataire',
+        multiple: 'Ce bloclet fonctionne en mode locataire multiple, les données doivent être isolées pour chaque locataire',
+        single: 'Ce blocklet fonctionne en mode locataire unique, toutes les données sont partagées.'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -504,6 +504,11 @@ export default {
         action: 'कैश साफ़ करें',
         success: '{count} कैश एंट्री सफलतापूर्वक खाली की गईं',
         description: 'क्या आप सुनिश्चित हैं कि आप राउटर और ब्लॉकलेट सेवा में कैश की फ़ाइलें साफ़ करना चाहते हैं? यह ऑपरेशन छोटी अवधि में हल्की प्रदर्शनमाप में कमी का कारण बन सकता है।'
+      },
+      tenantMode: {
+        name: 'एकाधिक किराये के लोगों का मोड',
+        multiple: 'यह ब्लॉकलेट मल्टी-किरायेदार मोड में चलता है, प्रत्येक किरायेदार के लिए डाटा अलग होना चाहिए',
+        single: 'यह ब्लॉकलेट सिंगल टेनेंट मोड में चलता है, सभी डेटा साझा किए जाते हैं।'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: 'सदस्यता समाप्त हो गई'
       },
       loading: 'सदस्यता लोड करें...',
-      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!'
+      loadFailed: 'सदस्यता जानकारी लोड करने में विफल, कृपया पुनः प्रयास करें!',
+      nextInvoice: 'अगला बिल: {date}'
     }
   },
   analytics: {

package/es/locales/id.js

@@ -504,6 +504,11 @@ export default {
         action: 'Bersihkan Cache',
         success: 'Berhasil membersihkan {count} entri cache',
         description: 'Apakah Anda yakin ingin menghapus file yang di-cache di router dan layanan blocklet? Operasi ini mungkin menyebabkan penurunan kinerja yang sedikit dalam jangka pendek.'
+      },
+      tenantMode: {
+        name: 'Mode Sewa Multipel',
+        multiple: 'Blocklet ini berjalan dalam mode penyewa ganda, data harus diisolasi untuk setiap penyewa',
+        single: 'Blok ini berjalan dalam mode penyewa tunggal, semua data dibagikan'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -504,6 +504,11 @@ export default {
         action: 'キャッシュをクリア',
         success: '{count}つのキャッシュエントリーを正常にクリアしました',
         description: 'ルーターとブロックレットサービスのキャッシュファイルを削除してもよろしいですか？この操作により、短期間の間に少しパフォーマンスが低下する可能性があります。'
+      },
+      tenantMode: {
+        name: 'マルチテナントモード',
+        multiple: 'このブロックレットは複数のテナントモードで実行され、各テナントごとにデータが分離される必要があります',
+        single: 'このブロックレットはシングルテナントモードで実行され、すべてのデータが共有されています'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: '定期購読が期限切れです'
       },
       loading: 'サブスクリプションをロード中...',
-      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！'
+      loadFailed: '購読情報の読み込みに失敗しました。もう一度やり直してください！',
+      nextInvoice: '次の請求書: {date}'
     }
   },
   analytics: {

package/es/locales/ko.js

@@ -504,6 +504,11 @@ export default {
         action: '캐시 지우기',
         success: '{count}개의 캐시 엔트리를 성공적으로 지웠습니다',
         description: '라우터와 블록렛 서비스에서 캐시 파일을 지우시겠습니까? 이 작업은 단기간 내에 약간의 성능 저하를 일으킬 수 있습니다.'
+      },
+      tenantMode: {
+        name: '다중 테넌트 모드',
+        multiple: '이 블록렛은 여러 테넌트 모드에서 실행되며 각 테넌트마다 데이터가 격리되어야 합니다',
+        single: '이 블록렛은 단일 테넌트 모드에서 실행되며, 모든 데이터가 공유됩니다'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: '구독이 만료되었습니다'
       },
       loading: '구독 불러오는 중...',
-      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!'
+      loadFailed: '구독 정보를 불러오지 못했습니다. 다시 시도해주세요!',
+      nextInvoice: '다음 송장: {date}'
     }
   },
   analytics: {

package/es/locales/pt.js

@@ -504,6 +504,11 @@ export default {
         action: 'Limpar Cache',
         success: 'Entradas do cache {count} limpas com sucesso',
         description: 'Você tem certeza de que deseja limpar os arquivos em cache no roteador e no serviço de bloco? Essa operação pode causar uma pequena redução de desempenho a curto prazo.'
+      },
+      tenantMode: {
+        name: 'Modo de Vários Locatários',
+        multiple: 'Este bloco funciona no modo de múltiplos inquilinos, os dados devem ser isolados para cada inquilino',
+        single: 'Este bloco de código é executado no modo de locatário único, todos os dados são compartilhados'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -504,6 +504,11 @@ export default {
         action: 'Очистить кэш',
         success: 'Успешно очищено {count} записей кэша',
         description: 'Вы уверены, что хотите очистить кэшированные файлы в маршрутизаторе и службе блокировки? Эта операция может вызвать незначительное снижение производительности в короткой перспективе.'
+      },
+      tenantMode: {
+        name: 'Режим нескольких арендаторов',
+        multiple: 'Этот блоклет работает в режиме множественных арендодателей, данные должны быть изолированы для каждого арендодателя',
+        single: 'Этот блоклет работает в режиме с одним арендатором, все данные общие.'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: 'Подписка истекла'
       },
       loading: 'Загрузка подписки...',
-      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!'
+      loadFailed: 'Не удалось загрузить информацию о подписке, попробуйте ещё раз!',
+      nextInvoice: 'Следующий счёт: {date}'
     }
   },
   analytics: {

package/es/locales/th.js

@@ -504,6 +504,11 @@ export default {
         action: 'ล้างแคช',
         success: 'ล้าง {count} รายการแคชเรียบร้อยแล้ว',
         description: 'คุณแน่ใจไหมว่าต้องการล้างแคชไฟล์ที่เก็บไว้ในเราเตอร์และบริการบล็อกเล็ท? การดำเนินการนี้อาจทำให้ประสิทธิภาพลดลงบ้างในช่วงสั้น'
+      },
+      tenantMode: {
+        name: 'โหมดหลายผู้เช่า',
+        multiple: 'บล็อกเล็ตนี้ทำงานในโหมดผู้เช่าหลายราย เนื้อหาควรถูกแยกกันสำหรับแต่ละผู้เช่า',
+        single: 'บล็อกเลตนี้ทำงานในโหมดลูกค้าเดี่ยว ข้อมูลทั้งหมดถูกแชร์'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: 'การสมัครสมาชิกหมดอายุ'
       },
       loading: 'โหลดการสมัครสมาชิก...',
-      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!'
+      loadFailed: 'ไม่สามารถโหลดข้อมูลการสมัครสมาชิกได้ โปรดลองใหม่!',
+      nextInvoice: 'ใบแจ้งหนี้ถัดไป: {date}'
     }
   },
   analytics: {

package/es/locales/vi.js

@@ -504,6 +504,11 @@ export default {
         action: 'Xóa Cache',
         success: '{count} mục cache đã được xóa thành công',
         description: 'Bạn có chắc chắn muốn xóa các tệp được lưu trữ tạm thời trong bộ định tuyến và dịch vụ blocklet không? Thao tác này có thể làm giảm hiệu suất một chút trong thời gian ngắn.'
+      },
+      tenantMode: {
+        name: 'Chế độ Đa Người Thuê',
+        multiple: 'Blocklet này chạy trong chế độ nhiều người thuê, dữ liệu được cô lập cho mỗi người thuê',
+        single: 'Khối mã này chạy trong chế độ khách hàng đơn, tất cả dữ liệu được chia sẻ'
       }
     },
     overview: {
@@ -1745,7 +1750,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

@@ -504,6 +504,11 @@ export default {
         action: '清除快取',
         success: '成功清除{count}個快取項目',
         description: '你確定要清除路由器和區塊服務中的快取文件嗎？這個操作可能會導致短期內性能略微下降。'
+      },
+      tenantMode: {
+        name: '多租戶模式',
+        multiple: '該區塊以多租戶模式運行，每個租戶的數據應該是隔離的',
+        single: '這個 blocklet 在單租戶模式下運行，所有數據都是共享的'
       }
     },
     overview: {
@@ -1745,7 +1750,8 @@ export default {
         error: '訂閱已到期'
       },
       loading: '加載訂閱...',
-      loadFailed: '載入訂閱資訊失敗，請重試！'
+      loadFailed: '載入訂閱資訊失敗，請重試！',
+      nextInvoice: '下個發票：{date}'
     }
   },
   analytics: {

package/es/locales/zh.js

@@ -505,6 +505,11 @@ export default {
         action: '清除缓存',
         success: '成功清除了 {count} 个缓存条目',
         description: '您确定要清除缓存在网关和服务中的文件吗？此操作可能会在短期内导致轻微的性能降低。'
+      },
+      tenantMode: {
+        name: '多租户模式',
+        multiple: '该应用在多租户模式下运行，每个租户的数据应该是隔离的',
+        single: '该应用运行在单租户模式下，所有数据都是共享的'
       }
     },
     overview: {
@@ -663,7 +668,7 @@ export default {
       productTitle: 'Blocklet 详情',
       versionTitle: '版本信息',
       imgTitle: '图片资源',
-      resourceTitle: '资源型 Blocklet',
+      resourceTitle: '资源',
       blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
       createBlocklet: '新建 Blocklet',
@@ -1752,7 +1757,8 @@ export default {
         error: '订阅已过期'
       },
       loadFailed: '加载订阅信息失败，请重试!',
-      loading: '加载订阅信息...'
+      loading: '加载订阅信息...',
+      nextInvoice: '下次账单：{date}'
     }
   },
   analytics: {

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/actions.js

@@ -25,7 +25,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function Actions(_ref) {
   let {
       actions,

package/lib/blocklet/actions.js

@@ -50,7 +50,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function BlockletActions(_ref) {
   let {
       blocklet,