@xelis/sdk 0.11.15 → 0.11.17

package/dist/esm/wallet/rpc.js

@@ -1,151 +1,131 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { Base64 } from 'js-base64';
 import { RPCMethod } from './types.js';
 import { HttpRPC } from '../rpc/http.js';
-var RPC = /** @class */ (function (_super) {
-    __extends(RPC, _super);
-    function RPC(endpoint, username, password) {
-        var _this = _super.call(this, endpoint) || this;
-        var authValue = Base64.encode("".concat(username, ":").concat(password));
-        _this.headers.set("Authorization", "Basic ".concat(authValue));
-        return _this;
-    }
-    RPC.prototype.getVersion = function () {
+export class RPC extends HttpRPC {
+    constructor(endpoint, username, password) {
+        super(endpoint);
+        const authValue = Base64.encode(`${username}:${password}`);
+        this.headers.set("Authorization", `Basic ${authValue}`);
+    }
+    getVersion() {
         return this.request(RPCMethod.GetVersion);
-    };
-    RPC.prototype.getNetwork = function () {
+    }
+    getNetwork() {
         return this.request(RPCMethod.GetNetwork);
-    };
-    RPC.prototype.getNonce = function () {
+    }
+    getNonce() {
         return this.request(RPCMethod.GetNonce);
-    };
-    RPC.prototype.getTopoheight = function () {
+    }
+    getTopoheight() {
         return this.request(RPCMethod.GetTopoheight);
-    };
-    RPC.prototype.getAddress = function (params) {
-        if (params === void 0) { params = {}; }
+    }
+    getAddress(params = {}) {
         return this.request(RPCMethod.GetAddress, params);
-    };
-    RPC.prototype.splitAddress = function (params) {
+    }
+    splitAddress(params) {
         return this.request(RPCMethod.SplitAddress, params);
-    };
-    RPC.prototype.rescan = function (params) {
+    }
+    rescan(params) {
         return this.request(RPCMethod.Rescan, params);
-    };
-    RPC.prototype.getBalance = function (asset) {
-        return this.request(RPCMethod.GetBalance, { asset: asset });
-    };
-    RPC.prototype.hasBalance = function (asset) {
-        return this.request(RPCMethod.HasBalance, { asset: asset });
-    };
-    RPC.prototype.getTrackedAssets = function () {
+    }
+    getBalance(asset) {
+        return this.request(RPCMethod.GetBalance, { asset });
+    }
+    hasBalance(asset) {
+        return this.request(RPCMethod.HasBalance, { asset });
+    }
+    getTrackedAssets() {
         return this.request(RPCMethod.GetTrackedAssets);
-    };
-    RPC.prototype.getAssetPrecision = function (params) {
+    }
+    getAssetPrecision(params) {
         return this.request(RPCMethod.GetAssetPrecision, params);
-    };
-    RPC.prototype.getAssets = function () {
+    }
+    getAssets() {
         return this.request(RPCMethod.GetAssets);
-    };
-    RPC.prototype.getAsset = function (params) {
+    }
+    getAsset(params) {
         return this.request(RPCMethod.GetAsset, params);
-    };
-    RPC.prototype.getTransaction = function (hash) {
-        return this.request(RPCMethod.GetTransaction, { hash: hash });
-    };
-    RPC.prototype.searchTransaction = function (hash) {
-        return this.request(RPCMethod.SearchTransaction, { hash: hash });
-    };
-    RPC.prototype.dumpTransaction = function (hash) {
-        return this.request(RPCMethod.DumpTransaction, { hash: hash });
-    };
-    RPC.prototype.buildTransaction = function (params) {
+    }
+    getTransaction(hash) {
+        return this.request(RPCMethod.GetTransaction, { hash });
+    }
+    searchTransaction(hash) {
+        return this.request(RPCMethod.SearchTransaction, { hash });
+    }
+    dumpTransaction(hash) {
+        return this.request(RPCMethod.DumpTransaction, { hash });
+    }
+    buildTransaction(params) {
         return this.request(RPCMethod.BuildTransaction, params);
-    };
-    RPC.prototype.buildTransactionOffline = function (params) {
+    }
+    buildTransactionOffline(params) {
         return this.request(RPCMethod.BuildTransactionOffline, params);
-    };
-    RPC.prototype.buildUnsignedTransaction = function (params) {
+    }
+    buildUnsignedTransaction(params) {
         return this.request(RPCMethod.BuildUnsignedTransaction, params);
-    };
-    RPC.prototype.signUnsignedTransaction = function (params) {
+    }
+    signUnsignedTransaction(params) {
         return this.request(RPCMethod.SignUnsignedTransaction, params);
-    };
-    RPC.prototype.finalizeUnsignedTransaction = function (params) {
+    }
+    finalizeUnsignedTransaction(params) {
         return this.request(RPCMethod.FinalizeUnsignedTransaction, params);
-    };
-    RPC.prototype.clearTxCache = function () {
+    }
+    clearTxCache() {
         return this.request(RPCMethod.ClearTxCache);
-    };
-    RPC.prototype.listTransactions = function (params) {
+    }
+    listTransactions(params) {
         return this.request(RPCMethod.ListTransactions, params);
-    };
-    RPC.prototype.isOnline = function () {
+    }
+    isOnline() {
         return this.request(RPCMethod.IsOnline);
-    };
-    RPC.prototype.setOnlineMode = function (params) {
+    }
+    setOnlineMode(params) {
         return this.request(RPCMethod.SetOnlineMode, params);
-    };
-    RPC.prototype.setOfflineMode = function () {
+    }
+    setOfflineMode() {
         return this.request(RPCMethod.SetOfflineMode);
-    };
-    RPC.prototype.signData = function (data) {
+    }
+    signData(data) {
         return this.request(RPCMethod.SignData, data.toObject());
-    };
-    RPC.prototype.estimateFees = function (params) {
+    }
+    estimateFees(params) {
         return this.request(RPCMethod.EstimateFees, params);
-    };
-    RPC.prototype.estimateExtraDataSize = function (params) {
+    }
+    estimateExtraDataSize(params) {
         return this.request(RPCMethod.EstimateExtraDataSize, params);
-    };
-    RPC.prototype.networkInfo = function () {
+    }
+    networkInfo() {
         return this.request(RPCMethod.NetworkInfo);
-    };
-    RPC.prototype.decryptExtraData = function (params) {
+    }
+    decryptExtraData(params) {
         return this.request(RPCMethod.DecryptExtraData, params);
-    };
-    RPC.prototype.decryptCiphertext = function (params) {
+    }
+    decryptCiphertext(params) {
         return this.request(RPCMethod.DecryptCiphertext, params);
-    };
-    RPC.prototype.getMatchingKeys = function (params) {
+    }
+    getMatchingKeys(params) {
         return this.request(RPCMethod.GetMatchingKeys, params);
-    };
-    RPC.prototype.countMatchingEntries = function (params) {
+    }
+    countMatchingEntries(params) {
         return this.request(RPCMethod.CountMatchingEntries, params);
-    };
-    RPC.prototype.getValueFromKey = function (params) {
+    }
+    getValueFromKey(params) {
         return this.request(RPCMethod.GetValueFromKey, params);
-    };
-    RPC.prototype.store = function (params) {
+    }
+    store(params) {
         return this.request(RPCMethod.Store, params);
-    };
-    RPC.prototype["delete"] = function (params) {
+    }
+    delete(params) {
         return this.request(RPCMethod.Delete, params);
-    };
-    RPC.prototype.deleteTreeEntries = function (tree) {
-        return this.request(RPCMethod.DeleteTreeEntries, { tree: tree });
-    };
-    RPC.prototype.hasKey = function (params) {
+    }
+    deleteTreeEntries(tree) {
+        return this.request(RPCMethod.DeleteTreeEntries, { tree });
+    }
+    hasKey(params) {
         return this.request(RPCMethod.HasKey, params);
-    };
-    RPC.prototype.queryDB = function (params) {
+    }
+    queryDB(params) {
         return this.request(RPCMethod.QueryDB, params);
-    };
-    return RPC;
-}(HttpRPC));
-export { RPC };
+    }
+}
 export default RPC;

package/dist/esm/wallet/websocket.js

@@ -1,167 +1,144 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { WSRPC } from '../rpc/websocket.js';
 import { RPCMethod, RPCEvent } from './types.js';
-var WalletMethods = /** @class */ (function () {
-    function WalletMethods(ws, prefix) {
-        if (prefix === void 0) { prefix = ""; }
+export class WalletMethods {
+    constructor(ws, prefix = "") {
         this.ws = ws;
         this.prefix = prefix;
     }
-    WalletMethods.prototype.dataCall = function (method, params) {
+    dataCall(method, params) {
         return this.ws.dataCall(this.prefix + method, params);
-    };
-    WalletMethods.prototype.closeListener = function (event, listener) {
+    }
+    closeListener(event, listener) {
         this.ws.closeListener(event, listener);
-    };
-    WalletMethods.prototype.listen = function (event, listener) {
+    }
+    listen(event, listener) {
         this.ws.listen(this.prefix + event, listener);
-    };
-    WalletMethods.prototype.getVersion = function () {
+    }
+    getVersion() {
         return this.dataCall(RPCMethod.GetVersion);
-    };
-    WalletMethods.prototype.getNetwork = function () {
+    }
+    getNetwork() {
         return this.dataCall(RPCMethod.GetNetwork);
-    };
-    WalletMethods.prototype.getNonce = function () {
+    }
+    getNonce() {
         return this.dataCall(RPCMethod.GetNonce);
-    };
-    WalletMethods.prototype.getTopoheight = function () {
+    }
+    getTopoheight() {
         return this.dataCall(RPCMethod.GetTopoheight);
-    };
-    WalletMethods.prototype.getAddress = function (params) {
-        if (params === void 0) { params = {}; }
+    }
+    getAddress(params = {}) {
         return this.dataCall(RPCMethod.GetAddress, params);
-    };
-    WalletMethods.prototype.splitAddress = function (params) {
+    }
+    splitAddress(params) {
         return this.dataCall(RPCMethod.SplitAddress, params);
-    };
-    WalletMethods.prototype.rescan = function (params) {
+    }
+    rescan(params) {
         return this.dataCall(RPCMethod.Rescan, params);
-    };
-    WalletMethods.prototype.getBalance = function (asset) {
-        return this.dataCall(RPCMethod.GetBalance, { asset: asset });
-    };
-    WalletMethods.prototype.hasBalance = function (asset) {
-        return this.dataCall(RPCMethod.HasBalance, { asset: asset });
-    };
-    WalletMethods.prototype.getTrackedAssets = function () {
+    }
+    getBalance(asset) {
+        return this.dataCall(RPCMethod.GetBalance, { asset });
+    }
+    hasBalance(asset) {
+        return this.dataCall(RPCMethod.HasBalance, { asset });
+    }
+    getTrackedAssets() {
         return this.dataCall(RPCMethod.GetTrackedAssets);
-    };
-    WalletMethods.prototype.getAssetPrecision = function (params) {
+    }
+    getAssetPrecision(params) {
         return this.dataCall(RPCMethod.GetAssetPrecision, params);
-    };
-    WalletMethods.prototype.getAssets = function () {
+    }
+    getAssets() {
         return this.dataCall(RPCMethod.GetAssets);
-    };
-    WalletMethods.prototype.getAsset = function (params) {
+    }
+    getAsset(params) {
         return this.dataCall(RPCMethod.GetAsset, params);
-    };
-    WalletMethods.prototype.getTransaction = function (hash) {
-        return this.dataCall(RPCMethod.GetTransaction, { hash: hash });
-    };
-    WalletMethods.prototype.searchTransaction = function (hash) {
-        return this.dataCall(RPCMethod.SearchTransaction, { hash: hash });
-    };
-    WalletMethods.prototype.dumpTransaction = function (hash) {
-        return this.dataCall(RPCMethod.DumpTransaction, { hash: hash });
-    };
-    WalletMethods.prototype.buildTransaction = function (params) {
+    }
+    getTransaction(hash) {
+        return this.dataCall(RPCMethod.GetTransaction, { hash });
+    }
+    searchTransaction(hash) {
+        return this.dataCall(RPCMethod.SearchTransaction, { hash });
+    }
+    dumpTransaction(hash) {
+        return this.dataCall(RPCMethod.DumpTransaction, { hash });
+    }
+    buildTransaction(params) {
         return this.dataCall(RPCMethod.BuildTransaction, params);
-    };
-    WalletMethods.prototype.buildTransactionOffline = function (params) {
+    }
+    buildTransactionOffline(params) {
         return this.dataCall(RPCMethod.BuildTransactionOffline, params);
-    };
-    WalletMethods.prototype.buildUnsignedTransaction = function (params) {
+    }
+    buildUnsignedTransaction(params) {
         return this.dataCall(RPCMethod.BuildUnsignedTransaction, params);
-    };
-    WalletMethods.prototype.signUnsignedTransaction = function (params) {
+    }
+    signUnsignedTransaction(params) {
         return this.dataCall(RPCMethod.SignUnsignedTransaction, params);
-    };
-    WalletMethods.prototype.finalizeUnsignedTransaction = function (params) {
+    }
+    finalizeUnsignedTransaction(params) {
         return this.dataCall(RPCMethod.FinalizeUnsignedTransaction, params);
-    };
-    WalletMethods.prototype.clearTxCache = function () {
+    }
+    clearTxCache() {
         return this.dataCall(RPCMethod.ClearTxCache);
-    };
-    WalletMethods.prototype.listTransactions = function (params) {
+    }
+    listTransactions(params) {
         return this.dataCall(RPCMethod.GetTransaction, params);
-    };
-    WalletMethods.prototype.isOnline = function () {
+    }
+    isOnline() {
         return this.dataCall(RPCMethod.IsOnline);
-    };
-    WalletMethods.prototype.setOnlineMode = function (params) {
+    }
+    setOnlineMode(params) {
         return this.dataCall(RPCMethod.SetOfflineMode, params);
-    };
-    WalletMethods.prototype.setOfflineMode = function () {
+    }
+    setOfflineMode() {
         return this.dataCall(RPCMethod.SetOfflineMode);
-    };
-    WalletMethods.prototype.signData = function (data) {
+    }
+    signData(data) {
         return this.dataCall(RPCMethod.SignData, data.toObject());
-    };
-    WalletMethods.prototype.estimateFees = function (params) {
+    }
+    estimateFees(params) {
         return this.dataCall(RPCMethod.EstimateFees, params);
-    };
-    WalletMethods.prototype.estimateExtraDataSize = function (params) {
+    }
+    estimateExtraDataSize(params) {
         return this.dataCall(RPCMethod.EstimateExtraDataSize, params);
-    };
-    WalletMethods.prototype.networkInfo = function () {
+    }
+    networkInfo() {
         return this.dataCall(RPCMethod.NetworkInfo);
-    };
-    WalletMethods.prototype.decryptExtraData = function (params) {
+    }
+    decryptExtraData(params) {
         return this.dataCall(RPCMethod.DecryptExtraData, params);
-    };
-    WalletMethods.prototype.decryptCiphertext = function (params) {
+    }
+    decryptCiphertext(params) {
         return this.dataCall(RPCMethod.DecryptCiphertext, params);
-    };
-    WalletMethods.prototype.getMatchingKeys = function (params) {
+    }
+    getMatchingKeys(params) {
         return this.dataCall(RPCMethod.GetMatchingKeys, params);
-    };
-    WalletMethods.prototype.countMatchingEntries = function (params) {
+    }
+    countMatchingEntries(params) {
         return this.dataCall(RPCMethod.CountMatchingEntries, params);
-    };
-    WalletMethods.prototype.getValueFromKey = function (params) {
+    }
+    getValueFromKey(params) {
         return this.dataCall(RPCMethod.GetValueFromKey, params);
-    };
-    WalletMethods.prototype.store = function (params) {
+    }
+    store(params) {
         return this.dataCall(RPCMethod.Store, params);
-    };
-    WalletMethods.prototype["delete"] = function (params) {
+    }
+    delete(params) {
         return this.dataCall(RPCMethod.Delete, params);
-    };
-    WalletMethods.prototype.deleteTreeEntries = function (tree) {
-        return this.dataCall(RPCMethod.DeleteTreeEntries, { tree: tree });
-    };
-    WalletMethods.prototype.hasKey = function (params) {
+    }
+    deleteTreeEntries(tree) {
+        return this.dataCall(RPCMethod.DeleteTreeEntries, { tree });
+    }
+    hasKey(params) {
         return this.dataCall(RPCMethod.HasKey, params);
-    };
-    WalletMethods.prototype.queryDB = function (params) {
+    }
+    queryDB(params) {
         return this.dataCall(RPCMethod.QueryDB, params);
-    };
-    return WalletMethods;
-}());
-export { WalletMethods };
-var WS = /** @class */ (function (_super) {
-    __extends(WS, _super);
-    function WS(endpoint, username, password) {
-        var _this = _super.call(this, endpoint, { auth: "".concat(username, ":").concat(password) }) || this;
-        _this.methods = new WalletMethods(_this);
-        return _this;
-    }
-    return WS;
-}(WSRPC));
-export { WS };
+    }
+}
+export class WS extends WSRPC {
+    constructor(endpoint, username, password) {
+        super(endpoint, { auth: `${username}:${password}` });
+        this.methods = new WalletMethods(this);
+    }
+}
 export default WS;

package/dist/esm/xswd/relayer/app.js

@@ -1,48 +1,70 @@
 import QRCode from 'qrcode';
-var App = /** @class */ (function () {
-    function App(relayer) {
-        var _this = this;
+export class App {
+    constructor(relayer) {
         this.relayer = relayer;
-        this.element = document.createElement("div");
-        this.element.classList.add("xelis-xswd-relayer");
-        this.contentElement = document.createElement("div");
-        this.contentElement.classList.add("xelis-xswd-relayer-content");
+        this.element = document.createElement(`div`);
+        this.element.classList.add(`xelis-xswd-relayer`);
+        this.contentElement = document.createElement(`div`);
+        this.contentElement.classList.add(`xelis-xswd-relayer-content`);
         this.element.appendChild(this.contentElement);
-        this.loadingElement = document.createElement("div");
-        this.loadingElement.innerHTML = "\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M20.0001 12C20.0001 13.3811 19.6425 14.7386 18.9623 15.9405C18.282 17.1424 17.3022 18.1477 16.1182 18.8587C14.9341 19.5696 13.5862 19.9619 12.2056 19.9974C10.825 20.0328 9.45873 19.7103 8.23975 19.0612\" stroke=\"currentColor\" stroke-width=\"3.55556\" stroke-linecap=\"round\"/>\n            </svg>\n        ";
-        this.loadingElement.classList.add("xelis-xswd-relayer-loading");
-        this.errElement = document.createElement("div");
-        this.errElement.classList.add("xelis-xswd-relayer-error");
-        this.qrCodeElement = document.createElement("div");
-        this.qrCodeElement.classList.add("xelis-xswd-relayer-qrcode");
-        this.qrCodeElement.innerHTML = "\n            <div class=\"xelis-xswd-relayer-scan-logo\">\n                <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M4,4h6v6H4V4M20,4v6H14V4h6M14,15h2V13H14V11h2v2h2V11h2v2H18v2h2v3H18v2H16V18H13v2H11V16h3V15m2,0v3h2V15H16M4,20V14h6v6H4M6,6V8H8V6H6M16,6V8h2V6H16M6,16v2H8V16H6M4,11H6v2H4V11m5,0h4v4H11V13H9V11m2-5h2v4H11V6M2,2V6H0V2A2,2,0,0,1,2,0H6V2H2M22,0a2,2,0,0,1,2,2V6H22V2H18V0h4M2,18v4H6v2H2a2,2,0,0,1-2-2V18H2m20,4V18h2v4a2,2,0,0,1-2,2H18V22Z\"/>\n                </svg>\n            </div>\n            <div class=\"xelis-xswd-relayer-logo-wrap\">\n                <div class=\"xelis-xswd-relayer-logo\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 778 743\" fill=\"currentColor\">\n                        <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M388.909 742.872L777.817 353.964L424.056 0.202599L478.809 132.737L700.036 353.964L388.909 665.091L77.7817 353.964L299.507 129.121L353.964 0L0 353.964L388.909 742.872Z\" />\n                        <path d=\"M388.909 665.091L353.964 0L299.507 129.121L388.909 665.091Z\" />\n                        <path d=\"M424.056 0.202599L388.909 665.091L478.809 132.737L424.056 0.202599Z\" />\n                    </svg>\n                </div>\n            </div>\n            <div class=\"xelis-xswd-relayer-title\">XSWD Relayer</div>\n            <canvas></canvas>\n        ";
-        this.element.addEventListener("click", function (e) {
+        this.loadingElement = document.createElement(`div`);
+        this.loadingElement.innerHTML = `
+            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M20.0001 12C20.0001 13.3811 19.6425 14.7386 18.9623 15.9405C18.282 17.1424 17.3022 18.1477 16.1182 18.8587C14.9341 19.5696 13.5862 19.9619 12.2056 19.9974C10.825 20.0328 9.45873 19.7103 8.23975 19.0612" stroke="currentColor" stroke-width="3.55556" stroke-linecap="round"/>
+            </svg>
+        `;
+        this.loadingElement.classList.add(`xelis-xswd-relayer-loading`);
+        this.errElement = document.createElement(`div`);
+        this.errElement.classList.add(`xelis-xswd-relayer-error`);
+        this.qrCodeElement = document.createElement(`div`);
+        this.qrCodeElement.classList.add(`xelis-xswd-relayer-qrcode`);
+        this.qrCodeElement.innerHTML = `
+            <div class="xelis-xswd-relayer-scan-logo">
+                <svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M4,4h6v6H4V4M20,4v6H14V4h6M14,15h2V13H14V11h2v2h2V11h2v2H18v2h2v3H18v2H16V18H13v2H11V16h3V15m2,0v3h2V15H16M4,20V14h6v6H4M6,6V8H8V6H6M16,6V8h2V6H16M6,16v2H8V16H6M4,11H6v2H4V11m5,0h4v4H11V13H9V11m2-5h2v4H11V6M2,2V6H0V2A2,2,0,0,1,2,0H6V2H2M22,0a2,2,0,0,1,2,2V6H22V2H18V0h4M2,18v4H6v2H2a2,2,0,0,1-2-2V18H2m20,4V18h2v4a2,2,0,0,1-2,2H18V22Z"/>
+                </svg>
+            </div>
+            <div class="xelis-xswd-relayer-logo-wrap">
+                <div class="xelis-xswd-relayer-logo">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778 743" fill="currentColor">
+                        <path fillRule="evenodd" clipRule="evenodd" d="M388.909 742.872L777.817 353.964L424.056 0.202599L478.809 132.737L700.036 353.964L388.909 665.091L77.7817 353.964L299.507 129.121L353.964 0L0 353.964L388.909 742.872Z" />
+                        <path d="M388.909 665.091L353.964 0L299.507 129.121L388.909 665.091Z" />
+                        <path d="M424.056 0.202599L388.909 665.091L478.809 132.737L424.056 0.202599Z" />
+                    </svg>
+                </div>
+            </div>
+            <div class="xelis-xswd-relayer-title">XSWD Relayer</div>
+            <canvas></canvas>
+        `;
+        this.element.addEventListener(`click`, (e) => {
             // close the app if clicking outside
-            if (_this.element.isEqualNode(e.target)) {
-                _this.relayer.close();
+            if (this.element.isEqualNode(e.target)) {
+                this.relayer.close();
             }
         });
         this.relayer.props.parent.appendChild(this.element);
         this.setLoading();
     }
-    App.prototype.clear = function () {
+    clear() {
         this.loadingElement.remove();
         this.errElement.remove();
         this.qrCodeElement.remove();
-    };
-    App.prototype.setError = function (msg) {
+    }
+    setError(msg) {
         this.clear();
-        this.errElement.innerHTML = "\n            <div class=\"xelis-xswd-relayer-error-text\">error: ".concat(msg, "</div>\n        ");
+        this.errElement.innerHTML = `
+            <div class="xelis-xswd-relayer-error-text">error: ${msg}</div>
+        `;
         this.contentElement.appendChild(this.errElement);
-    };
-    App.prototype.setLoading = function () {
+    }
+    setLoading() {
         this.clear();
         this.contentElement.appendChild(this.loadingElement);
-    };
-    App.prototype.setQRCode = function (channelId) {
+    }
+    setQRCode(channelId) {
         this.clear();
-        var canvas = this.qrCodeElement.querySelector("canvas");
-        var qrCodeData = JSON.stringify({
+        const canvas = this.qrCodeElement.querySelector(`canvas`);
+        const qrCodeData = JSON.stringify({
             inner: {},
             channel_id: channelId,
             relayer: this.relayer.props.url,
@@ -50,12 +72,10 @@ var App = /** @class */ (function () {
         });
         QRCode.toCanvas(canvas, qrCodeData, {
             color: {
-                dark: "#fff",
-                light: "#000" // background
+                dark: `#fff`,
+                light: `#000` // background
             }
         });
         this.contentElement.appendChild(this.qrCodeElement);
-    };
-    return App;
-}());
-export { App };
+    }
+}