@mysten-incubation/dev-wallet 0.0.0

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

@@ -0,0 +1,137 @@
+import { sharedStyles } from "./styles.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import "./dev-wallet-connect.mjs";
+import "./dev-wallet-signing.mjs";
+import { LitElement, css, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-popup.ts
+let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.walletName = "Dev Wallet (Web)";
+		this.requestType = "connect";
+		this.appName = "";
+		this.appUrl = "";
+		this.address = "";
+		this.accountLabel = "";
+		this.chain = "";
+		this.data = null;
+		this.client = null;
+		this.connectAccounts = [];
+		this._request = null;
+	}
+	static {
+		this.styles = [sharedStyles, css`
+			:host {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				min-height: 100vh;
+				padding: 20px;
+			}
+
+			.popup-card {
+				width: 360px;
+				max-height: min(600px, 80vh);
+				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);
+				overflow: hidden;
+				display: flex;
+				flex-direction: column;
+			}
+
+			.popup-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 14px 16px;
+				border-bottom: 1px solid var(--dev-wallet-border);
+			}
+
+			.popup-title {
+				font-size: 15px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.popup-body {
+				flex: 1;
+				overflow: hidden;
+				display: flex;
+				flex-direction: column;
+			}
+		`];
+	}
+	#requestId = null;
+	willUpdate(changed) {
+		if (this.requestType !== "connect" && (changed.has("requestType") || changed.has("address") || changed.has("accountLabel") || changed.has("chain") || changed.has("data"))) {
+			if (!this.#requestId) {
+				this.#requestId = crypto.randomUUID();
+			}
+			this._request = {
+				id: this.#requestId,
+				type: this.requestType,
+				account: {
+					address: this.address,
+					label: this.accountLabel || undefined,
+					publicKey: new Uint8Array(0),
+					chains: [],
+					features: []
+				},
+				chain: this.chain,
+				data: this.data ?? ""
+			};
+		}
+	}
+	render() {
+		return html`
+			<div class="popup-card" part="card">
+				<div class="popup-header">
+					<span class="popup-title">${this.walletName}</span>
+				</div>
+				<div class="popup-body">
+					${this.requestType === "connect" ? this.#renderConnect() : this.#renderSigning()}
+				</div>
+			</div>
+		`;
+	}
+	#renderConnect() {
+		return html`
+			<dev-wallet-connect
+				exportparts="approve-button: connect-approve-button, reject-button: connect-reject-button, account-list: connect-account-list, error-message: connect-error-message"
+				.appName=${this.appName}
+				.appUrl=${this.appUrl}
+				.accounts=${this.connectAccounts}
+			></dev-wallet-connect>
+		`;
+	}
+	#renderSigning() {
+		if (!this._request) return html``;
+		return html`
+			<dev-wallet-signing
+				exportparts="approve-button: signing-approve-button, reject-button: signing-reject-button, request-type: signing-request-type, empty-state: signing-empty-state, error-message: signing-error-message, footer: signing-footer"
+				.request=${this._request}
+				.client=${this.client}
+			></dev-wallet-signing>
+		`;
+	}
+};
+__decorate([property({ type: String })], DevWalletPopup.prototype, "walletName", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "requestType", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "appName", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "appUrl", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "address", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "accountLabel", void 0);
+__decorate([property({ type: String })], DevWalletPopup.prototype, "chain", void 0);
+__decorate([property({ attribute: false })], DevWalletPopup.prototype, "data", void 0);
+__decorate([property({ attribute: false })], DevWalletPopup.prototype, "client", void 0);
+__decorate([property({ attribute: false })], DevWalletPopup.prototype, "connectAccounts", void 0);
+__decorate([state()], DevWalletPopup.prototype, "_request", void 0);
+DevWalletPopup = __decorate([customElement("dev-wallet-popup")], DevWalletPopup);
+
+//#endregion
+export { DevWalletPopup };
+//# sourceMappingURL=dev-wallet-popup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-popup.mjs","names":["DevWalletPopup","#requestId","#renderConnect","#renderSigning"],"sources":["../../src/ui/dev-wallet-popup.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 } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { PendingSigningRequest } from '../wallet/dev-wallet.js';\nimport { sharedStyles } from './styles.js';\nimport './dev-wallet-connect.js';\nimport './dev-wallet-signing.js';\n\n@customElement('dev-wallet-popup')\nexport class DevWalletPopup extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\n\t\t\t.popup-card {\n\t\t\t\twidth: 360px;\n\t\t\t\tmax-height: min(600px, 80vh);\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\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.popup-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}\n\n\t\t\t.popup-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.popup-body {\n\t\t\t\tflex: 1;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ type: String })\n\twalletName = 'Dev Wallet (Web)';\n\n\t@property({ type: String })\n\trequestType:\n\t\t| 'connect'\n\t\t| 'sign-transaction'\n\t\t| 'sign-and-execute-transaction'\n\t\t| 'sign-personal-message' = 'connect';\n\n\t@property({ type: String })\n\tappName = '';\n\n\t@property({ type: String })\n\tappUrl = '';\n\n\t@property({ type: String })\n\taddress = '';\n\n\t@property({ type: String })\n\taccountLabel = '';\n\n\t@property({ type: String })\n\tchain = '';\n\n\t@property({ attribute: false })\n\tdata: string | Uint8Array | null = null;\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@property({ attribute: false })\n\tconnectAccounts: Array<{ address: string; label?: string; adapterName?: string }> = [];\n\n\t@state()\n\tprivate _request: PendingSigningRequest | null = null;\n\n\t#requestId: string | null = null;\n\n\toverride willUpdate(changed: Map<string, unknown>) {\n\t\tif (\n\t\t\tthis.requestType !== 'connect' &&\n\t\t\t(changed.has('requestType') ||\n\t\t\t\tchanged.has('address') ||\n\t\t\t\tchanged.has('accountLabel') ||\n\t\t\t\tchanged.has('chain') ||\n\t\t\t\tchanged.has('data'))\n\t\t) {\n\t\t\tif (!this.#requestId) {\n\t\t\t\tthis.#requestId = crypto.randomUUID();\n\t\t\t}\n\t\t\tthis._request = {\n\t\t\t\tid: this.#requestId,\n\t\t\t\ttype: this.requestType as PendingSigningRequest['type'],\n\t\t\t\taccount: {\n\t\t\t\t\taddress: this.address,\n\t\t\t\t\tlabel: this.accountLabel || undefined,\n\t\t\t\t\tpublicKey: new Uint8Array(0),\n\t\t\t\t\tchains: [],\n\t\t\t\t\tfeatures: [],\n\t\t\t\t},\n\t\t\t\tchain: this.chain,\n\t\t\t\tdata: this.data ?? '',\n\t\t\t};\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"popup-card\" part=\"card\">\n\t\t\t\t<div class=\"popup-header\">\n\t\t\t\t\t<span class=\"popup-title\">${this.walletName}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t${this.requestType === 'connect' ? this.#renderConnect() : this.#renderSigning()}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderConnect() {\n\t\treturn html`\n\t\t\t<dev-wallet-connect\n\t\t\t\texportparts=\"approve-button: connect-approve-button, reject-button: connect-reject-button, account-list: connect-account-list, error-message: connect-error-message\"\n\t\t\t\t.appName=${this.appName}\n\t\t\t\t.appUrl=${this.appUrl}\n\t\t\t\t.accounts=${this.connectAccounts}\n\t\t\t></dev-wallet-connect>\n\t\t`;\n\t}\n\n\t#renderSigning() {\n\t\tif (!this._request) return html``;\n\n\t\treturn html`\n\t\t\t<dev-wallet-signing\n\t\t\t\texportparts=\"approve-button: signing-approve-button, reject-button: signing-reject-button, request-type: signing-request-type, empty-state: signing-empty-state, error-message: signing-error-message, footer: signing-footer\"\n\t\t\t\t.request=${this._request}\n\t\t\t\t.client=${this.client}\n\t\t\t></dev-wallet-signing>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-popup': DevWalletPopup;\n\t}\n}\n"],"mappings":";;;;;;;;AAaO,2BAAMA,yBAAuB,WAAW;;;oBAgDjC;qBAOgB;iBAGnB;gBAGD;iBAGC;sBAGK;eAGP;cAG2B;gBAGA;yBAGiD,EAAE;kBAGrC;;;gBAjFxB,CACxB,cACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0CH;;CAuCD,aAA4B;CAE5B,AAAS,WAAW,SAA+B;AAClD,MACC,KAAK,gBAAgB,cACpB,QAAQ,IAAI,cAAc,IAC1B,QAAQ,IAAI,UAAU,IACtB,QAAQ,IAAI,eAAe,IAC3B,QAAQ,IAAI,QAAQ,IACpB,QAAQ,IAAI,OAAO,GACnB;AACD,OAAI,CAAC,MAAKC,WAAY;AACrB,UAAKA,YAAa,OAAO,YAAY;;AAEtC,QAAK,WAAW;IACf,IAAI,MAAKA;IACT,MAAM,KAAK;IACX,SAAS;KACR,SAAS,KAAK;KACd,OAAO,KAAK,gBAAgB;KAC5B,WAAW,IAAI,WAAW,EAAE;KAC5B,QAAQ,EAAE;KACV,UAAU,EAAE;KACZ;IACD,OAAO,KAAK;IACZ,MAAM,KAAK,QAAQ;IACnB;;;CAIH,AAAS,SAAS;AACjB,SAAO,IAAI;;;iCAGoB,KAAK,WAAW;;;OAG1C,KAAK,gBAAgB,YAAY,MAAKC,eAAgB,GAAG,MAAKC,eAAgB,CAAC;;;;;CAMrF,iBAAiB;AAChB,SAAO,IAAI;;;eAGE,KAAK,QAAQ;cACd,KAAK,OAAO;gBACV,KAAK,gBAAgB;;;;CAKpC,iBAAiB;AAChB,MAAI,CAAC,KAAK,SAAU,QAAO,IAAI;AAE/B,SAAO,IAAI;;;eAGE,KAAK,SAAS;cACf,KAAK,OAAO;;;;;YAlGxB,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAO1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,OAAO;6BAlFR,cAAc,mBAAmB"}

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

@@ -0,0 +1,33 @@
+import { SignerAdapter } from "../types.mjs";
+import { DevWallet } from "../wallet/dev-wallet.mjs";
+import "./dev-wallet-accounts.mjs";
+import { ReadonlyWalletAccount } from "@mysten/wallet-standard";
+import * as lit23 from "lit";
+import { LitElement } from "lit";
+
+//#region src/ui/dev-wallet-settings.d.ts
+declare class DevWalletSettings extends LitElement {
+  #private;
+  static styles: (lit23.CSSResult | lit23.CSSResult[])[];
+  wallet: DevWallet | null;
+  accounts: readonly ReadonlyWalletAccount[];
+  adapters: SignerAdapter[];
+  activeAddress: string;
+  bookmarkletOrigin: string;
+  private _showAddNetwork;
+  private _networkName;
+  private _networkUrl;
+  private _error;
+  private _editingNetwork;
+  private _editingUrl;
+  private _copied;
+  render(): lit23.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-settings': DevWalletSettings;
+  }
+} //# sourceMappingURL=dev-wallet-settings.d.ts.map
+//#endregion
+export { DevWalletSettings };
+//# sourceMappingURL=dev-wallet-settings.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-settings.d.mts","names":[],"sources":["../../src/ui/dev-wallet-settings.ts"],"mappings":";;;;;;;;cAca,iBAAA,SAA0B,UAAA;EAAA;SACtB,MAAA,GADc,KAAA,CACR,SAAA,GAAA,KAAA,CAAA,SAAA;EA2StB,MAAA,EAAQ,SAAA;EAGR,QAAA,WAAmB,qBAAA;EAGnB,QAAA,EAAU,aAAA;EAGV,aAAA;EAGA,iBAAA;EAAA,QAGQ,eAAA;EAAA,QAGA,YAAA;EAAA,QAGA,WAAA;EAAA,QAGA,MAAA;EAAA,QAGA,eAAA;EAAA,QAGA,WAAA;EAAA,QAGA,OAAA;EAEC,MAAA,CAAA,GA7Bc,KAAA,CA6BR,cAAA;AAAA;AAAA,QAkVR,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}