@dynamic-labs/wagmi-connector 0.13.64 → 0.14.0

package/index.cjs

@@ -0,0 +1,228 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var wagmi = require('wagmi');
+var sdkReact = require('@dynamic-labs/sdk-react');
+var utils = require('ethers/lib/utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+class Connector extends wagmi.Connector {
+  constructor({
+    handleLogOut,
+    walletConnector
+  }) {
+    super({
+      options: undefined
+    });
+    // wagmi properties
+    this.id = 'dynamic';
+    this.name = 'Dynamic';
+    // also a wagmi prop, but is only used for auto-connect
+    // which we have implemented ourselves, so this value
+    // doesn't matter
+    this.ready = false;
+    this.onAccountsChanged = accounts => __awaiter(this, void 0, void 0, function* () {
+      this.emit('change', {
+        account: utils.getAddress(accounts[0])
+      });
+    });
+    this.onChainChanged = chain => __awaiter(this, void 0, void 0, function* () {
+      this.emit('change', {
+        chain: {
+          id: Number(chain),
+          unsupported: false
+        }
+      });
+    });
+    this.onDisconnect = () => __awaiter(this, void 0, void 0, function* () {});
+    this.handleLogOut = handleLogOut;
+    this.walletConnector = walletConnector;
+    this.setupEventListeners();
+  }
+  setupEventListeners() {
+    this.walletConnector.setupEventListeners({
+      onAccountChange: this.onAccountsChanged,
+      onChainChange: this.onChainChanged,
+      onDisconnect: this.onDisconnect
+    });
+  }
+  connect(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!this.walletConnector) {
+        throw new Error('WalletConnector is not defined');
+      }
+      const account = yield this.getAccount();
+      this.setupEventListeners();
+      this.emit('message', {
+        type: 'connecting'
+      });
+      const web3Provider = yield this.getProvider();
+      const {
+        provider
+      } = web3Provider;
+      return {
+        account,
+        chain: {
+          id: yield this.getChainId(),
+          unsupported: false
+        },
+        provider
+      };
+    });
+  }
+  disconnect() {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function* () {
+      const web3Provider = yield this.getProvider();
+      const {
+        provider
+      } = web3Provider;
+      provider.removeListener('accountsChanged', this.onAccountsChanged);
+      provider.removeListener('chainChanged', this.onChainChanged);
+      provider.removeListener('disconnect', this.onDisconnect);
+      yield (_b = (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.endSession) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_c = this.handleLogOut) === null || _c === void 0 ? void 0 : _c.call(this);
+    });
+  }
+  getAccount() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      const address = yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.fetchPublicAddress();
+      if (!address) {
+        throw new Error('Not connected');
+      }
+      return utils.getAddress(address);
+    });
+  }
+  getChainId() {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!this.walletConnector) {
+        throw new Error('WalletConnector is not defined');
+      }
+      const network = yield sdkReact.getNetwork(this.walletConnector);
+      if (!network) {
+        throw new Error('Network is not defined');
+      }
+      return network;
+    });
+  }
+  getProvider(config) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getWeb3Provider();
+    });
+  }
+  getSigner(config) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+      return (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getSigner();
+    });
+  }
+  isAuthorized() {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function* () {
+      const accounts = (_b = yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.getConnectedAccounts()) !== null && _b !== void 0 ? _b : [];
+      return accounts.length > 0;
+    });
+  }
+  switchChain(chainId) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function* () {
+      yield (_a = this.walletConnector) === null || _a === void 0 ? void 0 : _a.switchNetwork({
+        networkChainId: chainId
+      });
+      const id = utils.hexValue(chainId);
+      return (_b = this.chains.find(x => x.id === chainId)) !== null && _b !== void 0 ? _b : {
+        id: chainId,
+        name: `Chain ${id}`,
+        network: `${id}`,
+        rpcUrls: {
+          default: ''
+        }
+      };
+    });
+  }
+  watchAsset(asset) {
+    throw new Error('Method not implemented.');
+  }
+}
+
+const DynamicWagmiConnector = ({
+  children
+}) => {
+  const {
+    walletConnector,
+    handleLogOut
+  } = sdkReact.useDynamicContext();
+  const {
+    connect,
+    status
+  } = wagmi.useConnect();
+  const {
+    disconnect
+  } = wagmi.useDisconnect();
+  // storing as a singleton so we can re-setup event listeners on the same instance
+  const dynamicWagmiConnector = React.useRef();
+  if (walletConnector) {
+    // after connection is successful, re-setup event listeners after a short delay
+    // so that they are not cleared by the teardown in useWalletEventListeners
+    if (status === 'success') {
+      setTimeout(() => {
+        var _a;
+        (_a = dynamicWagmiConnector.current) === null || _a === void 0 ? void 0 : _a.setupEventListeners();
+      }, 100);
+    }
+  }
+  React.useEffect(() => {
+    if (!walletConnector) {
+      dynamicWagmiConnector.current = undefined;
+      disconnect();
+    } else if (!dynamicWagmiConnector.current) {
+      dynamicWagmiConnector.current = new Connector({
+        handleLogOut,
+        walletConnector
+      });
+      connect({
+        connector: dynamicWagmiConnector.current
+      });
+    }
+  }, [connect, disconnect, handleLogOut, status, walletConnector]);
+  // use React.createElement to prevent bunding react/jsx-runtime,
+  // which is not compatible when bundling apps using React 17
+  // eslint-disable-next-line react/no-children-prop
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+    children
+  });
+};
+
+exports.DynamicWagmiConnector = DynamicWagmiConnector;

package/package.json

@@ -1,15 +1,28 @@
 {
   "name": "@dynamic-labs/wagmi-connector",
-  "version": "0.13.64",
+  "version": "0.14.0",
   "type": "module",
-  "license": "Apache-2.0",
-  "main": "./index.esm.js",
-  "typings": "./index.d.ts",
-  "dependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dynamic-labs/DynamicAuth.git",
+    "directory": "packages/wagmi-connector"
+  },
   "peerDependencies": {
+    "react": "^17.0.2 || ^18.0.0",
     "ethers": "^5.7.2",
     "wagmi": "^0.8.10",
-    "@dynamic-labs/sdk-react": "0.13.64",
-    "react": "^17.0.2 || ^18.0.0"
-  }
-}
+    "@dynamic-labs/sdk-react": "0.14.0"
+  },
+  "license": "Apache-2.0",
+  "module": "./index.js",
+  "main": "./index.cjs",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  },
+  "dependencies": {}
+}

package/{lib → src/lib}/DynamicWagmiConnector.d.ts

@@ -2,5 +2,5 @@ import React, { ReactNode } from 'react';
 export declare const DynamicWagmiConnector: ({ children, }: {
     children: ReactNode;
 }) => React.FunctionComponentElement<{
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }>;