@openocean.finance/openocean-sdk 0.1.44 → 0.1.45

package/lib/swapSdk/Approve.d.ts

@@ -10,7 +10,8 @@ export declare class Approve {
     account: string;
     amount: string;
     key: number;
-    constructor(contract: any);
+    wallet: any;
+    constructor(contract: any, wallet: any);
     send(reqApproveVo: ReqApproveVo, address: string): Promise<void>;
     on(events: string, callback: Function): this;
     getSuccess(): Promise<void>;

package/lib/swapSdk/Approve.js

@@ -0,0 +1,225 @@
+"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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Approve = void 0;
+var web3_1 = __importDefault(require("web3"));
+var Approve = /** @class */ (function () {
+    function Approve(contract, wallet) {
+        this.errorCallback = function () { };
+        this.transactionHashCallback = function () { };
+        this.receiptCallback = function () { };
+        this.successCallback = function () { };
+        this.contract = contract;
+        this.wallet = wallet;
+    }
+    Approve.prototype.send = function (reqApproveVo, address) {
+        return __awaiter(this, void 0, void 0, function () {
+            var web3, data, safeTxHash, e_1, _a, gasAmount, error_1, json;
+            var _this = this;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.account = address;
+                        this.key = 0;
+                        this.contractAddress = reqApproveVo.contractAddress;
+                        this.tokenAddress = reqApproveVo.tokenAddress;
+                        if (!(this.wallet.key === "GnosisSafeWallet")) return [3 /*break*/, 5];
+                        web3 = new web3_1.default();
+                        data = web3.eth.abi.encodeFunctionCall({
+                            "inputs": [
+                                {
+                                    "name": "spender",
+                                    "type": "address"
+                                },
+                                {
+                                    "name": "value",
+                                    "type": "uint256"
+                                }
+                            ],
+                            "name": "approve",
+                            "type": "function"
+                        }, [this.contractAddress, reqApproveVo.amount]);
+                        console.log('data', this.contractAddress, reqApproveVo.amount, data);
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.wallet.sdk.txs.send({
+                                txs: [
+                                    {
+                                        to: this.tokenAddress,
+                                        value: 0,
+                                        data: data
+                                    },
+                                ],
+                            })];
+                    case 2:
+                        safeTxHash = (_b.sent()).safeTxHash;
+                        console.log('safeTxHash', safeTxHash);
+                        this.transactionHashCallback(safeTxHash);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_1 = _b.sent();
+                        setTimeout(function () {
+                            _this.errorCallback(e_1);
+                        }, 500);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                    case 5:
+                        if (!!reqApproveVo.amount) return [3 /*break*/, 7];
+                        _a = reqApproveVo;
+                        return [4 /*yield*/, this.contract.methods.totalSupply().call()];
+                    case 6:
+                        _a.amount = _b.sent();
+                        _b.label = 7;
+                    case 7:
+                        this.amount = reqApproveVo.amount + '';
+                        gasAmount = '80000';
+                        _b.label = 8;
+                    case 8:
+                        _b.trys.push([8, 10, , 11]);
+                        return [4 /*yield*/, this.contract.methods
+                                .approve(this.contractAddress, this.amount)
+                                .estimateGas({
+                                from: this.account,
+                            })];
+                    case 9:
+                        gasAmount = _b.sent();
+                        return [3 /*break*/, 11];
+                    case 10:
+                        error_1 = _b.sent();
+                        setTimeout(function () {
+                            _this.errorCallback(error_1);
+                        }, 500);
+                        return [2 /*return*/];
+                    case 11:
+                        json = {
+                            from: address,
+                            // gas: gasAmount
+                        };
+                        if (reqApproveVo.gasPrice) {
+                            json.gasPrice = reqApproveVo.gasPrice;
+                        }
+                        console.log('准备授权');
+                        try {
+                            this.contract.methods.approve(this.contractAddress, this.amount)
+                                .send(json, function (err, data) {
+                                if (err) {
+                                    console.log('回调1error');
+                                }
+                                else {
+                                    console.log('data1----');
+                                }
+                            })
+                                .on('error', function (error) {
+                                console.log('回调2error');
+                                _this.errorCallback(error);
+                            })
+                                .on('transactionHash', function (transactionHash) {
+                                console.log('hash----');
+                                _this.transactionHashCallback(transactionHash);
+                            })
+                                .on('receipt', function (receipt) {
+                                console.log('receipt1----');
+                                _this.receiptCallback(receipt);
+                                _this.getSuccess();
+                            })
+                                .then(function (receipt) {
+                                console.log('receipt2----');
+                            })
+                                .catch(function (err) {
+                                console.log('catch----' + err);
+                            });
+                        }
+                        catch (error) {
+                            console.log('catch-error----');
+                            this.errorCallback(error);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Approve.prototype.on = function (events, callback) {
+        if (events === 'error') {
+            // alert('成功绑定回调方法')
+            this.errorCallback = callback;
+        }
+        else if (events === 'transactionHash') {
+            this.transactionHashCallback = callback;
+        }
+        else if (events === 'receipt') {
+            this.receiptCallback = callback;
+        }
+        else if (events === 'success') {
+            this.successCallback = callback;
+        }
+        return this;
+    };
+    Approve.prototype.getSuccess = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var balance;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.contract.methods.allowance(this.account, this.contractAddress).call()];
+                    case 1:
+                        balance = _a.sent();
+                        // const decimals = await this.contract.methods.decimals().call()
+                        // Number(formatUnits(balance, decimals))
+                        this.key++;
+                        if (this.key > 20)
+                            return [2 /*return*/];
+                        if (balance >= this.amount) {
+                            this.successCallback(balance);
+                        }
+                        else {
+                            setTimeout(function () {
+                                _this.getSuccess();
+                            }, 2000);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return Approve;
+}());
+exports.Approve = Approve;

package/lib/swapSdk/ConnectWallet.js

@@ -0,0 +1,269 @@
+"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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectWallet = void 0;
+var Wallets_1 = require("../config/Wallets");
+var utils_1 = require("../utils");
+var web3_js_1 = require("@solana/web3.js");
+var Chains_1 = require("../config/Chains");
+var NotoMobile_1 = require("./NotoMobile");
+var axios = require('axios');
+var ConnectWallet = /** @class */ (function () {
+    function ConnectWallet() {
+    }
+    ConnectWallet.isChainIdEq = function (wallet, chainId, utilsEht, k) {
+        return __awaiter(this, void 0, void 0, function () {
+            var key, chainIdNow;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        key = k || 0;
+                        return [4 /*yield*/, utils_1.utils.sleep(1000)];
+                    case 1:
+                        _a.sent();
+                        chainIdNow = utilsEht.hexToNumber(wallet.sdk.currentProvider.chainId);
+                        if (!(chainId == chainIdNow)) return [3 /*break*/, 2];
+                        wallet.chainId = chainId;
+                        return [2 /*return*/, true];
+                    case 2:
+                        if (!(key < 10)) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.isChainIdEq(wallet, chainId, utilsEht, key + 1)];
+                    case 3: 
+                    // console.log('获取chainId是否改变')
+                    return [2 /*return*/, _a.sent()];
+                    case 4: throw new Error('Link error.');
+                }
+            });
+        });
+    };
+    ConnectWallet.link = function (reqConnectWalletVo) {
+        return __awaiter(this, void 0, void 0, function () {
+            var wallet, chain, chainId, selectedChain, qrData, instance_1, account, res, res, account, res, res, _a, e_1, message, _b, currentProvider, utilsEht, params, address, address, address, address;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        wallet = Wallets_1.wallets.walletObj[reqConnectWalletVo.walletName];
+                        if (!wallet)
+                            wallet = Wallets_1.wallets.walletList.find(function (item) { return item.name == reqConnectWalletVo.walletName; });
+                        chain = Chains_1.chains.chainObj[reqConnectWalletVo.chain];
+                        if (!chain)
+                            throw new Error('Chain error.');
+                        chainId = chain.chainId;
+                        selectedChain = chain.key;
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 23, , 43]);
+                        if (!(wallet.type === 'WalletConnect')) return [3 /*break*/, 3];
+                        wallet.infuraId = '2c7c4d86c2c746c89de722551b606119';
+                        return [4 /*yield*/, wallet.requestConnect(chainId)
+                            // this.connect(wallet);
+                        ];
+                    case 2:
+                        _c.sent();
+                        return [3 /*break*/, 22];
+                    case 3:
+                        if (!(wallet.key === 'OntoMobile')) return [3 /*break*/, 6];
+                        return [4 /*yield*/, axios.get('https://ethapi.openocean.finance/v1/ont/login')];
+                    case 4:
+                        qrData = _c.sent();
+                        wallet.qrData = qrData.data;
+                        instance_1 = new NotoMobile_1.NotoMobile(qrData.data);
+                        return [4 /*yield*/, new Promise(function (r, q) {
+                                instance_1.$on('close', function (result, action, account) {
+                                    if (action === 'login' && result === 'success') {
+                                        r(account);
+                                    }
+                                    else {
+                                        q(action);
+                                    }
+                                });
+                            })];
+                    case 5:
+                        account = _c.sent();
+                        wallet.address = account;
+                        return [3 /*break*/, 22];
+                    case 6:
+                        if (!(selectedChain === 'terra')) return [3 /*break*/, 9];
+                        if (!!wallet.sdk) return [3 /*break*/, 8];
+                        return [4 /*yield*/, wallet.requestTerraConnect()];
+                    case 7:
+                        res = _c.sent();
+                        if (res) {
+                            // this.connect(wallet);
+                        }
+                        else {
+                            // const message = {
+                            //   'XDEFI Wallet': 'wallet_message_40018',
+                            //   'Terra Station': 'wallet_message_40015'
+                            // }[wallet.name];
+                            // showToast(this.$t(message));
+                        }
+                        _c.label = 8;
+                    case 8: return [3 /*break*/, 22];
+                    case 9:
+                        if (!(selectedChain === "solana")) return [3 /*break*/, 11];
+                        return [4 /*yield*/, wallet.requestSolanaConnect()];
+                    case 10:
+                        res = _c.sent();
+                        wallet.customPublicKey = new web3_js_1.PublicKey(res);
+                        // "https://api.mainnet-beta.solana.com"
+                        // "https://solana-mainnet.phantom.tech"
+                        // "https://rpc.ankr.com/solana"
+                        // https://solana-api.projectserum.com
+                        // https://mercuria-fronten-1cd8.mainnet.rpcpool.com/
+                        wallet.connection = new web3_js_1.Connection("https://solana-api.projectserum.com");
+                        if (res) {
+                            // this.connect(wallet);
+                        }
+                        else {
+                            // const message = {
+                            //   'Sollet': 'wallet_message_40010',
+                            //   'Coin98 Wallet': 'wallet_message_40011',
+                            //   'Phantom': 'wallet_message_40013',
+                            //   'Clover Wallet': 'wallet_message_40017',
+                            //   'Slope Wallet': 'wallet_message_40019',
+                            //   'Solflare Wallet': 'wallet_message_40020',
+                            // };
+                            // return {
+                            //   code: 401,
+                            //   message: message
+                            // }
+                        }
+                        return [3 /*break*/, 22];
+                    case 11:
+                        if (!(selectedChain === 'tron')) return [3 /*break*/, 16];
+                        account = window.tronWeb.defaultAddress.base58;
+                        if (!!account) return [3 /*break*/, 14];
+                        return [4 /*yield*/, utils_1.utils.sleep(1000)];
+                    case 12:
+                        _c.sent();
+                        return [4 /*yield*/, this.link(reqConnectWalletVo)];
+                    case 13: return [2 /*return*/, _c.sent()];
+                    case 14: return [4 /*yield*/, wallet.requestConnect()];
+                    case 15:
+                        res = _c.sent();
+                        console.log('wallet.requestConnect', res, wallet);
+                        return [3 /*break*/, 22];
+                    case 16:
+                        if (!chainId) return [3 /*break*/, 18];
+                        return [4 /*yield*/, wallet.requestConnect(chainId)];
+                    case 17:
+                        _a = _c.sent();
+                        return [3 /*break*/, 20];
+                    case 18: return [4 /*yield*/, wallet.requestConnect()];
+                    case 19:
+                        _a = _c.sent();
+                        _c.label = 20;
+                    case 20:
+                        res = _a;
+                        console.log('wallet.requestConnect', res, wallet);
+                        return [4 /*yield*/, utils_1.utils.sleep(200)];
+                    case 21:
+                        _c.sent();
+                        if (res) {
+                            // this.connect(wallet);
+                        }
+                        _c.label = 22;
+                    case 22: return [2 /*return*/, { chain: chain, wallet: wallet }];
+                    case 23:
+                        e_1 = _c.sent();
+                        message = e_1.message;
+                        _b = wallet.sdk || {}, currentProvider = _b.currentProvider, utilsEht = _b.utils;
+                        if (!(message === "40006" && currentProvider)) return [3 /*break*/, 41];
+                        params = Chains_1.chains.ethereumChainParams[reqConnectWalletVo.chain];
+                        if (!params) return [3 /*break*/, 31];
+                        return [4 /*yield*/, currentProvider.request({
+                                method: "wallet_addEthereumChain",
+                                params: params
+                            })];
+                    case 24:
+                        _c.sent();
+                        return [4 /*yield*/, this.isChainIdEq(wallet, chainId, utilsEht)];
+                    case 25:
+                        if (!_c.sent()) return [3 /*break*/, 30];
+                        if (!(wallet.type === 'WalletConnect')) return [3 /*break*/, 27];
+                        return [4 /*yield*/, wallet.sdk.eth.getAccounts()];
+                    case 26:
+                        address = (_c.sent())[0];
+                        wallet.address = address;
+                        return [3 /*break*/, 29];
+                    case 27: return [4 /*yield*/, wallet.sdk.eth.requestAccounts()];
+                    case 28:
+                        address = (_c.sent())[0];
+                        wallet.address = address;
+                        _c.label = 29;
+                    case 29: return [2 /*return*/, { chain: chain, wallet: wallet }];
+                    case 30: return [3 /*break*/, 40];
+                    case 31:
+                        if (!(chainId == '1' || chainId == '3' || chainId == '4')) return [3 /*break*/, 39];
+                        return [4 /*yield*/, currentProvider.request({
+                                method: 'wallet_switchEthereumChain',
+                                params: [{
+                                        chainId: utilsEht.toHex(chainId)
+                                    }],
+                            })];
+                    case 32:
+                        _c.sent();
+                        return [4 /*yield*/, this.isChainIdEq(wallet, chainId, utilsEht)];
+                    case 33:
+                        if (!_c.sent()) return [3 /*break*/, 38];
+                        if (!(wallet.type === 'WalletConnect')) return [3 /*break*/, 35];
+                        return [4 /*yield*/, wallet.sdk.eth.getAccounts()];
+                    case 34:
+                        address = (_c.sent())[0];
+                        wallet.address = address;
+                        return [3 /*break*/, 37];
+                    case 35: return [4 /*yield*/, wallet.sdk.eth.requestAccounts()];
+                    case 36:
+                        address = (_c.sent())[0];
+                        wallet.address = address;
+                        _c.label = 37;
+                    case 37: return [2 /*return*/, { chain: chain, wallet: wallet }];
+                    case 38: return [3 /*break*/, 40];
+                    case 39: throw new Error('Network error');
+                    case 40: return [3 /*break*/, 42];
+                    case 41: throw new Error(/^\d+$/.test(message) ? "wallet_message_" + message : message);
+                    case 42: return [3 /*break*/, 43];
+                    case 43: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return ConnectWallet;
+}());
+exports.ConnectWallet = ConnectWallet;

package/lib/swapSdk/NotoMobile.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotoMobile = void 0;
+var QRCode = require("./qrcode").QRCode;
+// import { QRCode } from "./qrcode";
+var axios = require('axios');
+var NotoMobile = /** @class */ (function () {
+    function NotoMobile(qrData) {
+        this.time = 0;
+        var id = qrData.id, qrCode = qrData.qrCode;
+        this.id = id;
+        this.qrCode = JSON.stringify(qrCode);
+        this.setCloseStyle();
+        this.show();
+    }
+    NotoMobile.prototype.$on = function (key, callBack) {
+        if (key == 'close')
+            this.close = callBack;
+    };
+    NotoMobile.prototype.loop = function () {
+        var _this = this;
+        axios.get('https://ethapi.openocean.finance/v1/ont/qrcode/result/' + this.id).then(function (res) {
+            var _a = res.data, action = _a.action, state = _a.state, account = _a.account;
+            if (state === '0') {
+                _this.close('success', action, account);
+                _this.cancel();
+            }
+            // else if (state === '1') {
+            //   this.close('error', action, account)
+            //   this.cancel()
+            // } 
+            else {
+                _this.time++;
+                if (_this.time > 120) {
+                    _this.close('error', 'over time');
+                    _this.cancel();
+                    return;
+                }
+                _this.outTime = setTimeout(function () {
+                    _this.loop();
+                }, 1000);
+            }
+        }).catch(function (e) {
+            console.log(e);
+            _this.close('error', e);
+            _this.cancel();
+        });
+    };
+    NotoMobile.prototype.setCloseStyle = function () {
+        var k = document.getElementById('qrcodeStyle09');
+        if (k)
+            return;
+        var style = document.createElement('style');
+        style.type = "text/css";
+        style.id = 'qrcodeStyle09';
+        document.head.appendChild(style);
+        style.innerHTML = "\n    #qrcodeBox div,#qrcodeBox span{box-sizing: border-box;}\n    #qrcodeBox #close8 :hover{cursor:pointer;opacity:0.5;}\n    #qrcodeBox #close8 >div:before,#qrcodeBox #close8 >div:after{\n      content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #000;border-radius:5px;\n    }\n    #qrcodeBox #close8 >div:before{transform: rotate(45deg);}\n    #qrcodeBox #close8 >div:after{transform: rotate(-45deg);}\n    #qrcodeBox #qrcode img{ display:inline-block;}\n    ";
+    };
+    NotoMobile.prototype.createQrcode = function (w) {
+        var _this = this;
+        if (!document.getElementById("qrcode")) {
+            setTimeout(function () {
+                _this.createQrcode(w);
+            }, 100);
+        }
+        var qrcode = new QRCode(document.getElementById("qrcode"), {
+            text: this.qrCode,
+            width: w,
+            height: w,
+            colorDark: "#000000",
+            colorLight: "#ffffff",
+            correctLevel: QRCode.CorrectLevel.H
+        });
+        this.loop();
+    };
+    NotoMobile.prototype.show = function () {
+        var _this = this;
+        // 获取整个页面的宽和高
+        var page_width = document.documentElement.scrollWidth;
+        var page_height = document.documentElement.scrollHeight;
+        // 获取浏览器的宽和高
+        var b_width = document.documentElement.clientWidth;
+        var b_height = document.documentElement.clientHeight;
+        this.mask = document.createElement("div");
+        this.mask.id = "mask";
+        this.mask.style.width = page_width + "px";
+        this.mask.style.height = page_height + "px";
+        this.mask.style.position = 'absolute';
+        this.mask.style.background = 'rgba(37,41,46,.95)';
+        this.mask.style.zIndex = '999';
+        this.mask.style.top = '0';
+        this.mask.style.left = '0';
+        document.body.appendChild(this.mask);
+        var width = 0;
+        var height = 0;
+        var headHeight = 60;
+        var headHeight1 = 50;
+        var qrcodeWidth = 0;
+        var padding = 50;
+        // pc
+        if (b_width > b_height) {
+            height = b_height;
+            width = b_height - headHeight1 - headHeight - headHeight / 2;
+            qrcodeWidth = width - padding * 2;
+        }
+        else {
+            // phone
+            padding = 30;
+            headHeight = 50;
+            headHeight1 = 50;
+            width = b_width - 60;
+            height = width + headHeight1 + headHeight + headHeight / 2;
+            qrcodeWidth = width - padding * 2;
+        }
+        this.qrcodeBox = document.createElement("div");
+        this.qrcodeBox.id = "qrcodeBox";
+        this.qrcodeBox.style.left = (b_width - width) / 2 + "px";
+        this.qrcodeBox.style.top = (b_height - height) / 2 + "px";
+        this.qrcodeBox.style.height = height + "px";
+        this.qrcodeBox.style.width = width + "px";
+        this.qrcodeBox.style.position = 'absolute';
+        this.qrcodeBox.style.zIndex = '10000';
+        // qrcodeBox.style.padding = '0 30px 0 30px'
+        this.qrcodeBox.innerHTML =
+            "<div style=\"font-size: 22px;height:100%;padding-top:".concat(headHeight, "px;padding-bottom:").concat(headHeight / 2, "px;position:relative;\">\n        <div style=\"color:#ffffff;line-height: ").concat(headHeight, "px;position:absolute;top:0;left:0;width:100%\">\n          <img style=\"vertical-align: middle; width: 30px;height:30px\" src=\"https://cloudstorage.openocean.finance/openocean/img/icon-onto-white.b4f61a37.svg\"/>\n          <span style=\"vertical-align: middle;\">Onto Mobile</span>\n          <div id=\"close8\" style=\"margin-top: 20px;position: relative;float: right;background: #fff;border-radius: 100px;width:25px;height:25px;padding:5px;display: inline-block;\">\n             <div style=\"position: relative;width:100%;height:100%;display: block;\"></div>\n          </div>\n        </div>\n        <div id=\"qrcodeb\" style=\"padding-top:").concat(headHeight1, "px;position:relative;height:100%;width:100%;background:#fff;text-align: center;\">\n          <div style=\"position:absolute;top:0;left:0;width:100%;font-size:").concat(width > 400 ? 18 : 14, "px;color:rgba(60,66,82,.6);line-height: ").concat(headHeight1 + padding, "px;\">Scan QR code with a Onto wallet</div>\n          <div style=\"display: flex;justify-content: center;align-items: center;height:100%;height:100%;\">\n            <div id=\"qrcode\"></div>\n          </div>\n        </div>\n      </div>\n      ");
+        document.body.appendChild(this.qrcodeBox);
+        var qrcodeb = document.getElementById("qrcodeb");
+        qrcodeb.style.borderRadius = "20px";
+        qrcodeb.style.boxSizing = 'border-box';
+        this.createQrcode(qrcodeWidth);
+        var close = window.document.getElementById("close8");
+        close.onclick = function () {
+            _this.cancel();
+        };
+        this.mask.onclick = function () {
+            _this.cancel();
+        };
+    };
+    NotoMobile.prototype.cancel = function () {
+        this.time = 0;
+        this.outTime ? clearTimeout(this.outTime) : '';
+        document.body.removeChild(this.mask);
+        document.body.removeChild(this.qrcodeBox);
+    };
+    return NotoMobile;
+}());
+exports.NotoMobile = NotoMobile;