@fastnear/wallet-adapter/dist/umd/browser.global.js

Optimized interfaces for a NEAR Protocol wallet adapter

/* ⋈ 🏃🏻💨 FastNEAR Wallet Adapter - IIFE/UMD (@fastnear/wallet-adapter version 0.9.7) */
/* https://www.npmjs.com/package/@fastnear/wallet-adapter/v/0.9.7 */
"use strict";
var NearWalletAdapter = (() => {
  var __defProp = Object.defineProperty;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
  var __export = (target, all) => {
    for (var name in all)
      __defProp(target, name, { get: all[name], enumerable: true });
  };
  var __copyProps = (to, from, except, desc) => {
    if (from && typeof from === "object" || typeof from === "function") {
      for (let key of __getOwnPropNames(from))
        if (!__hasOwnProp.call(to, key) && key !== except)
          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
    }
    return to;
  };
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

  // src/index.ts
  var src_exports = {};
  __export(src_exports, {
    WalletAdapter: () => WalletAdapter
  });
  var WalletAdapter = class _WalletAdapter {
    static {
      __name(this, "WalletAdapter");
    }
    /** @type {HTMLIFrameElement} */
    #iframe = null;
    /** @type {string} */
    #targetOrigin;
    /** @type {string} */
    #widgetUrl;
    /** @type {Map<string, Function>} */
    #pending = /* @__PURE__ */ new Map();
    /** @type {WalletState} */
    #state;
    /** @type {Function} */
    #onStateUpdate;
    /** @type {string} */
    #callbackUrl;
    /** @type {string} */
    static defaultWidgetUrl = "https://wallet-adapter.fastnear.com";
    /**
     * @param {WalletAdapterConfig} [config]
     */
    constructor({
      widgetUrl = _WalletAdapter.defaultWidgetUrl,
      targetOrigin = "*",
      onStateUpdate,
      lastState,
      callbackUrl = window.location.href
    } = {}) {
      this.#targetOrigin = targetOrigin;
      this.#widgetUrl = widgetUrl;
      this.#onStateUpdate = onStateUpdate;
      this.#callbackUrl = callbackUrl;
      this.#state = lastState || {};
      window.addEventListener("message", this.#handleMessage.bind(this));
    }
    /**
     * Creates an iframe for wallet interaction
     * @param {string} path - Path to load in iframe
     * @returns {HTMLIFrameElement}
     */
    #createIframe(path) {
      if (this.#iframe) {
        this.#iframe.remove();
      }
      const url = new URL(path, this.#widgetUrl);
      const iframe = document.createElement("iframe");
      iframe.src = url.toString();
      iframe.allow = "usb";
      iframe.style.border = "none";
      iframe.style.zIndex = "10000";
      iframe.style.position = "fixed";
      iframe.style.display = "block";
      iframe.style.top = "0";
      iframe.style.left = "0";
      iframe.style.width = "100%";
      iframe.style.height = "100%";
      document.body.appendChild(iframe);
      this.#iframe = iframe;
      return iframe;
    }
    /**
     * Handles messages from the wallet widget
     * @param {MessageEvent} event
     */
    #handleMessage(event) {
      if (this.#targetOrigin !== "*" && event.origin !== this.#targetOrigin) {
        return;
      }
      const { id, type, action, payload } = event.data;
      if (type !== "wallet-adapter") return;
      if (action === "close") {
        this.#iframe?.remove();
        this.#iframe = null;
        return;
      }
      if (payload?.state) {
        this.#state = { ...this.#state, ...payload.state };
        this.#onStateUpdate?.(this.#state);
      }
      const resolve = this.#pending.get(id);
      if (resolve) {
        this.#pending.delete(id);
        this.#iframe?.remove();
        this.#iframe = null;
        resolve(payload);
      }
    }
    /**
     * Sends a message to the wallet widget
     * @param {string} path - Path to load in iframe
     * @param {string} method - Method to call
     * @param {Object} params - Parameters to pass
     * @returns {Promise<any>}
     */
    async #sendMessage(path, method, params) {
      return new Promise((resolve) => {
        const id = Math.random().toString(36).slice(2);
        this.#pending.set(id, resolve);
        const iframe = this.#createIframe(path);
        iframe.onload = () => {
          iframe.contentWindow?.postMessage(
            {
              type: "wallet-adapter",
              method,
              params: {
                id,
                ...params,
                state: this.#state,
                callbackUrl: params.callbackUrl || this.#callbackUrl
              }
            },
            this.#targetOrigin
          );
        };
      });
    }
    /**
     * Get current wallet state
     * @returns {WalletState}
     */
    getState() {
      return { ...this.#state };
    }
    /**
     * Set current wallet state
     * @param state
     */
    setState(state) {
      this.#state = state;
    }
    /**
     * Sign in with a NEAR wallet
     * @param {SignInConfig} config
     * @returns {Promise<any>}
     *
     * Should be returning SignInResult
     */
    async signIn(config) {
      return this.#sendMessage("/login.html", "signIn", config);
    }
    /**
     * Send a transaction using connected wallet
     * @param {TransactionConfig} config
     * @returns {Promise<TransactionResult>}
     */
    async sendTransactions(config) {
      return this.#sendMessage("/send.html", "sendTransactions", config);
    }
    /**
     * Clean up adapter resources
     */
    destroy() {
      window.removeEventListener("message", this.#handleMessage);
      this.#iframe?.remove();
      this.#iframe = null;
    }
  };
  return __toCommonJS(src_exports);
})();

Object.defineProperty(globalThis, 'NearWalletAdapter', {
  value: NearWalletAdapter,
  enumerable: true,
  configurable: false,
});

//# sourceMappingURL=browser.global.js.map