logout capsule wallet on disconnect (#2018)

* change API Keys for blocknative demo and docs site

* logout capsule wallet on disconnect

* fix Fragment issue

* Update package.json

* Update package.json

* Update yarn.lock

* alpha tag

* Update yarn.lock

---------

Co-authored-by: vr2amesh <[email protected]>

Author: jjasonlan

docs/package.json

@@ -54,7 +54,7 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "^2.0.0",
     "@web3-onboard/blocto": "^2.0.0",
-    "@web3-onboard/capsule": "^2.0.0",
+    "@web3-onboard/capsule": "^2.0.1-alpha.1",
     "@web3-onboard/coinbase": "^2.2.5",
     "@web3-onboard/core": "^2.21.2",
     "@web3-onboard/dcent": "^2.2.7",

packages/capsule/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/capsule",
-  "version": "2.0.0",
+  "version": "2.0.1-alpha.1",
   "description": "Capsule SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -56,7 +56,7 @@
     "Capsule"
   ],
   "dependencies": {
-    "@usecapsule/web-sdk": "^0.29.4",
+    "@usecapsule/web-sdk": "0.29.4-dev.14",
     "@wagmi/chains": "^1.8.0",
     "@web3-onboard/common": "^2.3.3",
     "react-dom" : "^18.2.0"

packages/capsule/src/index.ts

@@ -1,4 +1,4 @@
-import type { AppMetadata, WalletInit } from '@web3-onboard/common'
+import type { AppMetadata, EIP1193Provider, WalletInit } from '@web3-onboard/common'
 import type { CapsuleInitOptions } from './types'
 import type { Chain } from '@wagmi/chains'
 import type { Chain as BlocknativeChain } from '@web3-onboard/common'
@@ -89,7 +89,9 @@ function capsule(options: CapsuleInitOptions): WalletInit {
             chainsMap
           )
         }
-        const provider = new CapsuleEIP1193Provider(providerOpts)
+        const provider: EIP1193Provider = new CapsuleEIP1193Provider(providerOpts)
+
+        provider.disconnect = () => { capsule.logout(); };
 
         return {
           instance: capsule,

packages/capsule/yarn.lock

@@ -2283,7 +2283,7 @@
   dependencies:
     axios "^0.27.2"
 
-"@usecapsule/web-sdk@^0.29.4":
+"@usecapsule/web-sdk@^0.29.4-dev.14":
   version "0.29.4"
   resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4.tgz#17e5e2604f97d59ccd2f4ba69b7b99a021f3dadd"
   integrity sha512-0V2rknVTVdrz7Gt3K8BvfYqz/yXFWgfscrHM5S4NfOBhVITYdg/Sd3naCROyNBrbXRpmOBUA23AlF+7jo/GkMA==

packages/demo/package.json

@@ -30,7 +30,7 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "2.0.1",
     "@web3-onboard/blocto": "2.0.0",
-    "@web3-onboard/capsule": "2.0.0",
+    "@web3-onboard/capsule": "2.0.1-alpha.1",
     "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/coinbase": "^2.2.6",
     "@web3-onboard/core": "^2.21.2",

yarn.lock

@@ -5098,10 +5098,10 @@
   dependencies:
     axios "^0.27.2"
 
-"@usecapsule/web-sdk@^0.29.4":
-  version "0.29.4"
-  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4.tgz#17e5e2604f97d59ccd2f4ba69b7b99a021f3dadd"
-  integrity sha512-0V2rknVTVdrz7Gt3K8BvfYqz/yXFWgfscrHM5S4NfOBhVITYdg/Sd3naCROyNBrbXRpmOBUA23AlF+7jo/GkMA==
+"@usecapsule/[email protected]-dev.14":
+  version "0.29.4-dev.14"
+  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4-dev.14.tgz#1148b96a0c1033a76ee966a3cab61bb35a104aa0"
+  integrity sha512-VMkoDb7/SDZUrid+E3rBNtO+6+vXVMbuvGhIv+hh67o3LPyU/te5xPu1UmqlvOTpZhu9a+fNNF/RvdqBXIiBMg==
   dependencies:
     "@celo/utils" "3.2.0"
     "@chakra-ui/icons" "^2.1.1"