Update SDK version

Metamask/notifications/README.md

@@ -2,7 +2,7 @@
 
 > Connect your wallet and keep track of your transactions
 
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) utilizing [`@tatumcom/js`](https://docs.tatum.com/sdk/javascript-typescript-sdk) for a simple [MetaMask](https://metamask.io/) integration. It combines several examples available in [Tatum Docs](https://docs.tatum.com/) into a single straightforward easily customizable mini application capable of connecting to the wallet, displaying recent transactions of native currency and monitoring further outgoing native currency transfers on [Sepolia Testnet](https://sepolia.etherscan.io/).
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) utilizing [`@tatumio/tatum`](https://docs.tatum.com/sdk/javascript-typescript-sdk) for a simple [MetaMask](https://metamask.io/) integration. It combines several examples available in [Tatum Docs](https://docs.tatum.com/) into a single straightforward easily customizable mini application capable of connecting to the wallet, displaying recent transactions of native currency and monitoring further outgoing native currency transfers on [Sepolia Testnet](https://sepolia.etherscan.io/).
 
 ![Demo](./public/demo.png)
 

Metamask/notifications/components/organisms/Metamask.tsx

@@ -1,7 +1,7 @@
 /* Required since nextjs13 to define a client component */
 "use client";
 
-import { TatumSDK, Network, Ethereum } from "@tatumcom/js";
+import { TatumSDK, Network, Ethereum } from "@tatumio/tatum";
 import * as React from "react";
 import Image from "next/image";
 import { toast } from "react-hot-toast";
@@ -36,11 +36,11 @@ const Metamask = (): JSX.Element => {
   const connectMetamask = async () => {
     setLoading(LoadingStatus.TX);
 
-    try {
-      const tatum = await TatumSDK.init<Ethereum>({
-        network: Network.ETHEREUM_SEPOLIA,
-      });
+    const tatum = await TatumSDK.init<Ethereum>({
+      network: Network.ETHEREUM_SEPOLIA,
+    });
 
+    try {
       /* https://docs.tatum.com/docs/wallet-provider/metamask/connect-a-wallet */
       const acc = await tatum.walletProvider.metaMask.connect();
 
@@ -63,17 +63,20 @@ const Metamask = (): JSX.Element => {
       console.error(error);
       toast.error("Connection failed");
     }
+
+    // destroy Tatum SDK - needed for stopping background jobs
+    tatum.destroy();
   };
 
   const handleMonitoring = async (address: string) => {
     setLoading(LoadingStatus.SUB);
 
+    const tatum = await TatumSDK.init<Ethereum>({
+      network: Network.ETHEREUM_SEPOLIA,
+    });
+
     if (subscription) {
       try {
-        const tatum = await TatumSDK.init<Ethereum>({
-          network: Network.ETHEREUM_SEPOLIA,
-        });
-
         /* https://docs.tatum.com/docs/notifications/notification-workflow/stop-monitoring-of-the-address */
         await tatum.notification.unsubscribe(subscription);
 
@@ -86,10 +89,6 @@ const Metamask = (): JSX.Element => {
       }
     } else {
       try {
-        const tatum = await TatumSDK.init<Ethereum>({
-          network: Network.ETHEREUM_SEPOLIA,
-        });
-
         /* https://docs.tatum.com/docs/notifications/notification-workflow/get-all-existing-monitoring-subscriptions */
         const existing = await tatum.notification.getAll({ address });
 
@@ -119,6 +118,9 @@ const Metamask = (): JSX.Element => {
         console.error(error);
         toast.error("Subscription creation failed");
       }
+
+      // destroy Tatum SDK - needed for stopping background jobs
+      tatum.destroy();
     }
 
     setLoading(LoadingStatus.NONE);
@@ -127,11 +129,11 @@ const Metamask = (): JSX.Element => {
   const executeTestTransaction = async () => {
     setLoading(LoadingStatus.TX);
 
-    try {
-      const tatum = await TatumSDK.init<Ethereum>({
-        network: Network.ETHEREUM_SEPOLIA,
-      });
+    const tatum = await TatumSDK.init<Ethereum>({
+      network: Network.ETHEREUM_SEPOLIA,
+    });
 
+    try {
       /* https://docs.tatum.com/docs/wallet-provider/metamask/transfer-native-assets */
       const tx = await tatum.walletProvider.metaMask.transferNative(
         receiver,
@@ -145,6 +147,9 @@ const Metamask = (): JSX.Element => {
       toast.error("Transfer failed");
     }
 
+    // destroy Tatum SDK - needed for stopping background jobs
+    tatum.destroy();
+
     setLoading(LoadingStatus.NONE);
   };
 

Metamask/notifications/lib/utils.ts

@@ -1,4 +1,4 @@
-import { AddressBalance, AddressTransaction } from "@tatumcom/js";
+import { AddressBalance, AddressTransaction } from "@tatumio/tatum";
 import clsx, { ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 import BN from "bignumber.js";

Metamask/notifications/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@tatumcom/js": "^1.4.23",
+    "@tatumio/tatum": "^3.0.6",
     "@types/node": "20.2.5",
     "@types/react": "18.2.9",
     "@types/react-dom": "18.2.4",