@abtnode/ux 1.17.9 → 1.17.10-beta-20260210-024836-33fc86ec

package/lib/blocklet/notification/index.js

@@ -1,9 +1,12 @@
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Tabs from '@arcblock/ux/lib/Tabs';
-import { Box, Typography } from '@mui/material';
+import Toast from '@arcblock/ux/lib/Toast';
+import { Box, FormControlLabel, Paper, Switch, Typography } from '@mui/material';
 import { useSearchParams } from 'react-router-dom';
 import { useCreation, useMemoizedFn } from 'ahooks';
-import { useContext, useMemo } from 'react';
+import { useContext, useMemo, useState } from 'react';
+import { useNodeContext } from '../../contexts/node';
+import { useBlockletContext } from '../../contexts/blocklet';
 import NotificationEmail from './email';
 import NotificationPushKit from './push-kit';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -49,7 +52,38 @@ function BlockletNotification() {
   const {
     t
   } = useContext(LocaleContext);
+  const {
+    api
+  } = useNodeContext();
+  const {
+    blocklet
+  } = useBlockletContext();
   const [params, setParams] = useSearchParams();
+  const did = blocklet?.meta?.did;
+  const [toastAlert, setToastAlert] = useState(Boolean(blocklet?.settings?.notification?.toastAlert));
+  const [toastAlertLoading, setToastAlertLoading] = useState(false);
+  const handleToastAlertChange = useMemoizedFn(async event => {
+    const {
+      checked
+    } = event.target;
+    try {
+      setToastAlertLoading(true);
+      await api.configNotification({
+        input: {
+          did,
+          notification: JSON.stringify({
+            toastAlert: checked
+          })
+        }
+      });
+      setToastAlert(checked);
+      Toast.success(t('common.saveSuccess'));
+    } catch (err) {
+      Toast.error(err.message || t('common.saveFailed'));
+    } finally {
+      setToastAlertLoading(false);
+    }
+  });
   const typeParam = params.get('type');
   const currentTab = validTabs.includes(typeParam) ? typeParam : tabs[0].value;
   const contents = useCreation(() => ({
@@ -76,14 +110,52 @@ function BlockletNotification() {
     };
   }, []);
   return /*#__PURE__*/_jsxs(Box, {
-    children: [/*#__PURE__*/_jsx(Tabs, {
-      variant: "card",
-      tabs: tabs,
-      current: currentTab,
-      onChange: onTablChange
-    }), /*#__PURE__*/_jsx(Box, {
-      style: tabBodyStyle,
-      children: contents[currentTab]
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 3
+    },
+    children: [/*#__PURE__*/_jsx(Paper, {
+      variant: "outlined",
+      sx: {
+        p: 3
+      },
+      children: /*#__PURE__*/_jsx(FormControlLabel, {
+        control: /*#__PURE__*/_jsx(Switch, {
+          checked: toastAlert,
+          onChange: handleToastAlertChange,
+          disabled: toastAlertLoading
+        }),
+        label: /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "body1",
+            fontWeight: 500,
+            children: t('notification.toastAlert.label')
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "body2",
+            color: "text.secondary",
+            children: t('notification.toastAlert.description')
+          })]
+        }),
+        sx: {
+          alignItems: 'flex-start',
+          m: 0
+        }
+      })
+    }), /*#__PURE__*/_jsxs(Paper, {
+      variant: "outlined",
+      sx: {
+        p: 3
+      },
+      children: [/*#__PURE__*/_jsx(Tabs, {
+        variant: "card",
+        tabs: tabs,
+        current: currentTab,
+        onChange: onTablChange
+      }), /*#__PURE__*/_jsx(Box, {
+        style: tabBodyStyle,
+        children: contents[currentTab]
+      })]
     })]
   });
 }

package/lib/locales/ar.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'إرسال الإشعارات عبر Webhooks مفعّل دائمًا لجميع المستخدمين.'
     },
+    toastAlert: {
+      label: 'تنبيه منبثق',
+      description: 'عرض إشعار منبثق عند وصول إشعار جديد.'
+    },
     comingSoon: 'تحت الإنشاء مزيد من قنوات الإشعارات',
     unsubscribe: 'إلغاء الاشتراك',
     unsubscribeSucceed: 'تم إلغاء الاشتراك بنجاح',

package/lib/locales/de.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Benachrichtigungen über Webhooks sind für alle Benutzer immer aktiviert.'
     },
+    toastAlert: {
+      label: 'Popup-Benachrichtigung',
+      description: 'Zeigt ein Popup an, wenn eine neue Benachrichtigung eintrifft.'
+    },
     comingSoon: 'Weitere Benachrichtigungskanäle befinden sich im Aufbau',
     unsubscribe: 'Abmelden',
     unsubscribeSucceed: 'Abmeldung erfolgreich',

package/lib/locales/en.js

@@ -1420,6 +1420,10 @@ export default {
     webhooks: {
       description: 'Notifications sending through webhooks are always enabled for all users.'
     },
+    toastAlert: {
+      label: 'Toast Alert',
+      description: 'Show a toast popup when a new notification arrives.'
+    },
     comingSoon: 'More notification channel are under construction',
     unsubscribe: 'Unsubscribe',
     unsubscribeSucceed: 'Unsubscribe succeeded',

package/lib/locales/es.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Las notificaciones enviadas a través de webhooks están siempre habilitadas para todos los usuarios.'
     },
+    toastAlert: {
+      label: 'Alerta emergente',
+      description: 'Mostrar una notificación emergente cuando llega una nueva notificación.'
+    },
     comingSoon: 'Más canales de notificación se encuentran en construcción',
     unsubscribe: 'Cancelar subscripción',
     unsubscribeSucceed: 'La cancelación se realizó con éxito',

package/lib/locales/fr.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Les notifications envoyées via webhooks sont toujours activées pour tous les utilisateurs.'
     },
+    toastAlert: {
+      label: 'Alerte contextuelle',
+      description: "Afficher une notification contextuelle lorsqu'une nouvelle notification arrive."
+    },
     comingSoon: 'Plus de canaux de notification sont en cours de construction',
     unsubscribe: 'Se désabonner',
     unsubscribeSucceed: 'Désinscription réussie',

package/lib/locales/hi.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'वेबहुक के माध्यम से सूचनाएं हमेशा सक्षम हैं सभी उपयोगकर्ताओं के लिए।'
     },
+    toastAlert: {
+      label: 'पॉपअप सूचना',
+      description: 'नई सूचना आने पर पॉपअप दिखाएं।'
+    },
     comingSoon: 'और सूचना केंद्र निर्माण के तहत हैं',
     unsubscribe: 'असदुद्ध',
     unsubscribeSucceed: 'सदस्यता रद्द सफल',

package/lib/locales/id.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Notifikasi yang dikirim melalui webhooks selalu diaktifkan untuk semua pengguna.'
     },
+    toastAlert: {
+      label: 'Pemberitahuan pop-up',
+      description: 'Tampilkan notifikasi pop-up saat notifikasi baru tiba.'
+    },
     comingSoon: 'Lebih banyak saluran pemberitahuan sedang dalam konstruksi',
     unsubscribe: 'Berhenti berlangganan',
     unsubscribeSucceed: 'Berhenti berhasil',

package/lib/locales/ja.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Webhooks を介して送信される通知は、すべてのユーザーに対して常に有効です。'
     },
+    toastAlert: {
+      label: 'トースト通知',
+      description: '新しい通知が届いたときにポップアップを表示します。'
+    },
     comingSoon: 'さらに通知チャンネルが建設中です',
     unsubscribe: '購読解除',
     unsubscribeSucceed: '解約が成功しました',

package/lib/locales/ko.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Webhooks를 통해 전송되는 알림은 모든 사용자에게 항상 활성화됩니다.'
     },
+    toastAlert: {
+      label: '팝업 알림',
+      description: '새 알림이 도착하면 팝업을 표시합니다.'
+    },
     comingSoon: '추가 알림 채널이 건설 중입니다',
     unsubscribe: '구독 해지',
     unsubscribeSucceed: '구독 해지가 성공했습니다',

package/lib/locales/pt.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Notificações enviadas através de webhooks estão sempre habilitadas para todos os usuários.'
     },
+    toastAlert: {
+      label: 'Alerta pop-up',
+      description: 'Exibir uma notificação pop-up quando uma nova notificação chegar.'
+    },
     comingSoon: 'Mais canais de notificação estão em construção',
     unsubscribe: 'Cancelar inscrição',
     unsubscribeSucceed: 'Cancelar inscrição bem-sucedida',

package/lib/locales/ru.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Уведомления, отправляемые через webhooks, всегда включены для всех пользователей.'
     },
+    toastAlert: {
+      label: 'Всплывающее уведомление',
+      description: 'Показывать всплывающее уведомление при получении нового уведомления.'
+    },
     comingSoon: 'Более множество каналов уведомлений находятся в процессе строительства',
     unsubscribe: 'Отказаться от подписки',
     unsubscribeSucceed: 'Отмена подписки выполнена успешно',

package/lib/locales/th.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'การส่งการแจ้งเตือนผ่าน webhooks จะถูกเปิดใช้งานสำหรับผู้ใช้ทั้งหมด'
     },
+    toastAlert: {
+      label: 'การแจ้งเตือนป๊อปอัป',
+      description: 'แสดงป๊อปอัปเมื่อมีการแจ้งเตือนใหม่'
+    },
     comingSoon: 'กำลังสร้างช่องการแจ้งเตือนเพิ่มเติม',
     unsubscribe: 'ยกเลิกการสมัครใช้',
     unsubscribeSucceed: 'ยกเลิกรับข้อมูลเรียบร้อยแล้ว',

package/lib/locales/vi.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: 'Thông báo gửi qua webhooks luôn được bật cho tất cả người dùng.'
     },
+    toastAlert: {
+      label: 'Thông báo bật lên',
+      description: 'Hiển thị thông báo bật lên khi có thông báo mới.'
+    },
     comingSoon: 'Có thêm kênh thông báo đang được xây dựng',
     unsubscribe: 'Huỷ đăng ký',
     unsubscribeSucceed: 'Hủy đăng ký thành công',

package/lib/locales/zh-tw.js

@@ -1391,6 +1391,10 @@ export default {
     webhooks: {
       description: '通過 webhooks 發送的通知總是對所有用戶啟用。'
     },
+    toastAlert: {
+      label: '彈窗提醒',
+      description: '收到新通知時顯示彈窗提醒。'
+    },
     comingSoon: '更多通知頻道正在建設中',
     unsubscribe: '取消訂閱',
     unsubscribeSucceed: '退訂成功',

package/lib/locales/zh.js

@@ -1404,6 +1404,10 @@ export default {
     webhooks: {
       description: '通过 webhooks 发送的通知总是对所有用户启用。'
     },
+    toastAlert: {
+      label: '弹窗提醒',
+      description: '收到新通知时显示弹窗提醒。'
+    },
     comingSoon: '更多通知方式正在建设中',
     unsubscribe: '取消订阅',
     unsubscribeSucceed: '取消订阅成功',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.17.9",
+  "version": "1.17.10-beta-20260210-024836-33fc86ec",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -23,32 +23,32 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.17.9",
-    "@abtnode/constant": "1.17.9",
-    "@abtnode/docker-utils": "1.17.9",
-    "@abtnode/util": "1.17.9",
+    "@abtnode/auth": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@abtnode/constant": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@abtnode/docker-utils": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@abtnode/util": "1.17.10-beta-20260210-024836-33fc86ec",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "1.29.3",
-    "@arcblock/did-connect-react": "^3.5.0",
-    "@arcblock/did-ext": "1.29.3",
+    "@arcblock/did": "1.29.8",
+    "@arcblock/did-connect-react": "^3.5.2",
+    "@arcblock/did-ext": "1.29.8",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "^3.5.0",
-    "@arcblock/nft-display": "^3.5.0",
-    "@arcblock/react-hooks": "^3.5.0",
-    "@arcblock/terminal": "^3.5.0",
-    "@arcblock/ux": "^3.5.0",
-    "@arcblock/validator": "1.29.3",
-    "@blocklet/aigne-hub": "^0.8.2",
-    "@blocklet/constant": "1.17.9",
-    "@blocklet/did-domain-react": "^0.6.20",
-    "@blocklet/did-space-react": "^1.2.15",
+    "@arcblock/icons": "^3.5.2",
+    "@arcblock/nft-display": "^3.5.2",
+    "@arcblock/react-hooks": "^3.5.2",
+    "@arcblock/terminal": "^3.5.2",
+    "@arcblock/ux": "^3.5.2",
+    "@arcblock/validator": "1.29.8",
+    "@blocklet/aigne-hub": "^0.8.5",
+    "@blocklet/constant": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@blocklet/did-domain-react": "^0.6.21",
+    "@blocklet/did-space-react": "1.2.15",
     "@blocklet/error": "^0.3.5",
-    "@blocklet/js-sdk": "1.17.9",
-    "@blocklet/launcher-layout": "^3.5.0",
-    "@blocklet/list": "^0.18.11",
-    "@blocklet/meta": "1.17.9",
-    "@blocklet/theme": "^3.5.0",
-    "@blocklet/ui-react": "^3.5.0",
+    "@blocklet/js-sdk": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@blocklet/launcher-layout": "^3.5.2",
+    "@blocklet/list": "^0.18.12",
+    "@blocklet/meta": "1.17.10-beta-20260210-024836-33fc86ec",
+    "@blocklet/theme": "^3.5.2",
+    "@blocklet/ui-react": "^3.5.2",
     "@blocklet/uploader": "^0.3.19",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
@@ -61,9 +61,9 @@
     "@mui/material": "^7.2.0",
     "@mui/x-date-pickers": "^8.9.0",
     "@mui/x-tree-view": "^8.9.0",
-    "@ocap/client": "1.29.3",
-    "@ocap/mcrypto": "1.29.3",
-    "@ocap/util": "1.29.3",
+    "@ocap/client": "1.29.8",
+    "@ocap/mcrypto": "1.29.8",
+    "@ocap/util": "1.29.8",
     "@uiw/react-markdown-preview": "^5.1.1",
     "ahooks": "^3.7.8",
     "axios": "^1.7.9",
@@ -127,5 +127,5 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "glob": "^10.4.1"
   },
-  "gitHead": "05dcc21faa379fbffcde742a3ea0d9919258e750"
+  "gitHead": "103fca8786e6bc94a11315c05904effad033083e"
 }