@tonconnect/ui 0.0.16 → 0.0.17

package/lib/index.d.ts

@@ -27,6 +27,7 @@ declare type ColorsSet = {
         secondary: Color$1;
         tertiary: Color$1;
         success: Color$1;
+        error: Color$1;
     };
     background: {
         primary: Color$1;
@@ -52,6 +53,7 @@ declare type PartialColorsSet = {
         secondary?: Color$1;
         tertiary?: Color$1;
         success?: Color$1;
+        error?: Color$1;
     };
     background?: {
         primary?: Color$1;

package/lib/index.js

@@ -3076,7 +3076,7 @@ class BridgeProvider {
     this.storage = storage;
     this.walletConnectionSource = walletConnectionSource;
     this.type = "http";
-    this.standardUniversalLink = "https://connect.ton.org";
+    this.standardUniversalLink = "tc://";
     this.pendingRequests = /* @__PURE__ */ new Map();
     this.nextRequestId = 0;
     this.session = null;
@@ -5846,7 +5846,8 @@ const defaultLightColorsSet = {
     primary: "#0F0F0F",
     secondary: "#7A8999",
     tertiary: "#C1CAD2",
-    success: "#29CC6A"
+    success: "#29CC6A",
+    error: "#F5A73B"
   },
   background: {
     primary: "#FFFFFF",
@@ -5871,7 +5872,8 @@ const defaultDarkColorsSet = {
     primary: "#E5E5EA",
     secondary: "#909099",
     tertiary: "#434347",
-    success: "#29CC6A"
+    success: "#29CC6A",
+    error: "#F5A73B"
   },
   background: {
     primary: "#121214",
@@ -6970,7 +6972,7 @@ const SuccessIcon = (props) => {
 const _tmpl$$a = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="11"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M7.86358 9.13637C7.51211 8.7849 7.51211 8.21505 7.86358 7.86358C8.21505 7.51211 8.7849 7.51211 9.13637 7.86358L12 10.7272L14.8636 7.86358C15.2151 7.51211 15.7849 7.51211 16.1364 7.86358C16.4878 8.21505 16.4878 8.7849 16.1364 9.13637L13.2728 12L16.1364 14.8636C16.4878 15.2151 16.4878 15.7849 16.1364 16.1364C15.7849 16.4878 15.2151 16.4878 14.8636 16.1364L12 13.2728L9.13637 16.1364C8.7849 16.4878 8.21505 16.4878 7.86358 16.1364C7.51211 15.7849 7.51211 15.2151 7.86358 14.8636L10.7272 12L7.86358 9.13637Z"></path></svg>`);
 const ErrorIcon = (props) => {
   const theme = useTheme();
-  const fill = () => props.fill || theme.colors.icon.secondary;
+  const fill = () => props.fill || theme.colors.icon.error;
   return (() => {
     const _el$ = _tmpl$$a.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     createRenderEffect((_p$) => {
@@ -7135,6 +7137,7 @@ const AccountButtonDropdown = (props) => {
     setTimeout(() => setIsCopiedShown(false), 1e3);
   });
   const onDisconnect = () => {
+    setAction(null);
     connector.disconnect();
     props.onClose();
   };
@@ -7325,9 +7328,10 @@ const NotificationClass = u`
 `;
 const _tmpl$$4 = /* @__PURE__ */ template$1(`<div></div>`);
 const Notifications = (props) => {
+  const timeouts = [];
+  const [openedNotifications, setOpenedNotifications] = createSignal([]);
   let lastId = -1;
   const liveTimeoutMs = 4500;
-  const [openedNotifications, setOpenedNotifications] = createSignal([]);
   createEffect(on(action, (action2) => {
     if (action2 && action2.showNotification) {
       lastId++;
@@ -7336,9 +7340,12 @@ const Notifications = (props) => {
         id,
         action: action2.name
       }));
-      setTimeout(() => setOpenedNotifications((notifications2) => notifications2.filter((notification) => notification.id !== id)), liveTimeoutMs);
+      timeouts.push(setTimeout(() => setOpenedNotifications((notifications2) => notifications2.filter((notification) => notification.id !== id)), liveTimeoutMs));
     }
   }));
+  onCleanup(() => {
+    timeouts.forEach(clearTimeout);
+  });
   return (() => {
     const _el$ = _tmpl$$4.cloneNode(true);
     insert(_el$, createComponent(TransitionGroup, {
@@ -11051,6 +11058,7 @@ class TonConnectUI {
     });
   }
   disconnect() {
+    widgetController.clearAction();
     this.walletInfoStorage.removeWalletInfo();
     return this.connector.disconnect();
   }