build: Migrate to WalletConnect v2

.gitignore

@@ -2,6 +2,7 @@ idea
 .vscode
 node_modules
 dist
+build
 
 # misc
 .DS_Store

MIGRATION_GUIDE.md

@@ -0,0 +1,34 @@
+# Migration Guide for Pera Wallet v2
+
+Pera Connect is upgrading to WalletConnect v2. This update introduces some breaking changes. Please follow the steps below to ensure a seamless transition.
+
+### 1. Initializing PeraWalletConnect Instance
+
+In the new version, you must pass a `projectId` when creating an instance of `PeraWalletConnect`. You can obtain your `projectId` from Wallet Connect. For more details, please refer to this [documentation](https://docs.walletconnect.com/cloud/relay).
+
+```js
+const peraWallet = new PeraWalletConnect({projectId: <YOUR_PROJECT_ID>});
+```
+
+
+### 2. Updating Event Listeners
+
+The event listener functions have been updated. For example, the event for disconnection has changed from "disconnect" to "session_delete".
+
+##### v1
+
+```js
+peraWallet.connector?.on("disconnect", () => {
+      // handle disconnect
+});
+```
+
+##### v2
+
+```js
+peraWallet.client?.on("session_delete", () => {
+      // handle session delete
+});
+```
+
+Please make these changes to ensure your implementation continues to function correctly with the latest version of the SDK. If you have any questions or encounter issues, refer to the detailed documentation or contact support.

README.md

@@ -44,11 +44,15 @@ npm install --save @perawallet/connect
 
 ```jsx
 // Connect handler
+const peraWallet = new PeraWalletConnect({
+  projectId: <YOUR_PROJECT_ID>
+});
+
 peraWallet
   .connect()
   .then((newAccounts) => {
     // Setup the disconnect event listener
-    peraWallet.connector?.on("disconnect", handleDisconnectWalletClick);
+    peraWallet.client?.on("session_delete", handleDisconnectWalletClick);
 
     setAccountAddress(newAccounts[0]);
   })
@@ -67,7 +71,7 @@ If you don't want the user's account information to be lost by the dApp when the
 // On the every page refresh
 peraWallet.reconnectSession().then((accounts) => {
   // Setup the disconnect event listener
-  peraWallet.connector?.on("disconnect", handleDisconnectWalletClick);
+  peraWallet.client?.on("session_delete", handleDisconnectWalletClick);
 
   if (accounts.length) {
     setAccountAddress(accounts[0]);
@@ -90,10 +94,15 @@ try {
 
 | option                   | default | value                                 |          |
 | ------------------------ | ------- | ------------------------------------- | -------- |
+| `projectId`              |         | `string`                               | required |
 | `chainId`                | `4160`  | `416001`, `416002`, `416003` , `4160` | optional |
 | `shouldShowSignTxnToast` | `true`  | `boolean`                             | optional |
 | `compactMode`            | `false` | `boolean`                             | optional |
 
+#### **`projectId` (required)**
+
+Your project's unique identifier that can be obtained at [Wallet Connect Cloud](https://cloud.walletconnect.com). Learn more on [Wallet Connect Docs](https://docs.walletconnect.com/cloud/relay).
+
 #### **`chainId`**
 
 Determines which Algorand network your dApp uses.
@@ -138,10 +147,6 @@ Returns the platform of the active session. Possible responses: _`mobile | web |
 
 Checks if there's any active session regardless of platform. Possible responses: _`true | false`_
 
-#### `PeraWalletConnect.signTransaction(txGroups: SignerTransaction[][], signerAddress?: string): Promise<Uint8Array[]>`
-
-Starts the sign process and returns the signed transaction in `Uint8Array`
-
 #### `PeraWalletConnect.signData(data: PeraWalletArbitraryData[], signer: string): Promise<Uint8Array[]>`
 
 Starts the signing process for arbitrary data signing and returns the signed data in `Uint8Array`. Uses `signBytes` method of `algosdk` behind the scenes. `signer` should be a valid Algorand address that exists in the user's wallet.