@mysten/enoki-connect 0.1.11 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @mysten/enoki-connect
 
+## 1.0.0
+
+### Patch Changes
+
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+  - @mysten/sui@2.0.0
+  - @mysten/wallet-standard@0.20.0
+
+## 0.1.12
+
+### Patch Changes
+
+- Updated dependencies [29e8b92]
+  - @mysten/sui@1.45.2
+  - @mysten/wallet-standard@0.19.9
+
 ## 0.1.11
 
 ### Patch Changes

package/dist/_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs

@@ -0,0 +1,10 @@
+//#region \0@oxc-project+runtime@0.107.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+export { __decorate };

package/dist/components/base-modal.d.mts

@@ -0,0 +1,47 @@
+import { PromiseWithResolvers } from "@mysten/utils";
+import { LitElement, PropertyValues } from "lit";
+
+//#region src/components/base-modal.d.ts
+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;
+}
+//#endregion
+export { BaseModal };
+//# sourceMappingURL=base-modal.d.mts.map

package/dist/components/base-modal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-modal.d.mts","names":[],"sources":["../../src/components/base-modal.ts"],"sourcesContent":[],"mappings":";;;;cASa,SAAA,SAAkB,UAAA;EAAlB,CAAA,OAAA;;;;IAwCkB,qBAAA,CAAA,uBAAA;IAYW,IAAA,gBAAA;IAa/B,YAAA,CAAA,EAAA,OAAA;IAmCC,cAAA,CAAA,oBAAA;EAgCqB,CAAA;EAyCL;;;;;;;gCArIG;;kCAYW;;;;;;;UAa/B;;;;;;WAmCC;kCAgCqB;;;;;6BAyCL"}

package/dist/components/base-modal.mjs

@@ -0,0 +1,145 @@
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { promiseWithResolvers } from "@mysten/utils";
+import { LitElement } from "lit";
+import { property, query, state } from "lit/decorators.js";
+
+//#region src/components/base-modal.ts
+var BaseModal = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.disabled = false;
+	}
+	#isOpen = false;
+	#isOpening = false;
+	#isConnected = promiseWithResolvers();
+	#nextClickIsFromContent = false;
+	static {
+		this.shadowRootOptions = {
+			...LitElement.shadowRootOptions,
+			delegatesFocus: true
+		};
+	}
+	/**
+	* Opens the dialog when set to `true` and closes it when set to `false`.
+	*/
+	get open() {
+		return this.#isOpen;
+	}
+	set open(open) {
+		if (open === this.#isOpen) return;
+		this.#isOpen = open;
+		if (this.#isOpen) {
+			this.setAttribute("open", "");
+			this.show();
+		} else {
+			this.removeAttribute("open");
+			this.close();
+		}
+	}
+	#keyDownHandler = (e) => {
+		if (e.key === "Escape" && this.open) this.handleCancel(e);
+	};
+	get _isClosing() {
+		return !!this._closingResolvers;
+	}
+	firstUpdated(changedProperties) {
+		super.firstUpdated(changedProperties);
+		this._dialog.addEventListener("keydown", 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;
+		this.#isOpening = true;
+		await this.#isConnected.promise;
+		await this.updateComplete;
+		if (this._dialog.open || !this.#isOpening) {
+			this.#isOpening = false;
+			return;
+		}
+		if (!this.dispatchEvent(new Event("open", { cancelable: true }))) {
+			this.open = false;
+			this.#isOpening = false;
+			return;
+		}
+		this._dialog.showModal();
+		this.open = true;
+		this.dispatchEvent(new Event("opened"));
+		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;
+		this.#isOpening = false;
+		if (!this.isConnected) {
+			this.open = false;
+			return;
+		}
+		await this.updateComplete;
+		if (!this._dialog.open || this.#isOpening) {
+			this.open = false;
+			return;
+		}
+		if (!this.dispatchEvent(new Event("close", { cancelable: true }))) 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();
+		this.#isConnected.resolve();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#isConnected = Promise.withResolvers();
+		this._dialog.removeEventListener("keydown", this.#keyDownHandler, { capture: true });
+	}
+	handleContentClick() {
+		this.#nextClickIsFromContent = true;
+	}
+	handleDialogClick() {
+		if (this.#nextClickIsFromContent) {
+			this.#nextClickIsFromContent = false;
+			return;
+		}
+		this.handleCancel();
+	}
+	handleCancel(e) {
+		if (this.disabled || this._closingResolvers) {
+			e?.preventDefault();
+			e?.stopPropagation();
+			return;
+		}
+		if (!this.dispatchEvent(new Event("cancel", { cancelable: true }))) {
+			e?.preventDefault();
+			e?.stopPropagation();
+			return;
+		}
+		this.close();
+	}
+};
+__decorate([property({ type: Boolean })], BaseModal.prototype, "open", null);
+__decorate([property()], BaseModal.prototype, "disabled", void 0);
+__decorate([query("dialog")], BaseModal.prototype, "_dialog", void 0);
+__decorate([state()], BaseModal.prototype, "_closingResolvers", void 0);
+
+//#endregion
+export { BaseModal };
+//# sourceMappingURL=base-modal.mjs.map

package/dist/components/base-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-modal.mjs","names":["#isOpen","#keyDownHandler","#isOpening","#isConnected","#nextClickIsFromContent"],"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 * @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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"}

package/dist/components/modal.d.mts

@@ -0,0 +1,30 @@
+import { BaseModal } from "./base-modal.mjs";
+import * as lit0 from "lit";
+
+//#region src/components/modal.d.ts
+
+/**
+ * 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.
+ *
+ */
+declare class EnokiConnectModal extends BaseModal {
+  #private;
+  static styles: lit0.CSSResult;
+  walletName: string;
+  dappName: string;
+  render(): lit0.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'enoki-connect-modal': EnokiConnectModal;
+  }
+}
+//# sourceMappingURL=modal.d.ts.map
+//# sourceMappingURL=modal.d.mts.map

package/dist/components/modal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.mts","names":[],"sources":["../../src/components/modal.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAiBA;;;;;AA0NC;;;AAIyC,cA7N7B,iBAAA,SAA0B,SAAA,CA6NG;EAAA,CAAA,OAAA;iBA7NX,IAAA,CACjB;;;YAAA,IAAA,CAoKE;;;;2BAwDS"}

package/dist/{esm/components/modal.js → components/modal.mjs}

@@ -1,88 +1,17 @@
-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 __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 _EnokiConnectModal_instances, handleContinue_fn;
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { BaseModal } from "./base-modal.mjs";
 import { css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { BaseModal } from "./base-modal.js";
-let EnokiConnectModal = class extends BaseModal {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _EnokiConnectModal_instances);
-    this.walletName = "";
-    this.dappName = "";
-  }
-  render() {
-    return 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 = css`
+
+//#region src/components/modal.ts
+let EnokiConnectModal = class EnokiConnectModal$1 extends BaseModal {
+	constructor(..._args) {
+		super(..._args);
+		this.walletName = "";
+		this.dappName = "";
+	}
+	static {
+		this.styles = css`
 		:host {
 			--modal-font-family: var(
 				--font-family,
@@ -236,16 +165,67 @@ EnokiConnectModal.styles = css`
 			}
 		}
 	`;
-__decorateClass([
-  property()
-], EnokiConnectModal.prototype, "walletName", 2);
-__decorateClass([
-  property()
-], EnokiConnectModal.prototype, "dappName", 2);
-EnokiConnectModal = __decorateClass([
-  customElement("enoki-connect-modal")
-], EnokiConnectModal);
-export {
-  EnokiConnectModal
+	}
+	#handleContinue() {
+		this.dispatchEvent(new CustomEvent("approved"));
+	}
+	render() {
+		return 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=${this.#handleContinue}
+						?disabled=${this.disabled || this._isClosing}
+					>
+						Continue
+					</button>
+				</div>
+			</div>
+		</dialog>`;
+	}
 };
-//# sourceMappingURL=modal.js.map
+__decorate([property()], EnokiConnectModal.prototype, "walletName", void 0);
+__decorate([property()], EnokiConnectModal.prototype, "dappName", void 0);
+EnokiConnectModal = __decorate([customElement("enoki-connect-modal")], EnokiConnectModal);
+
+//#endregion
+export {  };
+//# sourceMappingURL=modal.mjs.map

package/dist/components/modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.mjs","names":["EnokiConnectModal","#handleContinue"],"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":";;;;;;AAkBO,8BAAMA,4BAA0B,UAAU;;;oBA6J3B;kBAEF;;;gBA9JH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKnB,kBAAkB;AACjB,OAAK,cAAc,IAAI,YAAY,WAAW,CAAC;;CAGhD,AAAS,SAAS;AACjB,SAAO,IAAI;YACD,KAAK,kBAAkB;aACtB,KAAK,aAAa;iBACd,KAAK,aAAa,aAAa,GAAG;mBAChC,KAAK,mBAAmB;;iCAEV,KAAK,mBAAmB;;;cAG3C,KAAK,aAAa;iBACf,KAAK,YAAY,KAAK,WAAW;;;;;;;;;;;;;;;;mCAgBf,KAAK,WAAW;;qCAEd,KAAK,SAAS;uDACI,KAAK,WAAW;;;;;;eAMxD,KAAK,aAAa;kBACf,KAAK,YAAY,KAAK,WAAW;;;;;;eAMpC,MAAKC,eAAgB;kBAClB,KAAK,YAAY,KAAK,WAAW;;;;;;;;;YArDjD,UAAU;YAEV,UAAU;gCA/JX,cAAc,sBAAsB"}

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+import { EnokiConnectWallet, SupportedNetwork, registerEnokiConnectWallets } from "./wallet/index.mjs";
+export { EnokiConnectWallet, type SupportedNetwork, registerEnokiConnectWallets };

package/dist/index.mjs

@@ -0,0 +1,3 @@
+import { EnokiConnectWallet, registerEnokiConnectWallets } from "./wallet/index.mjs";
+
+export { EnokiConnectWallet, registerEnokiConnectWallets };

package/dist/wallet/index.d.mts

@@ -0,0 +1,71 @@
+import "../components/modal.mjs";
+import { ReadonlyWalletAccount, StandardConnectFeature, StandardDisconnectFeature, StandardEventsFeature, SuiSignAndExecuteTransactionFeature, SuiSignPersonalMessageFeature, SuiSignTransactionBlockFeature, SuiSignTransactionFeature, Wallet, WalletIcon } from "@mysten/wallet-standard";
+
+//#region src/wallet/index.d.ts
+type SupportedNetwork = 'mainnet' | 'testnet' | 'devnet';
+declare class EnokiConnectWallet implements Wallet {
+  #private;
+  readonly id: string;
+  get name(): string;
+  get icon(): `data:image/svg+xml;base64,${string}` | `data:image/webp;base64,${string}` | `data:image/png;base64,${string}` | `data:image/gif;base64,${string}`;
+  get version(): "1.0.0";
+  get chains(): readonly ["sui:mainnet", "sui:testnet", "sui:devnet"];
+  get accounts(): ReadonlyWalletAccount[];
+  get features(): StandardConnectFeature & StandardDisconnectFeature & StandardEventsFeature & SuiSignTransactionBlockFeature & SuiSignTransactionFeature & SuiSignPersonalMessageFeature & SuiSignAndExecuteTransactionFeature;
+  constructor({
+    publicAppSlug,
+    walletName,
+    dappName,
+    hostOrigin,
+    icon,
+    network
+  }: {
+    publicAppSlug: string;
+    walletName: string;
+    dappName: string;
+    network: SupportedNetwork;
+    hostOrigin: string;
+    icon: WalletIcon;
+  });
+}
+/**
+ * Registers Enoki Connect wallets for your dApp.
+ *
+ * This function fetches wallet metadata for the provided public app slugs and registers
+ * them with the wallet standard. It returns the registered wallet instances and an
+ * `unregister` function to remove them if needed.
+ *
+ * @param publicAppSlugs - An array of public app slugs to register. You can obtain these slugs from the wallet developer.
+ * @param dappName - The display name of your dApp. This will be shown to users in wallet UIs.
+ * @param network - (Optional) The default Sui 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.
+ * @param enokiApiUrl - (Optional) The Enoki API endpoint to use for fetching wallet metadata. Defaults to the public Enoki API at 'https://api.enoki.mystenlabs.com'. (Override this if you are running a local or custom Enoki API instance.)
+ *
+ * @returns An object containing:
+ *   - `wallets`: The array of registered EnokiConnectWallet instances.
+ *   - `unregister`: A function to unregister all registered wallets.
+ *
+ * @example
+ * ```ts
+ * const { wallets, unregister } = await registerEnokiConnectWallets({
+ *   publicAppSlugs: ['an-app-slug'],
+ *   dappName: 'My Dapp',
+ * });
+ * ```
+ */
+declare function registerEnokiConnectWallets({
+  publicAppSlugs,
+  dappName,
+  network,
+  enokiApiUrl
+}: {
+  publicAppSlugs: string[];
+  dappName: string;
+  network?: SupportedNetwork;
+  enokiApiUrl?: string;
+}): Promise<{
+  wallets: EnokiConnectWallet[];
+  unregister: () => void;
+}>;
+//#endregion
+export { EnokiConnectWallet, SupportedNetwork, registerEnokiConnectWallets };
+//# sourceMappingURL=index.d.mts.map

package/dist/wallet/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/wallet/index.ts"],"sourcesContent":[],"mappings":";;;;KAoCY,gBAAA;AAAA,cAeC,kBAAA,YAA8B,MAff,CAAA;EAef,CAAA,OAAA;EA2BA,SAAA,EAAA,EAAA,MAAA;EAII,IAAA,IAAA,CAAA,CAAA,EAAA,MAAA;EACf,IAAA,IAAA,CAAA,CAAA,EAAA,6BAAA,MAAA,EAAA,GAAA,0BAAA,MAAA,EAAA,GAAA,yBAAA,MAAA,EAAA,GAAA,yBAAA,MAAA,EAAA;EACA,IAAA,OAAA,CAAA,CAAA,EAAA,OAAA;EACA,IAAA,MAAA,CAAA,CAAA,EAAA,SAAA,CAAA,aAAA,EAAA,aAAA,EAAA,YAAA,CAAA;EACA,IAAA,QAAA,CAAA,CAAA,EARW,qBAQX,EAAA;EACA,IAAA,QAAA,CAAA,CAAA,EALe,sBAKf,GAJA,yBAIA,GAHA,qBAGA,GAFA,8BAEA,GADA,yBACA,GAAA,6BAAA,GACA,mCADA;EACA,WAAA,CAAA;IAAA,aAAA;IAAA,UAAA;IAAA,QAAA;IAAA,UAAA;IAAA,IAAA;IAAA;EA4CS,CA5CT,EAAA;IAkCA,aAAA,EAAA,MAAA;IACA,UAAA,EAAA,MAAA;IACA,QAAA,EAAA,MAAA;IACA,OAAA,EAOS,gBAPT;IACA,UAAA,EAAA,MAAA;IACA,IAAA,EAOM,UAPN;EAKS,CAAA;;;;AA4RX;;;;;;;;;;;;;;;;;;;;;;iBAAsB,2BAAA;;;;;;;;YAQX;;IAEV"}