@mysten-incubation/dev-wallet 0.0.0

package/dist/ui/dev-wallet-signing-modal.d.mts

@@ -0,0 +1,32 @@
+import { PendingSigningRequest } from "../wallet/dev-wallet.mjs";
+import "./dev-wallet-signing.mjs";
+import * as lit41 from "lit";
+import { LitElement, nothing } from "lit";
+import { ClientWithCoreApi } from "@mysten/sui/client";
+
+//#region src/ui/dev-wallet-signing-modal.d.ts
+/**
+ * A centered modal overlay for signing requests.
+ *
+ * Renders a backdrop and centered dialog containing the
+ * `<dev-wallet-signing>` component. Dispatches `approve` and
+ * `reject` events to the parent.
+ */
+declare class DevWalletSigningModal extends LitElement {
+  #private;
+  static styles: (lit41.CSSResult | lit41.CSSResult[])[];
+  request: PendingSigningRequest | null;
+  client: ClientWithCoreApi | null;
+  walletName: string;
+  firstUpdated(): void;
+  disconnectedCallback(): void;
+  render(): typeof nothing | lit41.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-signing-modal': DevWalletSigningModal;
+  }
+} //# sourceMappingURL=dev-wallet-signing-modal.d.ts.map
+//#endregion
+export { DevWalletSigningModal };
+//# sourceMappingURL=dev-wallet-signing-modal.d.mts.map

package/dist/ui/dev-wallet-signing-modal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-signing-modal.d.mts","names":[],"sources":["../../src/ui/dev-wallet-signing-modal.ts"],"mappings":";;;;;;;;;;AAmBA;;;;cACa,qBAAA,SAA8B,UAAA;EAAA;SAC1B,MAAA,GADkB,KAAA,CACZ,SAAA,GAAA,KAAA,CAAA,SAAA;EAkDtB,OAAA,EAAS,qBAAA;EAGT,MAAA,EAAQ,iBAAA;EAGR,UAAA;EAOS,YAAA,CAAA;EAQA,oBAAA,CAAA;EAOA,MAAA,CAAA,UAAM,OAAA,GAAA,KAAA,CAAA,cAAA;AAAA;AAAA,QAiCR,MAAA;EAAA,UACG,qBAAA;IACT,0BAAA,EAA4B,qBAAA;EAAA;AAAA"}

package/dist/ui/dev-wallet-signing-modal.mjs

@@ -0,0 +1,115 @@
+import { sharedStyles } from "./styles.mjs";
+import { emitEvent } from "./utils.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import "./dev-wallet-signing.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-signing-modal.ts
+let DevWalletSigningModal = class DevWalletSigningModal$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.request = null;
+		this.client = null;
+		this.walletName = "Dev Wallet";
+	}
+	static {
+		this.styles = [sharedStyles, css`
+			:host {
+				display: block;
+			}
+
+			dialog {
+				width: 360px;
+				max-width: calc(100vw - 32px);
+				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;
+				padding: 0;
+				color: inherit;
+			}
+
+			dialog::backdrop {
+				background: color-mix(in oklab, oklch(0 0 0) 50%, transparent);
+			}
+
+			.modal-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 14px 16px;
+				border-bottom: 1px solid var(--dev-wallet-border);
+			}
+
+			.modal-title {
+				font-size: 15px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.modal-body {
+				flex: 1;
+				overflow: hidden;
+				display: flex;
+				flex-direction: column;
+			}
+		`];
+	}
+	#handleDialogCancel = (e) => {
+		e.preventDefault();
+		emitEvent(this, "reject");
+	};
+	firstUpdated() {
+		const dialog = this.shadowRoot?.querySelector("dialog");
+		if (dialog && !dialog.open) {
+			dialog.showModal();
+		}
+		dialog?.addEventListener("cancel", this.#handleDialogCancel);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		const dialog = this.shadowRoot?.querySelector("dialog");
+		dialog?.removeEventListener("cancel", this.#handleDialogCancel);
+		if (dialog?.open) dialog.close();
+	}
+	render() {
+		if (!this.request) return nothing;
+		return html`
+			<dialog part="dialog">
+				<div class="modal-header">
+					<span class="modal-title">${this.walletName}</span>
+				</div>
+				<div class="modal-body">
+					<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}
+						@approve=${this.#handleApprove}
+						@reject=${this.#handleReject}
+					></dev-wallet-signing>
+				</div>
+			</dialog>
+		`;
+	}
+	#handleApprove(e) {
+		e.stopPropagation();
+		emitEvent(this, "approve");
+	}
+	#handleReject(e) {
+		e.stopPropagation();
+		emitEvent(this, "reject");
+	}
+};
+__decorate([property({ attribute: false })], DevWalletSigningModal.prototype, "request", void 0);
+__decorate([property({ attribute: false })], DevWalletSigningModal.prototype, "client", void 0);
+__decorate([property({ type: String })], DevWalletSigningModal.prototype, "walletName", void 0);
+DevWalletSigningModal = __decorate([customElement("dev-wallet-signing-modal")], DevWalletSigningModal);
+
+//#endregion
+export { DevWalletSigningModal };
+//# sourceMappingURL=dev-wallet-signing-modal.mjs.map

package/dist/ui/dev-wallet-signing-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-signing-modal.mjs","names":["DevWalletSigningModal","#handleDialogCancel","#handleApprove","#handleReject"],"sources":["../../src/ui/dev-wallet-signing-modal.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 } from 'lit/decorators.js';\n\nimport type { PendingSigningRequest } from '../wallet/dev-wallet.js';\nimport { sharedStyles } from './styles.js';\nimport { emitEvent } from './utils.js';\nimport './dev-wallet-signing.js';\n\n/**\n * A centered modal overlay for signing requests.\n *\n * Renders a backdrop and centered dialog containing the\n * `<dev-wallet-signing>` component. Dispatches `approve` and\n * `reject` events to the parent.\n */\n@customElement('dev-wallet-signing-modal')\nexport class DevWalletSigningModal extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\tdialog {\n\t\t\t\twidth: 360px;\n\t\t\t\tmax-width: calc(100vw - 32px);\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\tpadding: 0;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\tdialog::backdrop {\n\t\t\t\tbackground: color-mix(in oklab, oklch(0 0 0) 50%, transparent);\n\t\t\t}\n\n\t\t\t.modal-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.modal-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.modal-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({ attribute: false })\n\trequest: PendingSigningRequest | null = null;\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@property({ type: String })\n\twalletName = 'Dev Wallet';\n\n\t#handleDialogCancel = (e: Event) => {\n\t\te.preventDefault();\n\t\temitEvent(this, 'reject');\n\t};\n\n\toverride firstUpdated() {\n\t\tconst dialog = this.shadowRoot?.querySelector('dialog');\n\t\tif (dialog && !dialog.open) {\n\t\t\tdialog.showModal();\n\t\t}\n\t\tdialog?.addEventListener('cancel', this.#handleDialogCancel);\n\t}\n\n\toverride disconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tconst dialog = this.shadowRoot?.querySelector('dialog');\n\t\tdialog?.removeEventListener('cancel', this.#handleDialogCancel);\n\t\tif (dialog?.open) dialog.close();\n\t}\n\n\toverride render() {\n\t\tif (!this.request) return nothing;\n\n\t\treturn html`\n\t\t\t<dialog part=\"dialog\">\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<span class=\"modal-title\">${this.walletName}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t<dev-wallet-signing\n\t\t\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\t\t.request=${this.request}\n\t\t\t\t\t\t.client=${this.client}\n\t\t\t\t\t\t@approve=${this.#handleApprove}\n\t\t\t\t\t\t@reject=${this.#handleReject}\n\t\t\t\t\t></dev-wallet-signing>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\t}\n\n\t#handleApprove(e: Event) {\n\t\t// Stop the composed signing event from also reaching the parent\n\t\te.stopPropagation();\n\t\temitEvent(this, 'approve');\n\t}\n\n\t#handleReject(e: Event) {\n\t\te.stopPropagation();\n\t\temitEvent(this, 'reject');\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-signing-modal': DevWalletSigningModal;\n\t}\n}\n"],"mappings":";;;;;;;;AAoBO,kCAAMA,gCAA8B,WAAW;;;iBAmDb;gBAGL;oBAGtB;;;gBAxDY,CACxB,cACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6CH;;CAWD,uBAAuB,MAAa;AACnC,IAAE,gBAAgB;AAClB,YAAU,MAAM,SAAS;;CAG1B,AAAS,eAAe;EACvB,MAAM,SAAS,KAAK,YAAY,cAAc,SAAS;AACvD,MAAI,UAAU,CAAC,OAAO,MAAM;AAC3B,UAAO,WAAW;;AAEnB,UAAQ,iBAAiB,UAAU,MAAKC,mBAAoB;;CAG7D,AAAS,uBAAuB;AAC/B,QAAM,sBAAsB;EAC5B,MAAM,SAAS,KAAK,YAAY,cAAc,SAAS;AACvD,UAAQ,oBAAoB,UAAU,MAAKA,mBAAoB;AAC/D,MAAI,QAAQ,KAAM,QAAO,OAAO;;CAGjC,AAAS,SAAS;AACjB,MAAI,CAAC,KAAK,QAAS,QAAO;AAE1B,SAAO,IAAI;;;iCAGoB,KAAK,WAAW;;;;;iBAKhC,KAAK,QAAQ;gBACd,KAAK,OAAO;iBACX,MAAKC,cAAe;gBACrB,MAAKC,aAAc;;;;;;CAOlC,eAAe,GAAU;AAExB,IAAE,iBAAiB;AACnB,YAAU,MAAM,UAAU;;CAG3B,cAAc,GAAU;AACvB,IAAE,iBAAiB;AACnB,YAAU,MAAM,SAAS;;;YA1DzB,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,MAAM,QAAQ,CAAC;oCAzD3B,cAAc,2BAA2B"}

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

@@ -0,0 +1,25 @@
+import { PendingSigningRequest } from "../wallet/dev-wallet.mjs";
+import * as lit26 from "lit";
+import { LitElement } from "lit";
+import { ClientWithCoreApi } from "@mysten/sui/client";
+
+//#region src/ui/dev-wallet-signing.d.ts
+declare class DevWalletSigning extends LitElement {
+  #private;
+  static styles: (lit26.CSSResult | lit26.CSSResult[])[];
+  request: PendingSigningRequest | null;
+  client: ClientWithCoreApi | null;
+  private _analysis;
+  private _analysisError;
+  private _analyzing;
+  willUpdate(changedProperties: Map<string, unknown>): void;
+  render(): lit26.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-signing': DevWalletSigning;
+  }
+} //# sourceMappingURL=dev-wallet-signing.d.ts.map
+//#endregion
+export { DevWalletSigning };
+//# sourceMappingURL=dev-wallet-signing.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-signing.d.mts","names":[],"sources":["../../src/ui/dev-wallet-signing.ts"],"mappings":";;;;;;cAuBa,gBAAA,SAAyB,UAAA;EAAA;SACrB,MAAA,GADa,KAAA,CACP,SAAA,GAAA,KAAA,CAAA,SAAA;EAkQtB,OAAA,EAAS,qBAAA;EAGT,MAAA,EAAQ,iBAAA;EAAA,QAGA,SAAA;EAAA,QAGA,cAAA;EAAA,QAGA,UAAA;EAMC,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAmD9B,MAAA,CAAA,GAnDiC,KAAA,CAmD3B,cAAA;AAAA;AAAA,QA4QR,MAAA;EAAA,UACG,qBAAA;IACT,oBAAA,EAAsB,gBAAA;EAAA;AAAA"}