@haneullabs/enoki-connect 0.1.0

package/dist/cjs/wallet/index.js

@@ -0,0 +1,370 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var wallet_exports = {};
+__export(wallet_exports, {
+  EnokiConnectWallet: () => EnokiConnectWallet,
+  registerEnokiConnectWallets: () => registerEnokiConnectWallets
+});
+module.exports = __toCommonJS(wallet_exports);
+var import_utils = require("@haneullabs/haneul/utils");
+var import_wallet_standard = require("@haneullabs/wallet-standard");
+var import_mitt = __toESM(require("mitt"));
+var import_window_wallet_core = require("@haneullabs/window-wallet-core");
+var import_utils2 = require("@haneullabs/utils");
+var import_modal = require("../components/modal.js");
+var _events, _accounts, _hostOrigin, _walletName, _dappName, _icon, _defaultChain, _publicAppSlug, _signTransactionBlock, _signTransaction, _signAndExecuteTransaction, _signPersonalMessage, _on, _EnokiConnectWallet_instances, setAccounts_fn, _connect, _disconnect, getSessionKey_fn, getStoredSession_fn, getNewPopupChannel_fn, getAccountsFromSession_fn;
+const SUPPORTED_CHAINS = [import_wallet_standard.HANEUL_MAINNET_CHAIN, import_wallet_standard.HANEUL_TESTNET_CHAIN, import_wallet_standard.HANEUL_DEVNET_CHAIN];
+const ACCOUNT_FEATURES = [
+  "sui:signTransaction",
+  "sui:signAndExecuteTransaction",
+  "sui:signPersonalMessage",
+  "sui:signTransactionBlock",
+  "sui:signAndExecuteTransactionBlock"
+];
+class EnokiConnectWallet {
+  constructor({
+    publicAppSlug,
+    walletName,
+    dappName,
+    hostOrigin,
+    icon,
+    network
+  }) {
+    __privateAdd(this, _EnokiConnectWallet_instances);
+    __privateAdd(this, _events);
+    __privateAdd(this, _accounts);
+    __privateAdd(this, _hostOrigin);
+    __privateAdd(this, _walletName);
+    __privateAdd(this, _dappName);
+    __privateAdd(this, _icon);
+    __privateAdd(this, _defaultChain);
+    __privateAdd(this, _publicAppSlug);
+    __privateAdd(this, _signTransactionBlock, async ({
+      transactionBlock,
+      account,
+      chain
+    }) => {
+      const popup = await __privateMethod(this, _EnokiConnectWallet_instances, getNewPopupChannel_fn).call(this);
+      const response = await popup.send({
+        type: "sign-transaction",
+        chain,
+        transaction: await transactionBlock.toJSON(),
+        address: account.address,
+        session: __privateMethod(this, _EnokiConnectWallet_instances, getStoredSession_fn).call(this)
+      });
+      return {
+        transactionBlockBytes: response.bytes,
+        signature: response.signature
+      };
+    });
+    __privateAdd(this, _signTransaction, async ({ transaction, account, chain }) => {
+      const popup = await __privateMethod(this, _EnokiConnectWallet_instances, getNewPopupChannel_fn).call(this);
+      const response = await popup.send({
+        type: "sign-transaction",
+        chain,
+        transaction: await transaction.toJSON(),
+        address: account.address,
+        session: __privateMethod(this, _EnokiConnectWallet_instances, getStoredSession_fn).call(this)
+      });
+      return {
+        bytes: response.bytes,
+        signature: response.signature
+      };
+    });
+    __privateAdd(this, _signAndExecuteTransaction, async ({
+      transaction,
+      account,
+      chain
+    }) => {
+      const popup = await __privateMethod(this, _EnokiConnectWallet_instances, getNewPopupChannel_fn).call(this);
+      const response = await popup.send({
+        type: "sign-and-execute-transaction",
+        transaction: await transaction.toJSON(),
+        address: account.address,
+        chain,
+        session: __privateMethod(this, _EnokiConnectWallet_instances, getStoredSession_fn).call(this)
+      });
+      return {
+        bytes: response.bytes,
+        signature: response.signature,
+        digest: response.digest,
+        effects: response.effects
+      };
+    });
+    __privateAdd(this, _signPersonalMessage, async ({ message, account, chain }) => {
+      const popup = await __privateMethod(this, _EnokiConnectWallet_instances, getNewPopupChannel_fn).call(this);
+      const response = await popup.send({
+        type: "sign-personal-message",
+        chain: chain ?? __privateGet(this, _defaultChain),
+        message: (0, import_utils.toBase64)(message),
+        address: account.address,
+        session: __privateMethod(this, _EnokiConnectWallet_instances, getStoredSession_fn).call(this)
+      });
+      return {
+        bytes: response.bytes,
+        signature: response.signature
+      };
+    });
+    __privateAdd(this, _on, (event, listener) => {
+      __privateGet(this, _events).on(event, listener);
+      return () => __privateGet(this, _events).off(event, listener);
+    });
+    __privateAdd(this, _connect, async (input) => {
+      if (input?.silent) {
+        try {
+          const session = __privateMethod(this, _EnokiConnectWallet_instances, getStoredSession_fn).call(this);
+          if (session) {
+            __privateMethod(this, _EnokiConnectWallet_instances, setAccounts_fn).call(this, session);
+          }
+        } catch {
+        }
+        return { accounts: this.accounts };
+      }
+      const popup = await __privateMethod(this, _EnokiConnectWallet_instances, getNewPopupChannel_fn).call(this);
+      const response = await popup.send({
+        type: "connect"
+      });
+      __privateMethod(this, _EnokiConnectWallet_instances, setAccounts_fn).call(this, response.session);
+      return { accounts: this.accounts };
+    });
+    __privateAdd(this, _disconnect, async () => {
+      localStorage.removeItem(__privateMethod(this, _EnokiConnectWallet_instances, getSessionKey_fn).call(this));
+      __privateMethod(this, _EnokiConnectWallet_instances, setAccounts_fn).call(this);
+    });
+    __privateSet(this, _accounts, []);
+    __privateSet(this, _events, (0, import_mitt.default)());
+    __privateSet(this, _hostOrigin, hostOrigin);
+    __privateSet(this, _walletName, walletName);
+    __privateSet(this, _dappName, dappName);
+    __privateSet(this, _icon, icon);
+    __privateSet(this, _defaultChain, `sui:${network}`);
+    __privateSet(this, _publicAppSlug, publicAppSlug);
+    this.id = `enoki-connect-${publicAppSlug}`;
+  }
+  get name() {
+    return __privateGet(this, _walletName);
+  }
+  get icon() {
+    return __privateGet(this, _icon);
+  }
+  get version() {
+    return "1.0.0";
+  }
+  get chains() {
+    return SUPPORTED_CHAINS;
+  }
+  get accounts() {
+    return __privateGet(this, _accounts);
+  }
+  get features() {
+    return {
+      "standard:connect": {
+        version: "1.0.0",
+        connect: __privateGet(this, _connect)
+      },
+      "standard:disconnect": {
+        version: "1.0.0",
+        disconnect: __privateGet(this, _disconnect)
+      },
+      "standard:events": {
+        version: "1.0.0",
+        on: __privateGet(this, _on)
+      },
+      "sui:signTransactionBlock": {
+        version: "1.0.0",
+        signTransactionBlock: __privateGet(this, _signTransactionBlock)
+      },
+      "sui:signTransaction": {
+        version: "2.0.0",
+        signTransaction: __privateGet(this, _signTransaction)
+      },
+      "sui:signPersonalMessage": {
+        version: "1.1.0",
+        signPersonalMessage: __privateGet(this, _signPersonalMessage)
+      },
+      "sui:signAndExecuteTransaction": {
+        version: "2.0.0",
+        signAndExecuteTransaction: __privateGet(this, _signAndExecuteTransaction)
+      }
+    };
+  }
+}
+_events = new WeakMap();
+_accounts = new WeakMap();
+_hostOrigin = new WeakMap();
+_walletName = new WeakMap();
+_dappName = new WeakMap();
+_icon = new WeakMap();
+_defaultChain = new WeakMap();
+_publicAppSlug = new WeakMap();
+_signTransactionBlock = new WeakMap();
+_signTransaction = new WeakMap();
+_signAndExecuteTransaction = new WeakMap();
+_signPersonalMessage = new WeakMap();
+_on = new WeakMap();
+_EnokiConnectWallet_instances = new WeakSet();
+setAccounts_fn = function(session) {
+  if (session) {
+    __privateSet(this, _accounts, __privateMethod(this, _EnokiConnectWallet_instances, getAccountsFromSession_fn).call(this, session));
+    localStorage.setItem(__privateMethod(this, _EnokiConnectWallet_instances, getSessionKey_fn).call(this), session);
+  } else {
+    __privateSet(this, _accounts, []);
+  }
+  __privateGet(this, _events).emit("change", { accounts: this.accounts });
+};
+_connect = new WeakMap();
+_disconnect = new WeakMap();
+getSessionKey_fn = function() {
+  return `enoki-connect-${__privateGet(this, _publicAppSlug)}:session`;
+};
+getStoredSession_fn = function() {
+  const session = localStorage.getItem(__privateMethod(this, _EnokiConnectWallet_instances, getSessionKey_fn).call(this));
+  if (!session) {
+    throw new Error("No session found");
+  }
+  return session;
+};
+getNewPopupChannel_fn = async function() {
+  let popupWindow = window.open("about:blank", "_blank");
+  if (!popupWindow) {
+    popupWindow = await addClickToOpenPopupWindow({
+      walletName: __privateGet(this, _walletName),
+      dappName: __privateGet(this, _dappName)
+    });
+  }
+  return new import_window_wallet_core.DappPostMessageChannel({
+    appName: __privateGet(this, _dappName),
+    hostOrigin: __privateGet(this, _hostOrigin),
+    extraRequestOptions: {
+      publicAppSlug: __privateGet(this, _publicAppSlug)
+    },
+    popupWindow
+  });
+};
+getAccountsFromSession_fn = function(session) {
+  try {
+    const {
+      payload: { accounts }
+    } = (0, import_window_wallet_core.decodeJwtSession)(session);
+    return accounts.map(
+      (anAccount) => new import_wallet_standard.ReadonlyWalletAccount({
+        address: anAccount.address,
+        chains: SUPPORTED_CHAINS,
+        features: ACCOUNT_FEATURES,
+        publicKey: (0, import_utils.fromBase64)(anAccount.publicKey)
+      })
+    );
+  } catch {
+    return [];
+  }
+};
+function addClickToOpenPopupWindow({
+  walletName,
+  dappName
+}) {
+  const { promise, resolve, reject } = (0, import_utils2.promiseWithResolvers)();
+  const modal = document.createElement("enoki-connect-modal");
+  modal.walletName = walletName;
+  modal.dappName = dappName;
+  modal.open = true;
+  modal.addEventListener("cancel", () => {
+    reject(new Error("Popup was blocked from browser and user rejected click to review request"));
+    modal.open = false;
+  });
+  modal.addEventListener("approved", () => {
+    modal.disabled = true;
+    modal.open = false;
+    const popup = window.open("about:blank", "_blank");
+    if (popup) {
+      resolve(popup);
+    } else {
+      reject(new Error("Failed to open popup"));
+    }
+  });
+  modal.addEventListener("closed", () => {
+    modal.remove();
+  });
+  document.body.appendChild(modal);
+  return promise;
+}
+async function getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl) {
+  const sortedPublicAppSlugs = [...publicAppSlugs].sort();
+  const queryParams = new URLSearchParams();
+  for (const publicAppSlug of sortedPublicAppSlugs) {
+    queryParams.append("slugs", publicAppSlug);
+  }
+  queryParams.sort();
+  const res = await fetch(new URL(`/v1/connect/metadata?${queryParams.toString()}`, enokiApiUrl));
+  if (!res.ok) {
+    throw new Error("Failed to fetch enoki connect metadata");
+  }
+  const { data } = await res.json();
+  return data;
+}
+async function registerEnokiConnectWallets({
+  publicAppSlugs,
+  dappName,
+  network = "mainnet",
+  enokiApiUrl = "https://api.enoki.haneullabs.com"
+}) {
+  const wallets = (0, import_wallet_standard.getWallets)();
+  const data = await getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl);
+  const unregisterCallbacks = [];
+  const registeredWallets = [];
+  for (const aWalletMetadata of data) {
+    const wallet = new EnokiConnectWallet({
+      walletName: aWalletMetadata.name,
+      dappName,
+      hostOrigin: aWalletMetadata.appUrl,
+      icon: aWalletMetadata.logoUrl,
+      network,
+      publicAppSlug: aWalletMetadata.publicAppSlug
+    });
+    const unregister = wallets.register(wallet);
+    unregisterCallbacks.push(unregister);
+    registeredWallets.push(wallet);
+  }
+  return {
+    wallets: registeredWallets,
+    unregister: () => {
+      for (const unregister of unregisterCallbacks) {
+        unregister();
+      }
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/wallet/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/wallet/index.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { fromBase64, toBase64 } from '@haneullabs/haneul/utils';\nimport type {\n\tIdentifierString,\n\tStandardConnectFeature,\n\tStandardConnectMethod,\n\tStandardDisconnectFeature,\n\tStandardDisconnectMethod,\n\tStandardEventsFeature,\n\tStandardEventsListeners,\n\tStandardEventsOnMethod,\n\tHaneulSignAndExecuteTransactionFeature,\n\tHaneulSignAndExecuteTransactionMethod,\n\tHaneulSignPersonalMessageFeature,\n\tHaneulSignPersonalMessageMethod,\n\tHaneulSignTransactionBlockFeature,\n\tHaneulSignTransactionBlockMethod,\n\tHaneulSignTransactionFeature,\n\tHaneulSignTransactionMethod,\n\tWallet,\n\tWalletIcon,\n} from '@haneullabs/wallet-standard';\nimport {\n\tgetWallets,\n\tReadonlyWalletAccount,\n\tHANEUL_DEVNET_CHAIN,\n\tHANEUL_MAINNET_CHAIN,\n\tHANEUL_TESTNET_CHAIN,\n} from '@haneullabs/wallet-standard';\nimport type { Emitter } from 'mitt';\nimport mitt from 'mitt';\nimport { DappPostMessageChannel, decodeJwtSession } from '@haneullabs/window-wallet-core';\nimport { promiseWithResolvers } from '@haneullabs/utils';\n\nimport '../components/modal.js';\n\nexport type SupportedNetwork = 'mainnet' | 'testnet' | 'devnet';\n\ntype WalletEventsMap = {\n\t[E in keyof StandardEventsListeners]: Parameters<StandardEventsListeners[E]>[0];\n};\n\nconst SUPPORTED_CHAINS = [HANEUL_MAINNET_CHAIN, HANEUL_TESTNET_CHAIN, HANEUL_DEVNET_CHAIN] as const;\nconst ACCOUNT_FEATURES = [\n\t'sui:signTransaction',\n\t'sui:signAndExecuteTransaction',\n\t'sui:signPersonalMessage',\n\t'sui:signTransactionBlock',\n\t'sui:signAndExecuteTransactionBlock',\n] as const;\n\nexport class EnokiConnectWallet implements Wallet {\n\treadonly id: string;\n\t#events: Emitter<WalletEventsMap>;\n\t#accounts: ReadonlyWalletAccount[];\n\t#hostOrigin: string;\n\t#walletName: string;\n\t#dappName: string;\n\t#icon: WalletIcon;\n\t#defaultChain: IdentifierString;\n\t#publicAppSlug: string;\n\n\tget name() {\n\t\treturn this.#walletName;\n\t}\n\n\tget icon() {\n\t\treturn this.#icon;\n\t}\n\n\tget version() {\n\t\treturn '1.0.0' as const;\n\t}\n\n\tget chains() {\n\t\treturn SUPPORTED_CHAINS;\n\t}\n\n\tget accounts() {\n\t\treturn this.#accounts;\n\t}\n\n\tget features(): StandardConnectFeature &\n\t\tStandardDisconnectFeature &\n\t\tStandardEventsFeature &\n\t\tHaneulSignTransactionBlockFeature &\n\t\tHaneulSignTransactionFeature &\n\t\tHaneulSignPersonalMessageFeature &\n\t\tHaneulSignAndExecuteTransactionFeature {\n\t\treturn {\n\t\t\t'standard:connect': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tconnect: this.#connect,\n\t\t\t},\n\t\t\t'standard:disconnect': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tdisconnect: this.#disconnect,\n\t\t\t},\n\t\t\t'standard:events': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\ton: this.#on,\n\t\t\t},\n\t\t\t'sui:signTransactionBlock': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tsignTransactionBlock: this.#signTransactionBlock,\n\t\t\t},\n\t\t\t'sui:signTransaction': {\n\t\t\t\tversion: '2.0.0',\n\t\t\t\tsignTransaction: this.#signTransaction,\n\t\t\t},\n\t\t\t'sui:signPersonalMessage': {\n\t\t\t\tversion: '1.1.0',\n\t\t\t\tsignPersonalMessage: this.#signPersonalMessage,\n\t\t\t},\n\t\t\t'sui:signAndExecuteTransaction': {\n\t\t\t\tversion: '2.0.0',\n\t\t\t\tsignAndExecuteTransaction: this.#signAndExecuteTransaction,\n\t\t\t},\n\t\t};\n\t}\n\n\tconstructor({\n\t\tpublicAppSlug,\n\t\twalletName,\n\t\tdappName,\n\t\thostOrigin,\n\t\ticon,\n\t\tnetwork,\n\t}: {\n\t\tpublicAppSlug: string;\n\t\twalletName: string;\n\t\tdappName: string;\n\t\tnetwork: SupportedNetwork;\n\t\thostOrigin: string;\n\t\ticon: WalletIcon;\n\t}) {\n\t\tthis.#accounts = [];\n\t\tthis.#events = mitt();\n\t\tthis.#hostOrigin = hostOrigin;\n\t\tthis.#walletName = walletName;\n\t\tthis.#dappName = dappName;\n\t\tthis.#icon = icon;\n\t\tthis.#defaultChain = `sui:${network}`;\n\t\tthis.#publicAppSlug = publicAppSlug;\n\t\tthis.id = `enoki-connect-${publicAppSlug}`;\n\t}\n\n\t#signTransactionBlock: HaneulSignTransactionBlockMethod = async ({\n\t\ttransactionBlock,\n\t\taccount,\n\t\tchain,\n\t}) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-transaction',\n\t\t\tchain,\n\t\t\ttransaction: await transactionBlock.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\ttransactionBlockBytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#signTransaction: HaneulSignTransactionMethod = async ({ transaction, account, chain }) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-transaction',\n\t\t\tchain,\n\t\t\ttransaction: await transaction.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#signAndExecuteTransaction: HaneulSignAndExecuteTransactionMethod = async ({\n\t\ttransaction,\n\t\taccount,\n\t\tchain,\n\t}) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-and-execute-transaction',\n\t\t\ttransaction: await transaction.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tchain,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t\tdigest: response.digest,\n\t\t\teffects: response.effects,\n\t\t};\n\t};\n\n\t#signPersonalMessage: HaneulSignPersonalMessageMethod = async ({ message, account, chain }) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-personal-message',\n\t\t\tchain: chain ?? this.#defaultChain,\n\t\t\tmessage: toBase64(message),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#on: StandardEventsOnMethod = (event, listener) => {\n\t\tthis.#events.on(event, listener);\n\n\t\treturn () => this.#events.off(event, listener);\n\t};\n\n\t#setAccounts(session?: string) {\n\t\tif (session) {\n\t\t\tthis.#accounts = this.#getAccountsFromSession(session);\n\t\t\tlocalStorage.setItem(this.#getSessionKey(), session);\n\t\t} else {\n\t\t\tthis.#accounts = [];\n\t\t}\n\n\t\tthis.#events.emit('change', { accounts: this.accounts });\n\t}\n\n\t#connect: StandardConnectMethod = async (input) => {\n\t\tif (input?.silent) {\n\t\t\ttry {\n\t\t\t\tconst session = this.#getStoredSession();\n\n\t\t\t\tif (session) {\n\t\t\t\t\tthis.#setAccounts(session);\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// ignore\n\t\t\t}\n\n\t\t\treturn { accounts: this.accounts };\n\t\t}\n\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'connect',\n\t\t});\n\n\t\tthis.#setAccounts(response.session);\n\n\t\treturn { accounts: this.accounts };\n\t};\n\n\t#disconnect: StandardDisconnectMethod = async () => {\n\t\tlocalStorage.removeItem(this.#getSessionKey());\n\t\tthis.#setAccounts();\n\t};\n\n\t#getSessionKey() {\n\t\treturn `enoki-connect-${this.#publicAppSlug}:session`;\n\t}\n\n\t#getStoredSession() {\n\t\tconst session = localStorage.getItem(this.#getSessionKey());\n\n\t\tif (!session) {\n\t\t\tthrow new Error('No session found');\n\t\t}\n\n\t\treturn session;\n\t}\n\n\tasync #getNewPopupChannel() {\n\t\tlet popupWindow: Window | undefined | null = window.open('about:blank', '_blank');\n\n\t\tif (!popupWindow) {\n\t\t\tpopupWindow = await addClickToOpenPopupWindow({\n\t\t\t\twalletName: this.#walletName,\n\t\t\t\tdappName: this.#dappName,\n\t\t\t});\n\t\t}\n\n\t\treturn new DappPostMessageChannel({\n\t\t\tappName: this.#dappName,\n\t\t\thostOrigin: this.#hostOrigin,\n\t\t\textraRequestOptions: {\n\t\t\t\tpublicAppSlug: this.#publicAppSlug,\n\t\t\t},\n\t\t\tpopupWindow,\n\t\t});\n\t}\n\n\t#getAccountsFromSession(session: string) {\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tpayload: { accounts },\n\t\t\t} = decodeJwtSession(session);\n\n\t\t\treturn accounts.map(\n\t\t\t\t(anAccount) =>\n\t\t\t\t\tnew ReadonlyWalletAccount({\n\t\t\t\t\t\taddress: anAccount.address,\n\t\t\t\t\t\tchains: SUPPORTED_CHAINS,\n\t\t\t\t\t\tfeatures: ACCOUNT_FEATURES,\n\t\t\t\t\t\tpublicKey: fromBase64(anAccount.publicKey),\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} catch {\n\t\t\treturn [];\n\t\t}\n\t}\n}\n\nfunction addClickToOpenPopupWindow({\n\twalletName,\n\tdappName,\n}: {\n\twalletName: string;\n\tdappName: string;\n}) {\n\tconst { promise, resolve, reject } = promiseWithResolvers<Window>();\n\tconst modal = document.createElement('enoki-connect-modal');\n\n\tmodal.walletName = walletName;\n\tmodal.dappName = dappName;\n\tmodal.open = true;\n\n\tmodal.addEventListener('cancel', () => {\n\t\treject(new Error('Popup was blocked from browser and user rejected click to review request'));\n\t\tmodal.open = false;\n\t});\n\n\tmodal.addEventListener('approved', () => {\n\t\tmodal.disabled = true;\n\t\tmodal.open = false;\n\n\t\tconst popup = window.open('about:blank', '_blank');\n\n\t\tif (popup) {\n\t\t\tresolve(popup);\n\t\t} else {\n\t\t\treject(new Error('Failed to open popup'));\n\t\t}\n\t});\n\n\tmodal.addEventListener('closed', () => {\n\t\tmodal.remove();\n\t});\n\n\tdocument.body.appendChild(modal);\n\n\treturn promise;\n}\n\ntype EnokiConnectMetadata = {\n\tpublicAppSlug: string;\n\tname: string;\n\tlogoUrl: WalletIcon;\n\tappUrl: string;\n};\n\nasync function getEnokiConnectMetadata(publicAppSlugs: string[], enokiApiUrl: string) {\n\tconst sortedPublicAppSlugs = [...publicAppSlugs].sort();\n\tconst queryParams = new URLSearchParams();\n\n\tfor (const publicAppSlug of sortedPublicAppSlugs) {\n\t\tqueryParams.append('slugs', publicAppSlug);\n\t}\n\n\tqueryParams.sort();\n\n\tconst res = await fetch(new URL(`/v1/connect/metadata?${queryParams.toString()}`, enokiApiUrl));\n\n\tif (!res.ok) {\n\t\tthrow new Error('Failed to fetch enoki connect metadata');\n\t}\n\n\tconst { data } = await res.json();\n\n\treturn data as EnokiConnectMetadata[];\n}\n\n/**\n * Registers Enoki Connect wallets for your dApp.\n *\n * This function fetches wallet metadata for the provided public app slugs and registers\n * them with the wallet standard. It returns the registered wallet instances and an\n * `unregister` function to remove them if needed.\n *\n * @param publicAppSlugs - An array of public app slugs to register. You can obtain these slugs from the wallet developer.\n * @param dappName - The display name of your dApp. This will be shown to users in wallet UIs.\n * @param network - (Optional) The default Haneul network to use for wallet operations (when chain is not specified in the wallet method). Accepts 'mainnet', 'testnet', or 'devnet'. Defaults to 'mainnet' if not specified.\n * @param enokiApiUrl - (Optional) The Enoki API endpoint to use for fetching wallet metadata. Defaults to the public Enoki API at 'https://api.enoki.haneullabs.com'. (Override this if you are running a local or custom Enoki API instance.)\n *\n * @returns An object containing:\n *   - `wallets`: The array of registered EnokiConnectWallet instances.\n *   - `unregister`: A function to unregister all registered wallets.\n *\n * @example\n * ```ts\n * const { wallets, unregister } = await registerEnokiConnectWallets({\n *   publicAppSlugs: ['an-app-slug'],\n *   dappName: 'My Dapp',\n * });\n * ```\n */\nexport async function registerEnokiConnectWallets({\n\tpublicAppSlugs,\n\tdappName,\n\tnetwork = 'mainnet',\n\tenokiApiUrl = 'https://api.enoki.haneullabs.com',\n}: {\n\tpublicAppSlugs: string[];\n\tdappName: string;\n\tnetwork?: SupportedNetwork;\n\tenokiApiUrl?: string;\n}) {\n\tconst wallets = getWallets();\n\tconst data = await getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl);\n\tconst unregisterCallbacks: (() => void)[] = [];\n\tconst registeredWallets: EnokiConnectWallet[] = [];\n\n\tfor (const aWalletMetadata of data) {\n\t\tconst wallet = new EnokiConnectWallet({\n\t\t\twalletName: aWalletMetadata.name,\n\t\t\tdappName,\n\t\t\thostOrigin: aWalletMetadata.appUrl,\n\t\t\ticon: aWalletMetadata.logoUrl,\n\t\t\tnetwork,\n\t\t\tpublicAppSlug: aWalletMetadata.publicAppSlug,\n\t\t});\n\t\tconst unregister = wallets.register(wallet);\n\n\t\tunregisterCallbacks.push(unregister);\n\t\tregisteredWallets.push(wallet);\n\t}\n\n\treturn {\n\t\twallets: registeredWallets,\n\t\tunregister: () => {\n\t\t\tfor (const unregister of unregisterCallbacks) {\n\t\t\t\tunregister();\n\t\t\t}\n\t\t},\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAqC;AAqBrC,6BAMO;AAEP,kBAAiB;AACjB,gCAAyD;AACzD,IAAAA,gBAAqC;AAErC,mBAAO;AApCP;AA4CA,MAAM,mBAAmB,CAAC,6CAAsB,6CAAsB,0CAAmB;AACzF,MAAM,mBAAmB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEO,MAAM,mBAAqC;AAAA,EAsEjD,YAAY;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAOG;AApFG;AAEN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuFA,8CAA0D,OAAO;AAAA,MAChE;AAAA,MACA;AAAA,MACA;AAAA,IACD,MAAM;AACL,YAAM,QAAQ,MAAM,sBAAK,sDAAL;AACpB,YAAM,WAAW,MAAM,MAAM,KAAK;AAAA,QACjC,MAAM;AAAA,QACN;AAAA,QACA,aAAa,MAAM,iBAAiB,OAAO;AAAA,QAC3C,SAAS,QAAQ;AAAA,QACjB,SAAS,sBAAK,oDAAL;AAAA,MACV,CAAC;AAED,aAAO;AAAA,QACN,uBAAuB,SAAS;AAAA,QAChC,WAAW,SAAS;AAAA,MACrB;AAAA,IACD;AAEA,yCAAgD,OAAO,EAAE,aAAa,SAAS,MAAM,MAAM;AAC1F,YAAM,QAAQ,MAAM,sBAAK,sDAAL;AACpB,YAAM,WAAW,MAAM,MAAM,KAAK;AAAA,QACjC,MAAM;AAAA,QACN;AAAA,QACA,aAAa,MAAM,YAAY,OAAO;AAAA,QACtC,SAAS,QAAQ;AAAA,QACjB,SAAS,sBAAK,oDAAL;AAAA,MACV,CAAC;AAED,aAAO;AAAA,QACN,OAAO,SAAS;AAAA,QAChB,WAAW,SAAS;AAAA,MACrB;AAAA,IACD;AAEA,mDAAoE,OAAO;AAAA,MAC1E;AAAA,MACA;AAAA,MACA;AAAA,IACD,MAAM;AACL,YAAM,QAAQ,MAAM,sBAAK,sDAAL;AACpB,YAAM,WAAW,MAAM,MAAM,KAAK;AAAA,QACjC,MAAM;AAAA,QACN,aAAa,MAAM,YAAY,OAAO;AAAA,QACtC,SAAS,QAAQ;AAAA,QACjB;AAAA,QACA,SAAS,sBAAK,oDAAL;AAAA,MACV,CAAC;AAED,aAAO;AAAA,QACN,OAAO,SAAS;AAAA,QAChB,WAAW,SAAS;AAAA,QACpB,QAAQ,SAAS;AAAA,QACjB,SAAS,SAAS;AAAA,MACnB;AAAA,IACD;AAEA,6CAAwD,OAAO,EAAE,SAAS,SAAS,MAAM,MAAM;AAC9F,YAAM,QAAQ,MAAM,sBAAK,sDAAL;AACpB,YAAM,WAAW,MAAM,MAAM,KAAK;AAAA,QACjC,MAAM;AAAA,QACN,OAAO,SAAS,mBAAK;AAAA,QACrB,aAAS,uBAAS,OAAO;AAAA,QACzB,SAAS,QAAQ;AAAA,QACjB,SAAS,sBAAK,oDAAL;AAAA,MACV,CAAC;AAED,aAAO;AAAA,QACN,OAAO,SAAS;AAAA,QAChB,WAAW,SAAS;AAAA,MACrB;AAAA,IACD;AAEA,4BAA8B,CAAC,OAAO,aAAa;AAClD,yBAAK,SAAQ,GAAG,OAAO,QAAQ;AAE/B,aAAO,MAAM,mBAAK,SAAQ,IAAI,OAAO,QAAQ;AAAA,IAC9C;AAaA,iCAAkC,OAAO,UAAU;AAClD,UAAI,OAAO,QAAQ;AAClB,YAAI;AACH,gBAAM,UAAU,sBAAK,oDAAL;AAEhB,cAAI,SAAS;AACZ,kCAAK,+CAAL,WAAkB;AAAA,UACnB;AAAA,QACD,QAAQ;AAAA,QAER;AAEA,eAAO,EAAE,UAAU,KAAK,SAAS;AAAA,MAClC;AAEA,YAAM,QAAQ,MAAM,sBAAK,sDAAL;AACpB,YAAM,WAAW,MAAM,MAAM,KAAK;AAAA,QACjC,MAAM;AAAA,MACP,CAAC;AAED,4BAAK,+CAAL,WAAkB,SAAS;AAE3B,aAAO,EAAE,UAAU,KAAK,SAAS;AAAA,IAClC;AAEA,oCAAwC,YAAY;AACnD,mBAAa,WAAW,sBAAK,iDAAL,UAAqB;AAC7C,4BAAK,+CAAL;AAAA,IACD;AAlIC,uBAAK,WAAY,CAAC;AAClB,uBAAK,aAAU,YAAAC,SAAK;AACpB,uBAAK,aAAc;AACnB,uBAAK,aAAc;AACnB,uBAAK,WAAY;AACjB,uBAAK,OAAQ;AACb,uBAAK,eAAgB,OAAO,OAAO;AACnC,uBAAK,gBAAiB;AACtB,SAAK,KAAK,iBAAiB,aAAa;AAAA,EACzC;AAAA,EAnFA,IAAI,OAAO;AACV,WAAO,mBAAK;AAAA,EACb;AAAA,EAEA,IAAI,OAAO;AACV,WAAO,mBAAK;AAAA,EACb;AAAA,EAEA,IAAI,UAAU;AACb,WAAO;AAAA,EACR;AAAA,EAEA,IAAI,SAAS;AACZ,WAAO;AAAA,EACR;AAAA,EAEA,IAAI,WAAW;AACd,WAAO,mBAAK;AAAA,EACb;AAAA,EAEA,IAAI,WAMoC;AACvC,WAAO;AAAA,MACN,oBAAoB;AAAA,QACnB,SAAS;AAAA,QACT,SAAS,mBAAK;AAAA,MACf;AAAA,MACA,uBAAuB;AAAA,QACtB,SAAS;AAAA,QACT,YAAY,mBAAK;AAAA,MAClB;AAAA,MACA,mBAAmB;AAAA,QAClB,SAAS;AAAA,QACT,IAAI,mBAAK;AAAA,MACV;AAAA,MACA,4BAA4B;AAAA,QAC3B,SAAS;AAAA,QACT,sBAAsB,mBAAK;AAAA,MAC5B;AAAA,MACA,uBAAuB;AAAA,QACtB,SAAS;AAAA,QACT,iBAAiB,mBAAK;AAAA,MACvB;AAAA,MACA,2BAA2B;AAAA,QAC1B,SAAS;AAAA,QACT,qBAAqB,mBAAK;AAAA,MAC3B;AAAA,MACA,iCAAiC;AAAA,QAChC,SAAS;AAAA,QACT,2BAA2B,mBAAK;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AA0MD;AA5QC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuFA;AAoBA;AAgBA;AAsBA;AAgBA;AA1KM;AAgLN,iBAAY,SAAC,SAAkB;AAC9B,MAAI,SAAS;AACZ,uBAAK,WAAY,sBAAK,0DAAL,WAA6B;AAC9C,iBAAa,QAAQ,sBAAK,iDAAL,YAAuB,OAAO;AAAA,EACpD,OAAO;AACN,uBAAK,WAAY,CAAC;AAAA,EACnB;AAEA,qBAAK,SAAQ,KAAK,UAAU,EAAE,UAAU,KAAK,SAAS,CAAC;AACxD;AAEA;AAyBA;AAKA,mBAAc,WAAG;AAChB,SAAO,iBAAiB,mBAAK,eAAc;AAC5C;AAEA,sBAAiB,WAAG;AACnB,QAAM,UAAU,aAAa,QAAQ,sBAAK,iDAAL,UAAqB;AAE1D,MAAI,CAAC,SAAS;AACb,UAAM,IAAI,MAAM,kBAAkB;AAAA,EACnC;AAEA,SAAO;AACR;AAEM,wBAAmB,iBAAG;AAC3B,MAAI,cAAyC,OAAO,KAAK,eAAe,QAAQ;AAEhF,MAAI,CAAC,aAAa;AACjB,kBAAc,MAAM,0BAA0B;AAAA,MAC7C,YAAY,mBAAK;AAAA,MACjB,UAAU,mBAAK;AAAA,IAChB,CAAC;AAAA,EACF;AAEA,SAAO,IAAI,iDAAuB;AAAA,IACjC,SAAS,mBAAK;AAAA,IACd,YAAY,mBAAK;AAAA,IACjB,qBAAqB;AAAA,MACpB,eAAe,mBAAK;AAAA,IACrB;AAAA,IACA;AAAA,EACD,CAAC;AACF;AAEA,4BAAuB,SAAC,SAAiB;AACxC,MAAI;AACH,UAAM;AAAA,MACL,SAAS,EAAE,SAAS;AAAA,IACrB,QAAI,4CAAiB,OAAO;AAE5B,WAAO,SAAS;AAAA,MACf,CAAC,cACA,IAAI,6CAAsB;AAAA,QACzB,SAAS,UAAU;AAAA,QACnB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,eAAW,yBAAW,UAAU,SAAS;AAAA,MAC1C,CAAC;AAAA,IACH;AAAA,EACD,QAAQ;AACP,WAAO,CAAC;AAAA,EACT;AACD;AAGD,SAAS,0BAA0B;AAAA,EAClC;AAAA,EACA;AACD,GAGG;AACF,QAAM,EAAE,SAAS,SAAS,OAAO,QAAI,oCAA6B;AAClE,QAAM,QAAQ,SAAS,cAAc,qBAAqB;AAE1D,QAAM,aAAa;AACnB,QAAM,WAAW;AACjB,QAAM,OAAO;AAEb,QAAM,iBAAiB,UAAU,MAAM;AACtC,WAAO,IAAI,MAAM,0EAA0E,CAAC;AAC5F,UAAM,OAAO;AAAA,EACd,CAAC;AAED,QAAM,iBAAiB,YAAY,MAAM;AACxC,UAAM,WAAW;AACjB,UAAM,OAAO;AAEb,UAAM,QAAQ,OAAO,KAAK,eAAe,QAAQ;AAEjD,QAAI,OAAO;AACV,cAAQ,KAAK;AAAA,IACd,OAAO;AACN,aAAO,IAAI,MAAM,sBAAsB,CAAC;AAAA,IACzC;AAAA,EACD,CAAC;AAED,QAAM,iBAAiB,UAAU,MAAM;AACtC,UAAM,OAAO;AAAA,EACd,CAAC;AAED,WAAS,KAAK,YAAY,KAAK;AAE/B,SAAO;AACR;AASA,eAAe,wBAAwB,gBAA0B,aAAqB;AACrF,QAAM,uBAAuB,CAAC,GAAG,cAAc,EAAE,KAAK;AACtD,QAAM,cAAc,IAAI,gBAAgB;AAExC,aAAW,iBAAiB,sBAAsB;AACjD,gBAAY,OAAO,SAAS,aAAa;AAAA,EAC1C;AAEA,cAAY,KAAK;AAEjB,QAAM,MAAM,MAAM,MAAM,IAAI,IAAI,wBAAwB,YAAY,SAAS,CAAC,IAAI,WAAW,CAAC;AAE9F,MAAI,CAAC,IAAI,IAAI;AACZ,UAAM,IAAI,MAAM,wCAAwC;AAAA,EACzD;AAEA,QAAM,EAAE,KAAK,IAAI,MAAM,IAAI,KAAK;AAEhC,SAAO;AACR;AA0BA,eAAsB,4BAA4B;AAAA,EACjD;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AACf,GAKG;AACF,QAAM,cAAU,mCAAW;AAC3B,QAAM,OAAO,MAAM,wBAAwB,gBAAgB,WAAW;AACtE,QAAM,sBAAsC,CAAC;AAC7C,QAAM,oBAA0C,CAAC;AAEjD,aAAW,mBAAmB,MAAM;AACnC,UAAM,SAAS,IAAI,mBAAmB;AAAA,MACrC,YAAY,gBAAgB;AAAA,MAC5B;AAAA,MACA,YAAY,gBAAgB;AAAA,MAC5B,MAAM,gBAAgB;AAAA,MACtB;AAAA,MACA,eAAe,gBAAgB;AAAA,IAChC,CAAC;AACD,UAAM,aAAa,QAAQ,SAAS,MAAM;AAE1C,wBAAoB,KAAK,UAAU;AACnC,sBAAkB,KAAK,MAAM;AAAA,EAC9B;AAEA,SAAO;AAAA,IACN,SAAS;AAAA,IACT,YAAY,MAAM;AACjB,iBAAW,cAAc,qBAAqB;AAC7C,mBAAW;AAAA,MACZ;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": ["import_utils", "mitt"]
+}

package/dist/esm/components/base-modal.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
+import type { PromiseWithResolvers } from '@haneullabs/utils';
+export declare class BaseModal extends LitElement {
+    #private;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    /**
+     * Opens the dialog when set to `true` and closes it when set to `false`.
+     */
+    get open(): boolean;
+    set open(open: boolean);
+    disabled: boolean;
+    private readonly _dialog;
+    protected _closingResolvers?: PromiseWithResolvers<void>;
+    protected get _isClosing(): boolean;
+    firstUpdated(changedProperties: PropertyValues): void;
+    /**
+     * Opens the dialog and fires a cancelable `open` event. An `opened` event
+     * is fired after the dialog opens.
+     *
+     * @returns A `Promise` that resolves after the `opened` event was fired.
+     */
+    show(): Promise<void>;
+    /**
+     * Closes the dialog and fires a cancelable `close` event. After a dialog's
+     * animation, a `closed` event is fired.
+     *
+     */
+    close(): Promise<void>;
+    protected handleAnimationEnd(e: AnimationEvent): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected handleContentClick(): void;
+    protected handleDialogClick(): void;
+    protected handleCancel(e?: Event): void;
+}

package/dist/esm/components/base-modal.js

@@ -0,0 +1,179 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _isOpen, _isOpening, _isConnected, _nextClickIsFromContent, _keyDownHandler;
+import { LitElement } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { promiseWithResolvers } from "@haneullabs/utils";
+class BaseModal extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _isOpen, false);
+    __privateAdd(this, _isOpening, false);
+    __privateAdd(this, _isConnected, promiseWithResolvers());
+    __privateAdd(this, _nextClickIsFromContent, false);
+    this.disabled = false;
+    __privateAdd(this, _keyDownHandler, (e) => {
+      if (e.key === "Escape" && this.open) {
+        this.handleCancel(e);
+      }
+    });
+  }
+  get open() {
+    return __privateGet(this, _isOpen);
+  }
+  set open(open) {
+    if (open === __privateGet(this, _isOpen)) {
+      return;
+    }
+    __privateSet(this, _isOpen, open);
+    if (__privateGet(this, _isOpen)) {
+      this.setAttribute("open", "");
+      this.show();
+    } else {
+      this.removeAttribute("open");
+      this.close();
+    }
+  }
+  get _isClosing() {
+    return !!this._closingResolvers;
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this._dialog.addEventListener("keydown", __privateGet(this, _keyDownHandler), { capture: true });
+  }
+  /**
+   * Opens the dialog and fires a cancelable `open` event. An `opened` event
+   * is fired after the dialog opens.
+   *
+   * @returns A `Promise` that resolves after the `opened` event was fired.
+   */
+  async show() {
+    this._closingResolvers?.resolve();
+    this._closingResolvers = void 0;
+    __privateSet(this, _isOpening, true);
+    await __privateGet(this, _isConnected).promise;
+    await this.updateComplete;
+    if (this._dialog.open || !__privateGet(this, _isOpening)) {
+      __privateSet(this, _isOpening, false);
+      return;
+    }
+    const wasDispatched = this.dispatchEvent(new Event("open", { cancelable: true }));
+    if (!wasDispatched) {
+      this.open = false;
+      __privateSet(this, _isOpening, false);
+      return;
+    }
+    this._dialog.showModal();
+    this.open = true;
+    this.dispatchEvent(new Event("opened"));
+    __privateSet(this, _isOpening, false);
+  }
+  /**
+   * Closes the dialog and fires a cancelable `close` event. After a dialog's
+   * animation, a `closed` event is fired.
+   *
+   */
+  async close() {
+    if (this._closingResolvers) {
+      return;
+    }
+    __privateSet(this, _isOpening, false);
+    if (!this.isConnected) {
+      this.open = false;
+      return;
+    }
+    await this.updateComplete;
+    if (!this._dialog.open || __privateGet(this, _isOpening)) {
+      this.open = false;
+      return;
+    }
+    const wasDispatched = this.dispatchEvent(new Event("close", { cancelable: true }));
+    if (!wasDispatched) {
+      return;
+    }
+    this._closingResolvers = promiseWithResolvers();
+    this.open = false;
+    return this._closingResolvers.promise;
+  }
+  handleAnimationEnd(e) {
+    if (e.animationName === "fadeOut" && !this.open && this._dialog.open && this._closingResolvers) {
+      this._closingResolvers.resolve();
+      this._closingResolvers = void 0;
+      this._dialog.close();
+      this.dispatchEvent(new Event("closed"));
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    __privateGet(this, _isConnected).resolve();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    __privateSet(this, _isConnected, Promise.withResolvers());
+    this._dialog.removeEventListener("keydown", __privateGet(this, _keyDownHandler), { capture: true });
+  }
+  handleContentClick() {
+    __privateSet(this, _nextClickIsFromContent, true);
+  }
+  handleDialogClick() {
+    if (__privateGet(this, _nextClickIsFromContent)) {
+      __privateSet(this, _nextClickIsFromContent, false);
+      return;
+    }
+    this.handleCancel();
+  }
+  handleCancel(e) {
+    if (this.disabled || this._closingResolvers) {
+      e?.preventDefault();
+      e?.stopPropagation();
+      return;
+    }
+    const wasDispatched = this.dispatchEvent(new Event("cancel", { cancelable: true }));
+    if (!wasDispatched) {
+      e?.preventDefault();
+      e?.stopPropagation();
+      return;
+    }
+    this.close();
+  }
+}
+_isOpen = new WeakMap();
+_isOpening = new WeakMap();
+_isConnected = new WeakMap();
+_nextClickIsFromContent = new WeakMap();
+_keyDownHandler = new WeakMap();
+BaseModal.shadowRootOptions = {
+  ...LitElement.shadowRootOptions,
+  delegatesFocus: true
+};
+__decorateClass([
+  property({ type: Boolean })
+], BaseModal.prototype, "open", 1);
+__decorateClass([
+  property()
+], BaseModal.prototype, "disabled", 2);
+__decorateClass([
+  query("dialog")
+], BaseModal.prototype, "_dialog", 2);
+__decorateClass([
+  state()
+], BaseModal.prototype, "_closingResolvers", 2);
+export {
+  BaseModal
+};
+//# sourceMappingURL=base-modal.js.map

package/dist/esm/components/base-modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/base-modal.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { promiseWithResolvers } from '@haneullabs/utils';\nimport type { PromiseWithResolvers } from '@haneullabs/utils';\n\nexport class BaseModal extends LitElement {\n\t#isOpen = false;\n\t#isOpening = false;\n\t#isConnected = promiseWithResolvers<void>();\n\t#nextClickIsFromContent = false;\n\n\tstatic override shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t};\n\n\t/**\n\t * Opens the dialog when set to `true` and closes it when set to `false`.\n\t */\n\t@property({ type: Boolean })\n\tget open() {\n\t\treturn this.#isOpen;\n\t}\n\n\tset open(open: boolean) {\n\t\tif (open === this.#isOpen) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.#isOpen = open;\n\t\tif (this.#isOpen) {\n\t\t\tthis.setAttribute('open', '');\n\t\t\tthis.show();\n\t\t} else {\n\t\t\tthis.removeAttribute('open');\n\t\t\tthis.close();\n\t\t}\n\t}\n\t@property()\n\tdisabled: boolean = false;\n\n\t@query('dialog')\n\tprivate readonly _dialog!: HTMLDialogElement;\n\n\t@state()\n\tprotected _closingResolvers?: PromiseWithResolvers<void>;\n\n\t#keyDownHandler = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Escape' && this.open) {\n\t\t\tthis.handleCancel(e);\n\t\t}\n\t};\n\n\tprotected get _isClosing() {\n\t\treturn !!this._closingResolvers;\n\t}\n\n\toverride firstUpdated(changedProperties: PropertyValues) {\n\t\tsuper.firstUpdated(changedProperties);\n\t\t// NOTE: there is a bug in Chrome where even after canceling the dialog cancel event still closes the dialog. (The second time the user clicks escape)\n\t\t// Using this handler to mitigate this issue.\n\t\tthis._dialog.addEventListener('keydown', this.#keyDownHandler, { capture: true });\n\t}\n\n\t/**\n\t * Opens the dialog and fires a cancelable `open` event. An `opened` event\n\t * is fired after the dialog opens.\n\t *\n\t * @returns A `Promise` that resolves after the `opened` event was fired.\n\t */\n\tasync show() {\n\t\tthis._closingResolvers?.resolve();\n\t\tthis._closingResolvers = undefined;\n\t\tthis.#isOpening = true;\n\n\t\t// Dialogs can be opened before being attached to the DOM, so we need to\n\t\t// wait until we're connected before calling `showModal()`.\n\t\tawait this.#isConnected.promise;\n\t\tawait this.updateComplete;\n\n\t\t// Check if already opened or if `dialog.close()` was called while awaiting.\n\t\tif (this._dialog.open || !this.#isOpening) {\n\t\t\tthis.#isOpening = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('open', { cancelable: true }));\n\t\tif (!wasDispatched) {\n\t\t\tthis.open = false;\n\t\t\tthis.#isOpening = false;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dialog.showModal();\n\t\tthis.open = true;\n\n\t\tthis.dispatchEvent(new Event('opened'));\n\t\tthis.#isOpening = false;\n\t}\n\n\t/**\n\t * Closes the dialog and fires a cancelable `close` event. After a dialog's\n\t * animation, a `closed` event is fired.\n\t *\n\t */\n\tasync close() {\n\t\tif (this._closingResolvers) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.#isOpening = false;\n\n\t\tif (!this.isConnected) {\n\t\t\t// Disconnected dialogs do not fire close events or animate.\n\t\t\tthis.open = false;\n\t\t\treturn;\n\t\t}\n\n\t\tawait this.updateComplete;\n\n\t\t// Check if already closed or if `dialog.show()` was called while awaiting.\n\t\tif (!this._dialog.open || this.#isOpening) {\n\t\t\tthis.open = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('close', { cancelable: true }));\n\t\tif (!wasDispatched) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._closingResolvers = promiseWithResolvers<void>();\n\t\tthis.open = false;\n\n\t\treturn this._closingResolvers.promise;\n\t}\n\n\tprotected handleAnimationEnd(e: AnimationEvent) {\n\t\tif (\n\t\t\te.animationName === 'fadeOut' &&\n\t\t\t!this.open &&\n\t\t\tthis._dialog.open &&\n\t\t\tthis._closingResolvers\n\t\t) {\n\t\t\tthis._closingResolvers.resolve();\n\t\t\tthis._closingResolvers = undefined;\n\t\t\tthis._dialog.close();\n\t\t\tthis.dispatchEvent(new Event('closed'));\n\t\t}\n\t}\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.#isConnected.resolve();\n\t}\n\n\toverride disconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.#isConnected = Promise.withResolvers<void>();\n\t\tthis._dialog.removeEventListener('keydown', this.#keyDownHandler, { capture: true });\n\t}\n\n\tprotected handleContentClick() {\n\t\tthis.#nextClickIsFromContent = true;\n\t}\n\n\tprotected handleDialogClick() {\n\t\tif (this.#nextClickIsFromContent) {\n\t\t\t// This trick uses event bubbling to determine whether or not the click originated\n\t\t\t// from the dialog content or dialog backdrop psuedo-element. If you click the dialog\n\t\t\t// content, then `nextClickIsFromContent` will be set to true and we'll early exit.\n\t\t\tthis.#nextClickIsFromContent = false;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleCancel();\n\t}\n\n\tprotected handleCancel(e?: Event) {\n\t\tif (this.disabled || this._closingResolvers) {\n\t\t\te?.preventDefault();\n\t\t\te?.stopPropagation();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('cancel', { cancelable: true }));\n\n\t\tif (!wasDispatched) {\n\t\t\te?.preventDefault();\n\t\t\te?.stopPropagation();\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close();\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}