@tonconnect/ui-react 0.0.13 → 0.0.14

package/lib/index.umd.js

@@ -4056,7 +4056,7 @@ var __objRest = (source, exclude) => {
       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;
@@ -6825,7 +6825,8 @@ var __objRest = (source, exclude) => {
       primary: "#0F0F0F",
       secondary: "#7A8999",
       tertiary: "#C1CAD2",
-      success: "#29CC6A"
+      success: "#29CC6A",
+      error: "#F5A73B"
     },
     background: {
       primary: "#FFFFFF",
@@ -6850,7 +6851,8 @@ var __objRest = (source, exclude) => {
       primary: "#E5E5EA",
       secondary: "#909099",
       tertiary: "#434347",
-      success: "#29CC6A"
+      success: "#29CC6A",
+      error: "#F5A73B"
     },
     background: {
       primary: "#121214",
@@ -7949,7 +7951,7 @@ var __objRest = (source, exclude) => {
   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$) => {
@@ -8114,6 +8116,7 @@ var __objRest = (source, exclude) => {
       setTimeout(() => setIsCopiedShown(false), 1e3);
     });
     const onDisconnect = () => {
+      setAction(null);
       connector.disconnect();
       props.onClose();
     };
@@ -8304,9 +8307,10 @@ var __objRest = (source, exclude) => {
 `;
   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++;
@@ -8315,9 +8319,12 @@ var __objRest = (source, exclude) => {
           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, {
@@ -12030,6 +12037,7 @@ var __objRest = (source, exclude) => {
       });
     }
     disconnect() {
+      widgetController.clearAction();
       this.walletInfoStorage.removeWalletInfo();
       return this.connector.disconnect();
     }