@keplr-wallet/wc-qrcode-modal 0.12.21 → 0.12.22-rc.0

package/build/index.d.ts

@@ -1,7 +1,12 @@
 import { ModalUIOptions } from "./modal";
-export declare class KeplrQRCodeModalV1 {
+import SignClient from "@walletconnect/sign-client";
+import { ProposalTypes } from "@walletconnect/types";
+import SessionProperties = ProposalTypes.SessionProperties;
+export declare class KeplrQRCodeModalV2 {
+    readonly signClient: SignClient;
     protected readonly uiOptions?: ModalUIOptions | undefined;
-    constructor(uiOptions?: ModalUIOptions | undefined);
+    constructor(signClient: SignClient, uiOptions?: ModalUIOptions | undefined);
+    connect(chainIds: string[]): Promise<SessionProperties | undefined>;
     open(uri: string, cb: any): void;
     close(): void;
 }

package/build/index.js

@@ -1,19 +1,65 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (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());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeplrQRCodeModalV1 = void 0;
+exports.KeplrQRCodeModalV2 = void 0;
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
 const modal_1 = require("./modal");
-class KeplrQRCodeModalV1 {
-    constructor(uiOptions) {
+class KeplrQRCodeModalV2 {
+    constructor(signClient, uiOptions) {
+        this.signClient = signClient;
         this.uiOptions = uiOptions;
     }
+    connect(chainIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { uri, approval } = yield this.signClient.connect({
+                requiredNamespaces: {
+                    cosmos: {
+                        methods: [
+                            "cosmos_getAccounts",
+                            "cosmos_signDirect",
+                            "cosmos_signAmino",
+                            "keplr_getKey",
+                            "keplr_signAmino",
+                            "keplr_signDirect",
+                            "keplr_signArbitrary",
+                            "keplr_enable",
+                        ],
+                        chains: [...chainIds.map((chainId) => `cosmos:${chainId}`)],
+                        events: ["accountsChanged", "chainChanged", "keplr_accountsChanged"],
+                    },
+                },
+            });
+            if (!uri) {
+                throw new Error("No uri");
+            }
+            try {
+                this.open(uri, () => { });
+                const session = yield approval();
+                return session.sessionProperties;
+            }
+            catch (e) {
+                console.error(e);
+            }
+            finally {
+                this.close();
+            }
+        });
+    }
     open(uri, cb) {
         const wrapper = document.createElement("div");
-        wrapper.setAttribute("id", "keplr-qrcode-modal-v1");
+        wrapper.setAttribute("id", "keplr-qrcode-modal-v2");
         document.body.appendChild(wrapper);
         react_dom_1.default.render(react_1.default.createElement(modal_1.Modal, { uri: uri, close: () => {
                 this.close();
@@ -21,11 +67,11 @@ class KeplrQRCodeModalV1 {
             }, uiOptions: this.uiOptions }), wrapper);
     }
     close() {
-        const wrapper = document.getElementById("keplr-qrcode-modal-v1");
+        const wrapper = document.getElementById("keplr-qrcode-modal-v2");
         if (wrapper) {
             document.body.removeChild(wrapper);
         }
     }
 }
-exports.KeplrQRCodeModalV1 = KeplrQRCodeModalV1;
+exports.KeplrQRCodeModalV2 = KeplrQRCodeModalV2;
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0DAAiC;AACjC,mCAAgD;AAEhD,MAAa,kBAAkB;IAC7B,YAA+B,SAA0B;QAA1B,cAAS,GAAT,SAAS,CAAiB;IAAG,CAAC;IAE7D,IAAI,CAAC,GAAW,EAAE,EAAO;QACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;QACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnC,mBAAQ,CAAC,MAAM,CACb,8BAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,EAAE;gBACV,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,EAAE,EAAE,CAAC;YACP,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,EACF,OAAO,CACR,CAAC;IACJ,CAAC;IAED,KAAK;QACH,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;QACjE,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SACpC;IACH,CAAC;CACF;AA3BD,gDA2BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0DAAiC;AACjC,mCAAgD;AAKhD,MAAa,kBAAkB;IAC7B,YACkB,UAAsB,EACnB,SAA0B;QAD7B,eAAU,GAAV,UAAU,CAAY;QACnB,cAAS,GAAT,SAAS,CAAiB;IAC5C,CAAC;IAEE,OAAO,CAAC,QAAkB;;YAC9B,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBACtD,kBAAkB,EAAE;oBAClB,MAAM,EAAE;wBACN,OAAO,EAAE;4BACP,oBAAoB;4BACpB,mBAAmB;4BACnB,kBAAkB;4BAClB,cAAc;4BACd,iBAAiB;4BACjB,kBAAkB;4BAClB,qBAAqB;4BACrB,cAAc;yBACf;wBACD,MAAM,EAAE,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,OAAO,EAAE,CAAC,CAAC;wBAC3D,MAAM,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,CAAC;qBACrE;iBACF;aACF,CAAC,CAAC;YAEH,IAAI,CAAC,GAAG,EAAE;gBACR,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;aAC3B;YAED,IAAI;gBACF,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;gBACzB,MAAM,OAAO,GAAG,MAAM,QAAQ,EAAE,CAAC;gBACjC,OAAO,OAAO,CAAC,iBAAiB,CAAC;aAClC;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;aAClB;oBAAS;gBACR,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC;KAAA;IAED,IAAI,CAAC,GAAW,EAAE,EAAO;QACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;QACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnC,mBAAQ,CAAC,MAAM,CACb,8BAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,EAAE;gBACV,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,EAAE,EAAE,CAAC;YACP,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,EACF,OAAO,CACR,CAAC;IACJ,CAAC;IAED,KAAK;QACH,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;QACjE,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SACpC;IACH,CAAC;CACF;AAjED,gDAiEC"}

package/build/modal.js

@@ -28,31 +28,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const react_1 = __importStar(require("react"));
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 const qrcode_react_1 = __importDefault(require("qrcode.react"));
-const browser_utils_1 = require("@walletconnect/browser-utils");
+const util_1 = require("./util");
 const Modal = ({ uiOptions, uri, close }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    const [checkMobile] = (0, react_1.useState)(() => (0, browser_utils_1.isMobile)());
-    const [checkAndroid] = (0, react_1.useState)(() => (0, browser_utils_1.isAndroid)());
+    const [checkMobile] = (0, react_1.useState)(() => (0, util_1.isMobile)());
+    const [checkAndroid] = (0, react_1.useState)(() => (0, util_1.isAndroid)());
+    const saveMobileLinkInfo = (info) => {
+        localStorage.setItem("wallet-connect-v2-mobile-link", JSON.stringify(info));
+    };
     const navigateToAppURL = (0, react_1.useMemo)(() => {
         if (checkMobile) {
             if (checkAndroid) {
                 // Save the mobile link.
-                (0, browser_utils_1.saveMobileLinkInfo)({
+                saveMobileLinkInfo({
                     name: "Keplr",
-                    href: "intent://wcV1#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;",
+                    href: "intent://wcV2#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;",
                 });
-                return `intent://wcV1?${uri}#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;`;
+                return `intent://wcV2?${uri}#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;`;
             }
             else {
                 // Save the mobile link.
-                (0, browser_utils_1.saveMobileLinkInfo)({
+                saveMobileLinkInfo({
                     name: "Keplr",
-                    href: "keplrwallet://wcV1",
+                    href: `keplrwallet://wcV2`,
                 });
-                return `keplrwallet://wcV1?${uri}`;
+                return `keplrwallet://wcV2?${uri}`;
             }
         }
     }, [checkAndroid, checkMobile, uri]);

package/build/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"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"}

package/build/util.d.ts

@@ -0,0 +1,2 @@
+export declare function isAndroid(): boolean;
+export declare function isMobile(): boolean;

package/build/util.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMobile = exports.isAndroid = void 0;
+const detect_browser_1 = require("detect-browser");
+function detectEnv(userAgent) {
+    return (0, detect_browser_1.detect)(userAgent);
+}
+function detectOS() {
+    const env = detectEnv();
+    return env && env.os ? env.os : undefined;
+}
+function isAndroid() {
+    const os = detectOS();
+    return os ? os.toLowerCase().includes("android") : false;
+}
+exports.isAndroid = isAndroid;
+function isIOS() {
+    const os = detectOS();
+    return os
+        ? os.toLowerCase().includes("ios") ||
+            (os.toLowerCase().includes("mac") && navigator.maxTouchPoints > 1)
+        : false;
+}
+function isMobile() {
+    const os = detectOS();
+    return os ? isAndroid() || isIOS() : false;
+}
+exports.isMobile = isMobile;
+//# sourceMappingURL=util.js.map

package/build/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":";;;AAAA,mDAOwB;AAExB,SAAS,SAAS,CAChB,SAAkB;IAQlB,OAAO,IAAA,uBAAM,EAAC,SAAS,CAAC,CAAC;AAC3B,CAAC;AAED,SAAS,QAAQ;IACf,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,OAAO,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5C,CAAC;AAED,SAAgB,SAAS;IACvB,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC3D,CAAC;AAHD,8BAGC;AAED,SAAS,KAAK;IACZ,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,EAAE;QACP,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC9B,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC;QACtE,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,SAAgB,QAAQ;IACtB,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7C,CAAC;AAHD,4BAGC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keplr-wallet/wc-qrcode-modal",
-  "version": "0.12.21",
+  "version": "0.12.22-rc.0",
   "main": "build/index.js",
   "author": "chainapsis",
   "license": "Apache-2.0",
@@ -15,13 +15,14 @@
     "lint-fix": "eslint --fix \"src/**/*\" && prettier --write \"src/**/*\""
   },
   "dependencies": {
-    "@walletconnect/browser-utils": "^1.6.5",
-    "@walletconnect/types": "^1.6.5",
-    "qrcode.react": "^1.0.1"
+    "detect-browser": "^5.3.0",
+    "qrcode.react": "^3.1.0"
   },
   "peerDependencies": {
+    "@walletconnect/sign-client": "^2",
+    "@walletconnect/types": "^2",
     "react": "^16.8.0 || ^17 || ^18",
     "react-dom": "^16.8.0 || ^17 || ^18"
   },
-  "gitHead": "95ba471dd911d866428817167abf574d5e70ae34"
+  "gitHead": "983c1890b6147bab0b843157644ae645a50a973c"
 }

package/src/index.tsx

@@ -1,13 +1,54 @@
 import React from "react";
 import ReactDom from "react-dom";
 import { Modal, ModalUIOptions } from "./modal";
+import SignClient from "@walletconnect/sign-client";
+import { ProposalTypes } from "@walletconnect/types";
+import SessionProperties = ProposalTypes.SessionProperties;
 
-export class KeplrQRCodeModalV1 {
-  constructor(protected readonly uiOptions?: ModalUIOptions) {}
+export class KeplrQRCodeModalV2 {
+  constructor(
+    public readonly signClient: SignClient,
+    protected readonly uiOptions?: ModalUIOptions
+  ) {}
+
+  async connect(chainIds: string[]): Promise<SessionProperties | undefined> {
+    const { uri, approval } = await this.signClient.connect({
+      requiredNamespaces: {
+        cosmos: {
+          methods: [
+            "cosmos_getAccounts",
+            "cosmos_signDirect",
+            "cosmos_signAmino",
+            "keplr_getKey",
+            "keplr_signAmino",
+            "keplr_signDirect",
+            "keplr_signArbitrary",
+            "keplr_enable",
+          ],
+          chains: [...chainIds.map((chainId) => `cosmos:${chainId}`)],
+          events: ["accountsChanged", "chainChanged", "keplr_accountsChanged"],
+        },
+      },
+    });
+
+    if (!uri) {
+      throw new Error("No uri");
+    }
+
+    try {
+      this.open(uri, () => {});
+      const session = await approval();
+      return session.sessionProperties;
+    } catch (e) {
+      console.error(e);
+    } finally {
+      this.close();
+    }
+  }
 
   open(uri: string, cb: any) {
     const wrapper = document.createElement("div");
-    wrapper.setAttribute("id", "keplr-qrcode-modal-v1");
+    wrapper.setAttribute("id", "keplr-qrcode-modal-v2");
     document.body.appendChild(wrapper);
 
     ReactDom.render(
@@ -24,7 +65,7 @@ export class KeplrQRCodeModalV1 {
   }
 
   close() {
-    const wrapper = document.getElementById("keplr-qrcode-modal-v1");
+    const wrapper = document.getElementById("keplr-qrcode-modal-v2");
     if (wrapper) {
       document.body.removeChild(wrapper);
     }

package/src/modal.tsx

@@ -5,14 +5,8 @@ import React, {
   useMemo,
   useState,
 } from "react";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import QRCode from "qrcode.react";
-import {
-  isMobile,
-  isAndroid,
-  saveMobileLinkInfo,
-} from "@walletconnect/browser-utils";
+import { isAndroid, isMobile } from "./util";
 
 export type ModalUIOptions = {
   backdrop?: {
@@ -54,24 +48,28 @@ export const Modal: FunctionComponent<{
   const [checkMobile] = useState(() => isMobile());
   const [checkAndroid] = useState(() => isAndroid());
 
+  const saveMobileLinkInfo = (info: { name: string; href: string }) => {
+    localStorage.setItem("wallet-connect-v2-mobile-link", JSON.stringify(info));
+  };
+
   const navigateToAppURL = useMemo(() => {
     if (checkMobile) {
       if (checkAndroid) {
         // Save the mobile link.
         saveMobileLinkInfo({
           name: "Keplr",
-          href: "intent://wcV1#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;",
+          href: "intent://wcV2#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;",
         });
 
-        return `intent://wcV1?${uri}#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;`;
+        return `intent://wcV2?${uri}#Intent;package=com.chainapsis.keplr;scheme=keplrwallet;end;`;
       } else {
         // Save the mobile link.
         saveMobileLinkInfo({
           name: "Keplr",
-          href: "keplrwallet://wcV1",
+          href: `keplrwallet://wcV2`,
         });
 
-        return `keplrwallet://wcV1?${uri}`;
+        return `keplrwallet://wcV2?${uri}`;
       }
     }
   }, [checkAndroid, checkMobile, uri]);

package/src/util.ts

@@ -0,0 +1,43 @@
+import {
+  detect,
+  BrowserInfo,
+  BotInfo,
+  NodeInfo,
+  SearchBotDeviceInfo,
+  ReactNativeInfo,
+} from "detect-browser";
+
+function detectEnv(
+  userAgent?: string
+):
+  | BrowserInfo
+  | BotInfo
+  | NodeInfo
+  | SearchBotDeviceInfo
+  | ReactNativeInfo
+  | null {
+  return detect(userAgent);
+}
+
+function detectOS() {
+  const env = detectEnv();
+  return env && env.os ? env.os : undefined;
+}
+
+export function isAndroid(): boolean {
+  const os = detectOS();
+  return os ? os.toLowerCase().includes("android") : false;
+}
+
+function isIOS(): boolean {
+  const os = detectOS();
+  return os
+    ? os.toLowerCase().includes("ios") ||
+        (os.toLowerCase().includes("mac") && navigator.maxTouchPoints > 1)
+    : false;
+}
+
+export function isMobile(): boolean {
+  const os = detectOS();
+  return os ? isAndroid() || isIOS() : false;
+}