@mysten/enoki-connect 0.0.25 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @mysten/enoki-connect
 
+## 0.1.0
+
+### Minor Changes
+
+- 45efc26: show fallback modal to click to open a popup when opening a new tab is blocked
+- ea1ac70: Update dependencies and improve support for typescript 5.9
+
+### Patch Changes
+
+- 45efc26: enhance wallet operation request popup fallback modal to support custom CSS variables for
+  improved styling flexibility
+- Updated dependencies [45efc26]
+- Updated dependencies [3c1741f]
+- Updated dependencies [ea1ac70]
+  - @mysten/window-wallet-core@0.1.0
+  - @mysten/sui@1.38.0
+  - @mysten/wallet-standard@0.17.0
+  - @mysten/utils@0.2.0
+
+## 0.0.26
+
+### Patch Changes
+
+- Updated dependencies [c689b98]
+- Updated dependencies [c689b98]
+- Updated dependencies [5b9ff1a]
+  - @mysten/sui@1.37.6
+  - @mysten/wallet-standard@0.16.14
+
 ## 0.0.25
 
 ### Patch Changes

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

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
+import type { PromiseWithResolvers } from '@mysten/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.
+     *
+     * @return 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/cjs/components/base-modal.js

@@ -0,0 +1,197 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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 base_modal_exports = {};
+__export(base_modal_exports, {
+  BaseModal: () => BaseModal
+});
+module.exports = __toCommonJS(base_modal_exports);
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var import_utils = require("@mysten/utils");
+var _isOpen, _isOpening, _isConnected, _nextClickIsFromContent, _keyDownHandler;
+class BaseModal extends import_lit.LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _isOpen, false);
+    __privateAdd(this, _isOpening, false);
+    __privateAdd(this, _isConnected, (0, import_utils.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.
+   *
+   * @return 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 = (0, import_utils.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 = {
+  ...import_lit.LitElement.shadowRootOptions,
+  delegatesFocus: true
+};
+__decorateClass([
+  (0, import_decorators.property)({ type: Boolean })
+], BaseModal.prototype, "open", 1);
+__decorateClass([
+  (0, import_decorators.property)()
+], BaseModal.prototype, "disabled", 2);
+__decorateClass([
+  (0, import_decorators.query)("dialog")
+], BaseModal.prototype, "_dialog", 2);
+__decorateClass([
+  (0, import_decorators.state)()
+], BaseModal.prototype, "_closingResolvers", 2);
+//# sourceMappingURL=base-modal.js.map

package/dist/cjs/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 '@mysten/utils';\nimport type { PromiseWithResolvers } from '@mysten/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 * @return 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": []
+}

package/dist/cjs/components/modal.d.ts

@@ -0,0 +1,24 @@
+import { BaseModal } from './base-modal.js';
+/**
+ * A modal component for displaying wallet operation request fallback UI.
+ *
+ * @element enoki-connect-modal
+ *
+ * @prop {string} walletName - The name of the wallet.
+ * @prop {string} dappName - The name of the dapp.
+ * @prop {boolean} disabled - Whether the modal is disabled.
+ * @prop {boolean} open - Whether the modal is open.
+ *
+ */
+export declare class EnokiConnectModal extends BaseModal {
+    #private;
+    static styles: import("lit").CSSResult;
+    walletName: string;
+    dappName: string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'enoki-connect-modal': EnokiConnectModal;
+    }
+}

package/dist/cjs/components/modal.js

@@ -0,0 +1,269 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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 __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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var modal_exports = {};
+__export(modal_exports, {
+  EnokiConnectModal: () => EnokiConnectModal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var import_base_modal = require("./base-modal.js");
+var _EnokiConnectModal_instances, handleContinue_fn;
+let EnokiConnectModal = class extends import_base_modal.BaseModal {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _EnokiConnectModal_instances);
+    this.walletName = "";
+    this.dappName = "";
+  }
+  render() {
+    return import_lit.html`<dialog
+			@click=${this.handleDialogClick}
+			@cancel=${this.handleCancel}
+			class="modal${this._isClosing ? " closing" : ""}"
+			@animationend=${this.handleAnimationEnd}
+		>
+			<div class="content" @click=${this.handleContentClick}>
+				<button
+					class="close"
+					@click=${this.handleCancel}
+					?disabled=${this.disabled || this._isClosing}
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						class="lucide lucide-x"
+					>
+						<path d="M18 6 6 18" />
+						<path d="m6 6 12 12" />
+					</svg>
+				</button>
+				<h1 class="title capitalize">${this.walletName} Operation Request</h1>
+				<p class="description">
+					<span class="capitalize bold">${this.dappName}</span> requested a wallet operation. Click
+					continue to open <span class="wallet-name bold">${this.walletName}</span> (in a new tab)
+					and review the request.
+				</p>
+				<div class="footer">
+					<button
+						class="btn secondary"
+						@click=${this.handleCancel}
+						?disabled=${this.disabled || this._isClosing}
+					>
+						Cancel
+					</button>
+					<button
+						class="btn primary"
+						@click=${__privateMethod(this, _EnokiConnectModal_instances, handleContinue_fn)}
+						?disabled=${this.disabled || this._isClosing}
+					>
+						Continue
+					</button>
+				</div>
+			</div>
+		</dialog>`;
+  }
+};
+_EnokiConnectModal_instances = new WeakSet();
+handleContinue_fn = function() {
+  this.dispatchEvent(new CustomEvent("approved"));
+};
+EnokiConnectModal.styles = import_lit.css`
+		:host {
+			--modal-font-family: var(
+				--font-family,
+				ui-sans-serif,
+				system-ui,
+				-apple-system,
+				BlinkMacSystemFont,
+				'Segoe UI',
+				Roboto,
+				'Helvetica Neue',
+				Arial,
+				'Noto Sans',
+				sans-serif,
+				'Apple Color Emoji',
+				'Segoe UI Emoji',
+				'Segoe UI Symbol',
+				'Noto Color Emoji'
+			);
+			--modal-radius: var(--radius, 0.625rem);
+			--modal-background: var(--popover, oklch(1 0 0));
+			--modal-foreground: var(--popover-foreground, oklch(0.145 0 0));
+			--modal-backdrop: oklch(from var(--modal-background) l c h / 0.4);
+			--modal-box-shadow: 0 1px 10px oklch(from var(--modal-foreground) l c h / 0.01);
+			--modal-primary: var(--primary, oklch(0.205 0 0));
+			--modal-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));
+			--modal-primary-hover: color-mix(in oklch, var(--modal-primary) 85%, white);
+			--modal-secondary: var(--secondary, oklch(0.97 0 0));
+			--modal-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));
+			--modal-secondary-hover: color-mix(in oklch, var(--modal-secondary) 85%, white);
+			--modal-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));
+			--modal-accent: var(--accent, oklch(0.97 0 0));
+			--modal-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));
+		}
+		.modal {
+			color: var(--modal-foreground);
+			border: none;
+			animation: fadeIn 250ms ease-in-out forwards;
+			max-width: 320px;
+			background-color: var(--modal-background);
+			border-radius: var(--modal-radius);
+			box-shadow: var(--modal-box-shadow);
+			padding: 0;
+			font-family: var(--modal-font-family);
+		}
+		.modal::backdrop {
+			background-color: var(--modal-backdrop);
+		}
+		.content {
+			padding: 20px;
+			display: flex;
+			flex-direction: column;
+			gap: 10px;
+		}
+		.capitalize {
+			text-transform: capitalize;
+		}
+		.bold {
+			font-weight: 800;
+		}
+		.title {
+			font-size: 16px;
+			font-weight: 600;
+			line-height: 1.5;
+			color: var(--modal-foreground);
+			margin: 0;
+		}
+		.description {
+			font-size: 14px;
+			line-height: 1.5;
+			color: var(--modal-muted-foreground);
+			margin: 0;
+		}
+		.footer {
+			display: flex;
+			justify-content: flex-end;
+			align-items: center;
+			gap: 10px;
+		}
+		.btn {
+			border: none;
+			border-radius: 6px;
+			padding: 8px 14px;
+			cursor: pointer;
+			transition: background 0.2s;
+			font-size: 13px;
+			font-weight: 600;
+		}
+		.btn.primary {
+			background: var(--modal-primary);
+			color: var(--modal-primary-foreground);
+		}
+		.btn.primary:hover,
+		.btn.primary:focus,
+		.btn.primary:active {
+			background: var(--modal-primary-hover);
+		}
+		.btn.secondary {
+			background: var(--modal-secondary);
+			color: var(--modal-secondary-foreground);
+		}
+		.btn.secondary:hover,
+		.btn.secondary:focus,
+		.btn.secondary:active {
+			background: var(--modal-secondary-hover);
+		}
+		button:disabled {
+			opacity: 0.5;
+			cursor: default;
+		}
+		.close {
+			all: unset;
+			position: absolute;
+			top: 5px;
+			right: 5px;
+			background: transparent;
+			color: var(--modal-muted-foreground);
+			border: none;
+			cursor: pointer;
+			width: 18px;
+			height: 18px;
+			border-radius: var(--modal-radius);
+			padding: 3px;
+			transition: background 0.2s;
+		}
+		.close:hover,
+		.close:focus,
+		.close:active {
+			background: var(--modal-accent);
+			color: var(--modal-accent-foreground);
+		}
+		.modal.closing {
+			animation: fadeOut 250ms ease-in-out forwards;
+		}
+
+		@keyframes fadeIn {
+			from {
+				transform: translateY(-20px) scale(0.8);
+				opacity: 0;
+			}
+			to {
+				opacity: 1;
+			}
+		}
+		@keyframes fadeOut {
+			from {
+				opacity: 1;
+			}
+			to {
+				transform: translateY(20px) scale(0.8);
+				opacity: 0;
+			}
+		}
+	`;
+__decorateClass([
+  (0, import_decorators.property)()
+], EnokiConnectModal.prototype, "walletName", 2);
+__decorateClass([
+  (0, import_decorators.property)()
+], EnokiConnectModal.prototype, "dappName", 2);
+EnokiConnectModal = __decorateClass([
+  (0, import_decorators.customElement)("enoki-connect-modal")
+], EnokiConnectModal);
+//# sourceMappingURL=modal.js.map

package/dist/cjs/components/modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/modal.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\nimport { css, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { BaseModal } from './base-modal.js';\n\n/**\n * A modal component for displaying wallet operation request fallback UI.\n *\n * @element enoki-connect-modal\n *\n * @prop {string} walletName - The name of the wallet.\n * @prop {string} dappName - The name of the dapp.\n * @prop {boolean} disabled - Whether the modal is disabled.\n * @prop {boolean} open - Whether the modal is open.\n *\n */\n@customElement('enoki-connect-modal')\nexport class EnokiConnectModal extends BaseModal {\n\tstatic styles = css`\n\t\t:host {\n\t\t\t--modal-font-family: var(\n\t\t\t\t--font-family,\n\t\t\t\tui-sans-serif,\n\t\t\t\tsystem-ui,\n\t\t\t\t-apple-system,\n\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t'Segoe UI',\n\t\t\t\tRoboto,\n\t\t\t\t'Helvetica Neue',\n\t\t\t\tArial,\n\t\t\t\t'Noto Sans',\n\t\t\t\tsans-serif,\n\t\t\t\t'Apple Color Emoji',\n\t\t\t\t'Segoe UI Emoji',\n\t\t\t\t'Segoe UI Symbol',\n\t\t\t\t'Noto Color Emoji'\n\t\t\t);\n\t\t\t--modal-radius: var(--radius, 0.625rem);\n\t\t\t--modal-background: var(--popover, oklch(1 0 0));\n\t\t\t--modal-foreground: var(--popover-foreground, oklch(0.145 0 0));\n\t\t\t--modal-backdrop: oklch(from var(--modal-background) l c h / 0.4);\n\t\t\t--modal-box-shadow: 0 1px 10px oklch(from var(--modal-foreground) l c h / 0.01);\n\t\t\t--modal-primary: var(--primary, oklch(0.205 0 0));\n\t\t\t--modal-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));\n\t\t\t--modal-primary-hover: color-mix(in oklch, var(--modal-primary) 85%, white);\n\t\t\t--modal-secondary: var(--secondary, oklch(0.97 0 0));\n\t\t\t--modal-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));\n\t\t\t--modal-secondary-hover: color-mix(in oklch, var(--modal-secondary) 85%, white);\n\t\t\t--modal-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));\n\t\t\t--modal-accent: var(--accent, oklch(0.97 0 0));\n\t\t\t--modal-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));\n\t\t}\n\t\t.modal {\n\t\t\tcolor: var(--modal-foreground);\n\t\t\tborder: none;\n\t\t\tanimation: fadeIn 250ms ease-in-out forwards;\n\t\t\tmax-width: 320px;\n\t\t\tbackground-color: var(--modal-background);\n\t\t\tborder-radius: var(--modal-radius);\n\t\t\tbox-shadow: var(--modal-box-shadow);\n\t\t\tpadding: 0;\n\t\t\tfont-family: var(--modal-font-family);\n\t\t}\n\t\t.modal::backdrop {\n\t\t\tbackground-color: var(--modal-backdrop);\n\t\t}\n\t\t.content {\n\t\t\tpadding: 20px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 10px;\n\t\t}\n\t\t.capitalize {\n\t\t\ttext-transform: capitalize;\n\t\t}\n\t\t.bold {\n\t\t\tfont-weight: 800;\n\t\t}\n\t\t.title {\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: var(--modal-foreground);\n\t\t\tmargin: 0;\n\t\t}\n\t\t.description {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: var(--modal-muted-foreground);\n\t\t\tmargin: 0;\n\t\t}\n\t\t.footer {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t\t.btn {\n\t\t\tborder: none;\n\t\t\tborder-radius: 6px;\n\t\t\tpadding: 8px 14px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background 0.2s;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t}\n\t\t.btn.primary {\n\t\t\tbackground: var(--modal-primary);\n\t\t\tcolor: var(--modal-primary-foreground);\n\t\t}\n\t\t.btn.primary:hover,\n\t\t.btn.primary:focus,\n\t\t.btn.primary:active {\n\t\t\tbackground: var(--modal-primary-hover);\n\t\t}\n\t\t.btn.secondary {\n\t\t\tbackground: var(--modal-secondary);\n\t\t\tcolor: var(--modal-secondary-foreground);\n\t\t}\n\t\t.btn.secondary:hover,\n\t\t.btn.secondary:focus,\n\t\t.btn.secondary:active {\n\t\t\tbackground: var(--modal-secondary-hover);\n\t\t}\n\t\tbutton:disabled {\n\t\t\topacity: 0.5;\n\t\t\tcursor: default;\n\t\t}\n\t\t.close {\n\t\t\tall: unset;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tright: 5px;\n\t\t\tbackground: transparent;\n\t\t\tcolor: var(--modal-muted-foreground);\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tborder-radius: var(--modal-radius);\n\t\t\tpadding: 3px;\n\t\t\ttransition: background 0.2s;\n\t\t}\n\t\t.close:hover,\n\t\t.close:focus,\n\t\t.close:active {\n\t\t\tbackground: var(--modal-accent);\n\t\t\tcolor: var(--modal-accent-foreground);\n\t\t}\n\t\t.modal.closing {\n\t\t\tanimation: fadeOut 250ms ease-in-out forwards;\n\t\t}\n\n\t\t@keyframes fadeIn {\n\t\t\tfrom {\n\t\t\t\ttransform: translateY(-20px) scale(0.8);\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tto {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\t@keyframes fadeOut {\n\t\t\tfrom {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tto {\n\t\t\t\ttransform: translateY(20px) scale(0.8);\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\t`;\n\n\t@property()\n\twalletName: string = '';\n\t@property()\n\tdappName: string = '';\n\n\t#handleContinue() {\n\t\tthis.dispatchEvent(new CustomEvent('approved'));\n\t}\n\n\toverride render() {\n\t\treturn html`<dialog\n\t\t\t@click=${this.handleDialogClick}\n\t\t\t@cancel=${this.handleCancel}\n\t\t\tclass=\"modal${this._isClosing ? ' closing' : ''}\"\n\t\t\t@animationend=${this.handleAnimationEnd}\n\t\t>\n\t\t\t<div class=\"content\" @click=${this.handleContentClick}>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t@click=${this.handleCancel}\n\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\tclass=\"lucide lucide-x\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M18 6 6 18\" />\n\t\t\t\t\t\t<path d=\"m6 6 12 12\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</button>\n\t\t\t\t<h1 class=\"title capitalize\">${this.walletName} Operation Request</h1>\n\t\t\t\t<p class=\"description\">\n\t\t\t\t\t<span class=\"capitalize bold\">${this.dappName}</span> requested a wallet operation. Click\n\t\t\t\t\tcontinue to open <span class=\"wallet-name bold\">${this.walletName}</span> (in a new tab)\n\t\t\t\t\tand review the request.\n\t\t\t\t</p>\n\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn secondary\"\n\t\t\t\t\t\t@click=${this.handleCancel}\n\t\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t\t>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn primary\"\n\t\t\t\t\t\t@click=${this.#handleContinue}\n\t\t\t\t\t\t?disabled=${this.disabled || this._isClosing}\n\t\t\t\t\t>\n\t\t\t\t\t\tContinue\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</dialog>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'enoki-connect-modal': EnokiConnectModal;\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAA0B;AAC1B,wBAAwC;AACxC,wBAA0B;AAJ1B;AAkBO,IAAM,oBAAN,cAAgC,4BAAU;AAAA,EAA1C;AAAA;AAAA;AA6JN,sBAAqB;AAErB,oBAAmB;AAAA;AAAA,EAMV,SAAS;AACjB,WAAO;AAAA,YACG,KAAK,iBAAiB;AAAA,aACrB,KAAK,YAAY;AAAA,iBACb,KAAK,aAAa,aAAa,EAAE;AAAA,mBAC/B,KAAK,kBAAkB;AAAA;AAAA,iCAET,KAAK,kBAAkB;AAAA;AAAA;AAAA,cAG1C,KAAK,YAAY;AAAA,iBACd,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAgBd,KAAK,UAAU;AAAA;AAAA,qCAEb,KAAK,QAAQ;AAAA,uDACK,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMvD,KAAK,YAAY;AAAA,kBACd,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMnC,sBAAK,gDAAe;AAAA,kBACjB,KAAK,YAAY,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjD;AACD;AAzNO;AAiKN,oBAAe,WAAG;AACjB,OAAK,cAAc,IAAI,YAAY,UAAU,CAAC;AAC/C;AAnKY,kBACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4JhB;AAAA,MADC,4BAAS;AAAA,GA5JE,kBA6JZ;AAEA;AAAA,MADC,4BAAS;AAAA,GA9JE,kBA+JZ;AA/JY,oBAAN;AAAA,MADN,iCAAc,qBAAqB;AAAA,GACvB;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -1,5 +1,4 @@
 {
   "private": true,
-  "type": "commonjs",
-  "sideEffects": false
+  "type": "commonjs"
 }

package/dist/cjs/wallet/index.d.ts

@@ -1,5 +1,6 @@
 import type { StandardConnectFeature, StandardDisconnectFeature, StandardEventsFeature, SuiSignAndExecuteTransactionFeature, SuiSignPersonalMessageFeature, SuiSignTransactionBlockFeature, SuiSignTransactionFeature, Wallet, WalletIcon } from '@mysten/wallet-standard';
 import { ReadonlyWalletAccount } from '@mysten/wallet-standard';
+import '../components/modal.js';
 export type SupportedNetwork = 'mainnet' | 'testnet' | 'devnet';
 export declare class EnokiConnectWallet implements Wallet {
     #private;