@mysten-incubation/dev-wallet 0.0.0

package/dist/ui/dev-wallet-objects.mjs

@@ -0,0 +1,276 @@
+import { sectionHeaderStyles, sharedStyles, stateStyles } from "./styles.mjs";
+import { getTypeName, isCoinType } from "./utils.mjs";
+import { CopyController } from "./copy-controller.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-objects.ts
+let DevWalletObjects = class DevWalletObjects$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.address = "";
+		this.client = null;
+		this._objects = [];
+		this._loading = false;
+		this._loadingMore = false;
+		this._error = null;
+		this._hasNextPage = false;
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			sectionHeaderStyles,
+			stateStyles,
+			css`
+			:host {
+				display: block;
+			}
+
+			.object-list {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+			}
+
+			.object-item {
+				display: flex;
+				gap: 10px;
+				padding: 10px 12px;
+				border-radius: var(--dev-wallet-radius-sm);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-secondary);
+				align-items: flex-start;
+			}
+
+			.object-thumb {
+				width: 40px;
+				height: 40px;
+				border-radius: var(--dev-wallet-radius-xs);
+				object-fit: cover;
+				flex-shrink: 0;
+			}
+
+			.object-body {
+				display: flex;
+				flex-direction: column;
+				gap: 2px;
+				flex: 1;
+				min-width: 0;
+			}
+
+			.object-top {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+			}
+
+			.object-type {
+				font-size: 13px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-foreground);
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.object-type-badge {
+				font-size: 10px;
+				color: var(--dev-wallet-muted-foreground);
+				opacity: 0.8;
+			}
+
+			.object-description {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.object-version {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				flex-shrink: 0;
+			}
+
+			.object-id {
+				font-size: 11px;
+				font-family: var(--dev-wallet-font-mono);
+				color: var(--dev-wallet-muted-foreground);
+				cursor: pointer;
+				border-radius: var(--dev-wallet-radius-2xs);
+				padding: 1px 2px;
+				margin: -1px -2px;
+				transition: background 0.15s;
+			}
+
+			.object-id:hover {
+				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
+			}
+
+			.object-id.copied {
+				color: var(--dev-wallet-positive);
+			}
+
+			.load-more {
+				margin-top: 8px;
+				width: 100%;
+				padding: 8px;
+				border-radius: var(--dev-wallet-radius-sm);
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-primary);
+				background: transparent;
+				border: 1px solid var(--dev-wallet-border);
+				transition: background 0.15s;
+			}
+
+			.load-more:hover {
+				background: var(--dev-wallet-secondary);
+			}
+
+			.load-more:disabled {
+				opacity: 0.5;
+				cursor: default;
+			}
+		`
+		];
+	}
+	#copy = new CopyController(this);
+	#cursor = null;
+	#lastFetchedAddress = "";
+	#lastFetchedClient = null;
+	#fetchGeneration = 0;
+	willUpdate(changedProperties) {
+		if ((changedProperties.has("address") || changedProperties.has("client")) && this.address && this.client && (this.address !== this.#lastFetchedAddress || this.client !== this.#lastFetchedClient)) {
+			this.#fetchObjects(false);
+		}
+	}
+	render() {
+		if (!this.address || !this.client) {
+			return nothing;
+		}
+		return html`
+			<h3 class="section-header">Objects</h3>
+			${this._loading ? html`<div class="loading" part="loading" aria-live="polite">Loading...</div>` : this._error ? html`<div class="error-state" part="error-message" aria-live="polite">
+							${this._error}
+						</div>` : this._objects.length === 0 ? html`<div class="empty-state" part="empty-state">No objects found</div>` : html`
+								<div class="object-list" part="object-list">
+									${this._objects.map((obj) => html`
+											<div class="object-item">
+												${obj.imageUrl && /^https?:\/\//i.test(obj.imageUrl) ? html`<img
+															class="object-thumb"
+															src=${obj.imageUrl}
+															alt=${obj.displayName ?? obj.typeName}
+															@error=${(e) => e.target.style.display = "none"}
+														/>` : nothing}
+												<div class="object-body">
+													<div class="object-top">
+														<span class="object-type"> ${obj.displayName ?? obj.typeName} </span>
+														<span class="object-version">v${obj.version}</span>
+													</div>
+													${obj.displayName ? html`<span class="object-type-badge">${obj.typeName}</span>` : nothing}
+													${obj.description ? html`<span class="object-description">${obj.description}</span>` : nothing}
+													<span
+														class="object-id ${this.#copy.isCopied(obj.objectId) ? "copied" : ""}"
+														title="Click to copy"
+														role="button"
+														tabindex="0"
+														aria-label="Copy object ID"
+														@click=${() => this.#copy.copy(obj.objectId)}
+														@keydown=${(e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				this.#copy.copy(obj.objectId);
+			}
+		}}
+													>
+														${this.#copy.isCopied(obj.objectId) ? "Copied!" : `${obj.objectId.slice(0, 10)}...${obj.objectId.slice(-8)}`}
+													</span>
+												</div>
+											</div>
+										`)}
+								</div>
+								${this._hasNextPage ? html`
+											<button
+												class="load-more"
+												part="load-more-button"
+												?disabled=${this._loadingMore}
+												@click=${this.#loadMore}
+											>
+												${this._loadingMore ? "Loading..." : "Load More"}
+											</button>
+										` : nothing}
+							`}
+		`;
+	}
+	async #fetchObjects(append) {
+		this.#lastFetchedAddress = this.address;
+		this.#lastFetchedClient = this.client;
+		if (!append) {
+			this.#cursor = null;
+			this._objects = [];
+		}
+		const generation = ++this.#fetchGeneration;
+		if (append) {
+			this._loadingMore = true;
+		} else {
+			this._loading = true;
+		}
+		this._error = null;
+		try {
+			const result = await this.client.core.listOwnedObjects({
+				owner: this.address,
+				limit: 20,
+				cursor: this.#cursor,
+				include: { json: true }
+			});
+			if (generation !== this.#fetchGeneration) return;
+			const nonCoinObjects = result.objects.filter((obj) => !isCoinType(obj.type)).map((obj) => {
+				const json = obj.json;
+				return {
+					objectId: obj.objectId,
+					type: obj.type,
+					typeName: getTypeName(obj.type),
+					version: obj.version,
+					displayName: extractString(json, "name"),
+					description: extractString(json, "description"),
+					imageUrl: extractString(json, "image_url") ?? extractString(json, "img_url")
+				};
+			});
+			this._objects = append ? [...this._objects, ...nonCoinObjects] : nonCoinObjects;
+			this._hasNextPage = result.hasNextPage;
+			this.#cursor = result.cursor;
+		} catch {
+			if (generation !== this.#fetchGeneration) return;
+			this._error = "Failed to load objects";
+			if (!append) this._objects = [];
+		} finally {
+			if (generation === this.#fetchGeneration) {
+				this._loading = false;
+				this._loadingMore = false;
+			}
+		}
+	}
+	#loadMore() {
+		this.#fetchObjects(true);
+	}
+};
+__decorate([property({ type: String })], DevWalletObjects.prototype, "address", void 0);
+__decorate([property({ attribute: false })], DevWalletObjects.prototype, "client", void 0);
+__decorate([state()], DevWalletObjects.prototype, "_objects", void 0);
+__decorate([state()], DevWalletObjects.prototype, "_loading", void 0);
+__decorate([state()], DevWalletObjects.prototype, "_loadingMore", void 0);
+__decorate([state()], DevWalletObjects.prototype, "_error", void 0);
+__decorate([state()], DevWalletObjects.prototype, "_hasNextPage", void 0);
+DevWalletObjects = __decorate([customElement("dev-wallet-objects")], DevWalletObjects);
+function extractString(json, key) {
+	if (!json) return null;
+	const val = json[key];
+	return typeof val === "string" && val.length > 0 ? val : null;
+}
+
+//#endregion
+export { DevWalletObjects };
+//# sourceMappingURL=dev-wallet-objects.mjs.map

package/dist/ui/dev-wallet-objects.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-objects.mjs","names":["DevWalletObjects","#lastFetchedAddress","#lastFetchedClient","#fetchObjects","#copy","#loadMore","#cursor","#fetchGeneration"],"sources":["../../src/ui/dev-wallet-objects.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ClientWithCoreApi } from '@mysten/sui/client';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { CopyController } from './copy-controller.js';\nimport { sectionHeaderStyles, sharedStyles, stateStyles } from './styles.js';\nimport { getTypeName, isCoinType } from './utils.js';\n\ninterface OwnedObject {\n\tobjectId: string;\n\ttype: string;\n\ttypeName: string;\n\tversion: string;\n\tdisplayName: string | null;\n\tdescription: string | null;\n\timageUrl: string | null;\n}\n\n@customElement('dev-wallet-objects')\nexport class DevWalletObjects extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tsectionHeaderStyles,\n\t\tstateStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.object-list {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 4px;\n\t\t\t}\n\n\t\t\t.object-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 10px;\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\n\t\t\t.object-thumb {\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tobject-fit: cover;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.object-body {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 2px;\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.object-top {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.object-type {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\n\t\t\t.object-type-badge {\n\t\t\t\tfont-size: 10px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\topacity: 0.8;\n\t\t\t}\n\n\t\t\t.object-description {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.object-version {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.object-id {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tcursor: pointer;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tpadding: 1px 2px;\n\t\t\t\tmargin: -1px -2px;\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.object-id:hover {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);\n\t\t\t}\n\n\t\t\t.object-id.copied {\n\t\t\t\tcolor: var(--dev-wallet-positive);\n\t\t\t}\n\n\t\t\t.load-more {\n\t\t\t\tmargin-top: 8px;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.load-more:hover {\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t}\n\n\t\t\t.load-more:disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ type: String })\n\taddress = '';\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@state()\n\tprivate _objects: OwnedObject[] = [];\n\n\t@state()\n\tprivate _loading = false;\n\n\t@state()\n\tprivate _loadingMore = false;\n\n\t@state()\n\tprivate _error: string | null = null;\n\n\t@state()\n\tprivate _hasNextPage = false;\n\n\t#copy = new CopyController(this);\n\t#cursor: string | null = null;\n\t#lastFetchedAddress = '';\n\t#lastFetchedClient: ClientWithCoreApi | null = null;\n\t#fetchGeneration = 0;\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (\n\t\t\t(changedProperties.has('address') || changedProperties.has('client')) &&\n\t\t\tthis.address &&\n\t\t\tthis.client &&\n\t\t\t(this.address !== this.#lastFetchedAddress || this.client !== this.#lastFetchedClient)\n\t\t) {\n\t\t\tthis.#fetchObjects(false);\n\t\t}\n\t}\n\n\toverride render() {\n\t\tif (!this.address || !this.client) {\n\t\t\treturn nothing;\n\t\t}\n\n\t\treturn html`\n\t\t\t<h3 class=\"section-header\">Objects</h3>\n\t\t\t${this._loading\n\t\t\t\t? html`<div class=\"loading\" part=\"loading\" aria-live=\"polite\">Loading...</div>`\n\t\t\t\t: this._error\n\t\t\t\t\t? html`<div class=\"error-state\" part=\"error-message\" aria-live=\"polite\">\n\t\t\t\t\t\t\t${this._error}\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t: this._objects.length === 0\n\t\t\t\t\t\t? html`<div class=\"empty-state\" part=\"empty-state\">No objects found</div>`\n\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t<div class=\"object-list\" part=\"object-list\">\n\t\t\t\t\t\t\t\t\t${this._objects.map(\n\t\t\t\t\t\t\t\t\t\t(obj) => html`\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"object-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t${obj.imageUrl && /^https?:\\/\\//i.test(obj.imageUrl)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"object-thumb\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=${obj.imageUrl}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=${obj.displayName ?? obj.typeName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t@error=${(e: Event) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t((e.target as HTMLImageElement).style.display = 'none')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"object-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"object-top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"object-type\"> ${obj.displayName ?? obj.typeName} </span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"object-version\">v${obj.version}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t${obj.displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<span class=\"object-type-badge\">${obj.typeName}</span>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t\t\t\t\t${obj.description\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<span class=\"object-description\">${obj.description}</span>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"object-id ${this.#copy.isCopied(obj.objectId) ? 'copied' : ''}\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Click to copy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy object ID\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@click=${() => this.#copy.copy(obj.objectId)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(obj.objectId);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t${this.#copy.isCopied(obj.objectId)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Copied!'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${obj.objectId.slice(0, 10)}...${obj.objectId.slice(-8)}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t${this._hasNextPage\n\t\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"load-more\"\n\t\t\t\t\t\t\t\t\t\t\t\tpart=\"load-more-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t?disabled=${this._loadingMore}\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${this.#loadMore}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t${this._loadingMore ? 'Loading...' : 'Load More'}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t`}\n\t\t`;\n\t}\n\n\tasync #fetchObjects(append: boolean) {\n\t\tthis.#lastFetchedAddress = this.address;\n\t\tthis.#lastFetchedClient = this.client;\n\n\t\tif (!append) {\n\t\t\tthis.#cursor = null;\n\t\t\tthis._objects = [];\n\t\t}\n\n\t\tconst generation = ++this.#fetchGeneration;\n\t\tif (append) {\n\t\t\tthis._loadingMore = true;\n\t\t} else {\n\t\t\tthis._loading = true;\n\t\t}\n\t\tthis._error = null;\n\n\t\ttry {\n\t\t\tconst result = await this.client!.core.listOwnedObjects({\n\t\t\t\towner: this.address,\n\t\t\t\tlimit: 20,\n\t\t\t\tcursor: this.#cursor,\n\t\t\t\tinclude: { json: true },\n\t\t\t});\n\n\t\t\tif (generation !== this.#fetchGeneration) return;\n\n\t\t\t// Filter out Coin types — those are shown in the balances tab\n\t\t\tconst nonCoinObjects: OwnedObject[] = result.objects\n\t\t\t\t.filter((obj) => !isCoinType(obj.type))\n\t\t\t\t.map((obj) => {\n\t\t\t\t\tconst json = obj.json;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tobjectId: obj.objectId,\n\t\t\t\t\t\ttype: obj.type,\n\t\t\t\t\t\ttypeName: getTypeName(obj.type),\n\t\t\t\t\t\tversion: obj.version,\n\t\t\t\t\t\tdisplayName: extractString(json, 'name'),\n\t\t\t\t\t\tdescription: extractString(json, 'description'),\n\t\t\t\t\t\timageUrl: extractString(json, 'image_url') ?? extractString(json, 'img_url'),\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\tthis._objects = append ? [...this._objects, ...nonCoinObjects] : nonCoinObjects;\n\t\t\tthis._hasNextPage = result.hasNextPage;\n\t\t\tthis.#cursor = result.cursor;\n\t\t} catch {\n\t\t\tif (generation !== this.#fetchGeneration) return;\n\t\t\tthis._error = 'Failed to load objects';\n\t\t\tif (!append) this._objects = [];\n\t\t} finally {\n\t\t\tif (generation === this.#fetchGeneration) {\n\t\t\t\tthis._loading = false;\n\t\t\t\tthis._loadingMore = false;\n\t\t\t}\n\t\t}\n\t}\n\n\t#loadMore() {\n\t\tthis.#fetchObjects(true);\n\t}\n}\n\nfunction extractString(\n\tjson: Record<string, unknown> | null | undefined,\n\tkey: string,\n): string | null {\n\tif (!json) return null;\n\tconst val = json[key];\n\treturn typeof val === 'string' && val.length > 0 ? val : null;\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-objects': DevWalletObjects;\n\t}\n}\n"],"mappings":"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"}

package/dist/ui/dev-wallet-panel.d.mts

@@ -0,0 +1,22 @@
+import { DevWallet } from "../wallet/dev-wallet.mjs";
+import * as lit0 from "lit";
+import { LitElement } from "lit";
+
+//#region src/ui/dev-wallet-panel.d.ts
+declare class DevWalletPanel extends LitElement {
+  #private;
+  static styles: (lit0.CSSResult | lit0.CSSResult[])[];
+  wallet: DevWallet | null;
+  private _isOpen;
+  willUpdate(changedProperties: Map<string, unknown>): void;
+  updated(): void;
+  render(): lit0.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-panel': DevWalletPanel;
+  }
+} //# sourceMappingURL=dev-wallet-panel.d.ts.map
+//#endregion
+export { DevWalletPanel };
+//# sourceMappingURL=dev-wallet-panel.d.mts.map

package/dist/ui/dev-wallet-panel.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-panel.d.mts","names":[],"sources":["../../src/ui/dev-wallet-panel.ts"],"mappings":";;;;;cAWa,cAAA,SAAuB,UAAA;EAAA;SACnB,MAAA,GADW,IAAA,CACL,SAAA,GAAA,IAAA,CAAA,SAAA;EAqGtB,MAAA,EAAQ,SAAA;EAAA,QAGA,OAAA;EAKC,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAM9B,OAAA,CAAA;EAsBA,MAAA,CAAA,GA5BiC,IAAA,CA4B3B,cAAA;AAAA;AAAA,QAqDR,MAAA;EAAA,UACG,qBAAA;IACT,kBAAA,EAAoB,cAAA;EAAA;AAAA"}

package/dist/ui/dev-wallet-panel.mjs

@@ -0,0 +1,192 @@
+import { connectDialogStyles, sharedStyles } from "./styles.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { WalletController } from "./wallet-controller.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-panel.ts
+let DevWalletPanel = class DevWalletPanel$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.wallet = null;
+		this._isOpen = false;
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			connectDialogStyles,
+			css`
+			:host {
+				display: block;
+				position: fixed;
+				bottom: 16px;
+				right: 16px;
+				z-index: 999999;
+				font-size: 14px;
+			}
+
+			.trigger {
+				width: 48px;
+				height: 48px;
+				border-radius: 50%;
+				background: var(--dev-wallet-primary);
+				color: var(--dev-wallet-primary-foreground);
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				box-shadow: var(--dev-wallet-shadow-md);
+				transition: transform 0.15s;
+				position: relative;
+			}
+
+			.trigger:hover {
+				transform: scale(1.05);
+			}
+
+			.trigger svg {
+				width: 24px;
+				height: 24px;
+			}
+
+			.sidebar {
+				position: absolute;
+				bottom: 56px;
+				right: 0;
+				width: 360px;
+				max-width: calc(100vw - 32px);
+				max-height: 520px;
+				border-radius: var(--dev-wallet-radius-xl);
+				background: var(--dev-wallet-background);
+				border: 1px solid var(--dev-wallet-border);
+				box-shadow: var(--dev-wallet-shadow-lg);
+				display: flex;
+				flex-direction: column;
+			}
+
+			.sidebar-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 14px 16px;
+				border-bottom: 1px solid var(--dev-wallet-border);
+				position: relative;
+				z-index: 1;
+			}
+
+			.sidebar-title {
+				font-size: 15px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.close-btn {
+				font-size: 18px;
+				color: var(--dev-wallet-muted-foreground);
+				width: 28px;
+				height: 28px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-radius: var(--dev-wallet-radius-xs);
+			}
+
+			.close-btn:hover {
+				background: var(--dev-wallet-secondary);
+			}
+
+			.sidebar-body {
+				padding: 16px;
+				overflow-y: auto;
+				overflow-x: hidden;
+				flex: 1;
+				min-height: 0;
+			}
+
+			.section {
+				margin-bottom: 16px;
+			}
+
+			.section:last-child {
+				margin-bottom: 0;
+			}
+		`
+		];
+	}
+	#ctrl = new WalletController(this);
+	#hadPendingRequest = false;
+	willUpdate(changedProperties) {
+		if (changedProperties.has("wallet")) {
+			this.#ctrl.wallet = this.wallet;
+		}
+	}
+	updated() {
+		const hasPending = this.#ctrl.pendingRequest !== null;
+		if (this.#hadPendingRequest && !hasPending) {
+			this.updateComplete.then(() => {
+				this.shadowRoot?.querySelector("dev-wallet-balances")?.refresh();
+			});
+		}
+		this.#hadPendingRequest = hasPending;
+		const dialog = this.shadowRoot?.querySelector(".connect-dialog");
+		if (this.#ctrl.pendingConnect && dialog && !dialog.open) {
+			dialog.showModal();
+		} else if (!this.#ctrl.pendingConnect && dialog?.open) {
+			dialog.close();
+		}
+	}
+	render() {
+		return html`
+			${this._isOpen ? this.#renderSidebar() : nothing}
+			<button
+				class="trigger"
+				part="trigger"
+				aria-label="Open Dev Wallet"
+				@click=${this.#togglePanel}
+			>
+				${this.#walletIcon}
+			</button>
+			${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}
+		`;
+	}
+	#renderSidebar() {
+		return html`
+			<div class="sidebar" part="sidebar">
+				<div class="sidebar-header">
+					<span class="sidebar-title">${this.wallet?.name ?? "Dev Wallet"}</span>
+					${this.#ctrl.renderNetworkBadge()}
+					<button
+						class="close-btn"
+						part="close-button"
+						aria-label="Close"
+						@click=${this.#togglePanel}
+					>
+						&times;
+					</button>
+				</div>
+				<div class="sidebar-body">${this.#ctrl.renderTabContent()}</div>
+				${this.#ctrl.renderTabBar()}
+			</div>
+		`;
+	}
+	get #walletIcon() {
+		return html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+			<rect x="2" y="6" width="20" height="14" rx="2.5" />
+			<path d="M2 10h20" />
+			<rect x="15" y="12" width="5" height="4" rx="1" />
+			<circle cx="17.5" cy="14" r="0.5" fill="currentColor" stroke="none" />
+		</svg>`;
+	}
+	#togglePanel() {
+		this._isOpen = !this._isOpen;
+		if (this._isOpen) {
+			this.#ctrl.syncState();
+		}
+	}
+};
+__decorate([property({ attribute: false })], DevWalletPanel.prototype, "wallet", void 0);
+__decorate([state()], DevWalletPanel.prototype, "_isOpen", void 0);
+DevWalletPanel = __decorate([customElement("dev-wallet-panel")], DevWalletPanel);
+
+//#endregion
+export { DevWalletPanel };
+//# sourceMappingURL=dev-wallet-panel.mjs.map

package/dist/ui/dev-wallet-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-panel.mjs","names":["DevWalletPanel","#ctrl","#hadPendingRequest","#renderSidebar","#togglePanel","#walletIcon"],"sources":["../../src/ui/dev-wallet-panel.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { DevWallet } from '../wallet/dev-wallet.js';\nimport { connectDialogStyles, sharedStyles } from './styles.js';\nimport { WalletController } from './wallet-controller.js';\n\n@customElement('dev-wallet-panel')\nexport class DevWalletPanel extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tconnectDialogStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: fixed;\n\t\t\t\tbottom: 16px;\n\t\t\t\tright: 16px;\n\t\t\t\tz-index: 999999;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\n\t\t\t.trigger {\n\t\t\t\twidth: 48px;\n\t\t\t\theight: 48px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-md);\n\t\t\t\ttransition: transform 0.15s;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.trigger:hover {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.trigger svg {\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t}\n\n\t\t\t.sidebar {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 56px;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 360px;\n\t\t\t\tmax-width: calc(100vw - 32px);\n\t\t\t\tmax-height: 520px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xl);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-lg);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.sidebar-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 14px 16px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t.sidebar-title {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.close-btn {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t}\n\n\t\t\t.close-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t}\n\n\t\t\t.sidebar-body {\n\t\t\t\tpadding: 16px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\toverflow-x: hidden;\n\t\t\t\tflex: 1;\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\n\t\t\t.section {\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t.section:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\twallet: DevWallet | null = null;\n\n\t@state()\n\tprivate _isOpen = false;\n\n\t#ctrl = new WalletController(this);\n\t#hadPendingRequest = false;\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (changedProperties.has('wallet')) {\n\t\t\tthis.#ctrl.wallet = this.wallet;\n\t\t}\n\t}\n\n\toverride updated() {\n\t\t// Refresh balances only when transitioning from having a pending request to not\n\t\tconst hasPending = this.#ctrl.pendingRequest !== null;\n\t\tif (this.#hadPendingRequest && !hasPending) {\n\t\t\tthis.updateComplete.then(() => {\n\t\t\t\tthis.shadowRoot\n\t\t\t\t\t?.querySelector<\n\t\t\t\t\t\timport('./dev-wallet-balances.js').DevWalletBalances\n\t\t\t\t\t>('dev-wallet-balances')\n\t\t\t\t\t?.refresh();\n\t\t\t});\n\t\t}\n\t\tthis.#hadPendingRequest = hasPending;\n\n\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.connect-dialog');\n\t\tif (this.#ctrl.pendingConnect && dialog && !dialog.open) {\n\t\t\tdialog.showModal();\n\t\t} else if (!this.#ctrl.pendingConnect && dialog?.open) {\n\t\t\tdialog.close();\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t${this._isOpen ? this.#renderSidebar() : nothing}\n\t\t\t<button\n\t\t\t\tclass=\"trigger\"\n\t\t\t\tpart=\"trigger\"\n\t\t\t\taria-label=\"Open Dev Wallet\"\n\t\t\t\t@click=${this.#togglePanel}\n\t\t\t>\n\t\t\t\t${this.#walletIcon}\n\t\t\t</button>\n\t\t\t${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}\n\t\t`;\n\t}\n\n\t#renderSidebar() {\n\t\treturn html`\n\t\t\t<div class=\"sidebar\" part=\"sidebar\">\n\t\t\t\t<div class=\"sidebar-header\">\n\t\t\t\t\t<span class=\"sidebar-title\">${this.wallet?.name ?? 'Dev Wallet'}</span>\n\t\t\t\t\t${this.#ctrl.renderNetworkBadge()}\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"close-btn\"\n\t\t\t\t\t\tpart=\"close-button\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t@click=${this.#togglePanel}\n\t\t\t\t\t>\n\t\t\t\t\t\t&times;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar-body\">${this.#ctrl.renderTabContent()}</div>\n\t\t\t\t${this.#ctrl.renderTabBar()}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tget #walletIcon() {\n\t\treturn html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n\t\t\t<rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2.5\" />\n\t\t\t<path d=\"M2 10h20\" />\n\t\t\t<rect x=\"15\" y=\"12\" width=\"5\" height=\"4\" rx=\"1\" />\n\t\t\t<circle cx=\"17.5\" cy=\"14\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" />\n\t\t</svg>`;\n\t}\n\n\t#togglePanel() {\n\t\tthis._isOpen = !this._isOpen;\n\t\tif (this._isOpen) {\n\t\t\tthis.#ctrl.syncState();\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-panel': DevWalletPanel;\n\t}\n}\n"],"mappings":";;;;;;;AAWO,2BAAMA,yBAAuB,WAAW;;;gBAsGnB;iBAGT;;;gBAxGO;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FH;;CAQD,QAAQ,IAAI,iBAAiB,KAAK;CAClC,qBAAqB;CAErB,AAAS,WAAW,mBAAyC;AAC5D,MAAI,kBAAkB,IAAI,SAAS,EAAE;AACpC,SAAKC,KAAM,SAAS,KAAK;;;CAI3B,AAAS,UAAU;EAElB,MAAM,aAAa,MAAKA,KAAM,mBAAmB;AACjD,MAAI,MAAKC,qBAAsB,CAAC,YAAY;AAC3C,QAAK,eAAe,WAAW;AAC9B,SAAK,YACF,cAEA,sBAAsB,EACtB,SAAS;KACX;;AAEH,QAAKA,oBAAqB;EAE1B,MAAM,SAAS,KAAK,YAAY,cAAiC,kBAAkB;AACnF,MAAI,MAAKD,KAAM,kBAAkB,UAAU,CAAC,OAAO,MAAM;AACxD,UAAO,WAAW;aACR,CAAC,MAAKA,KAAM,kBAAkB,QAAQ,MAAM;AACtD,UAAO,OAAO;;;CAIhB,AAAS,SAAS;AACjB,SAAO,IAAI;KACR,KAAK,UAAU,MAAKE,eAAgB,GAAG,QAAQ;;;;;aAKvC,MAAKC,YAAa;;MAEzB,MAAKC,WAAY;;KAElB,MAAKJ,KAAM,oBAAoB,CAAC,GAAG,MAAKA,KAAM,qBAAqB,CAAC;;;CAIxE,iBAAiB;AAChB,SAAO,IAAI;;;mCAGsB,KAAK,QAAQ,QAAQ,aAAa;OAC9D,MAAKA,KAAM,oBAAoB,CAAC;;;;;eAKxB,MAAKG,YAAa;;;;;gCAKD,MAAKH,KAAM,kBAAkB,CAAC;MACxD,MAAKA,KAAM,cAAc,CAAC;;;;CAK/B,KAAII,aAAc;AACjB,SAAO,IAAI;;;;;;;CAQZ,eAAe;AACd,OAAK,UAAU,CAAC,KAAK;AACrB,MAAI,KAAK,SAAS;AACjB,SAAKJ,KAAM,WAAW;;;;YArFvB,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,OAAO;6BAzGR,cAAc,mBAAmB"}

package/dist/ui/dev-wallet-popup.d.mts

@@ -0,0 +1,36 @@
+import "./dev-wallet-signing.mjs";
+import "./dev-wallet-connect.mjs";
+import * as lit2 from "lit";
+import { LitElement } from "lit";
+import { ClientWithCoreApi } from "@mysten/sui/client";
+
+//#region src/ui/dev-wallet-popup.d.ts
+declare class DevWalletPopup extends LitElement {
+  #private;
+  static styles: (lit2.CSSResult | lit2.CSSResult[])[];
+  walletName: string;
+  requestType: 'connect' | 'sign-transaction' | 'sign-and-execute-transaction' | 'sign-personal-message';
+  appName: string;
+  appUrl: string;
+  address: string;
+  accountLabel: string;
+  chain: string;
+  data: string | Uint8Array | null;
+  client: ClientWithCoreApi | null;
+  connectAccounts: Array<{
+    address: string;
+    label?: string;
+    adapterName?: string;
+  }>;
+  private _request;
+  willUpdate(changed: Map<string, unknown>): void;
+  render(): lit2.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-popup': DevWalletPopup;
+  }
+} //# sourceMappingURL=dev-wallet-popup.d.ts.map
+//#endregion
+export { DevWalletPopup };
+//# sourceMappingURL=dev-wallet-popup.d.mts.map

package/dist/ui/dev-wallet-popup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-popup.d.mts","names":[],"sources":["../../src/ui/dev-wallet-popup.ts"],"mappings":";;;;;;;cAaa,cAAA,SAAuB,UAAA;EAAA;SACnB,MAAA,GADW,IAAA,CACL,SAAA,GAAA,IAAA,CAAA,SAAA;EA+CtB,UAAA;EAGA,WAAA;EAOA,OAAA;EAGA,MAAA;EAGA,OAAA;EAGA,YAAA;EAGA,KAAA;EAGA,IAAA,WAAe,UAAA;EAGf,MAAA,EAAQ,iBAAA;EAGR,eAAA,EAAiB,KAAA;IAAQ,OAAA;IAAiB,KAAA;IAAgB,WAAA;EAAA;EAAA,QAGlD,QAAA;EAIC,UAAA,CAAW,OAAA,EAAS,GAAA;EA4BpB,MAAA,CAAA,GA5BuB,IAAA,CA4BjB,cAAA;AAAA;AAAA,QAqCR,MAAA;EAAA,UACG,qBAAA;IACT,kBAAA,EAAoB,cAAA;EAAA;AAAA"}