@seams/wallet 0.7.3 → 0.8.0

package/dist/esm/sdk/ConfirmationDrawer-MgFTBwwK.js

@@ -1,425 +0,0 @@
-import { i as M, r as C, t as u } from "./jsxRuntime.module-CuH5ZEIA.js";
-//#region src/core/signingEngine/uiConfirm/ui/preact/clipboard.ts
-async function copySurfaceText(root, value, signal) {
-	if (!root.isConnected || signal?.aborted) return false;
-	const document = root.ownerDocument;
-	const clipboard = document.defaultView?.navigator.clipboard;
-	if (clipboard?.writeText) try {
-		await clipboard.writeText(value);
-		return true;
-	} catch {}
-	if (!root.isConnected || signal?.aborted) return false;
-	const textarea = document.createElement("textarea");
-	textarea.value = value;
-	textarea.readOnly = true;
-	textarea.className = "seams-offscreen";
-	root.appendChild(textarea);
-	textarea.select();
-	try {
-		return document.execCommand("copy");
-	} finally {
-		textarea.remove();
-	}
-}
-//#endregion
-//#region src/core/signingEngine/uiConfirm/ui/preact/CopyStatusIcon.tsx
-/** @jsxImportSource preact */
-function CopyStatusIcon() {
-	return /* @__PURE__ */ u("span", {
-		class: "copy-icon",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("span", {
-			class: "copy-icon-check",
-			children: /* @__PURE__ */ u("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: /* @__PURE__ */ u("path", { d: "M20 6 9 17l-5-5" })
-			})
-		}), /* @__PURE__ */ u("span", {
-			class: "copy-icon-copy",
-			children: /* @__PURE__ */ u("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: [/* @__PURE__ */ u("rect", {
-					width: "14",
-					height: "14",
-					x: "8",
-					y: "8",
-					rx: "2",
-					ry: "2"
-				}), /* @__PURE__ */ u("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.tsx
-/** @jsxImportSource preact */
-let nextModalId = 0;
-function ConfirmationModal(props) {
-	return /* @__PURE__ */ u(ModalShell, { ...props }, props.context);
-}
-var ModalShell = class extends C {
-	constructor(..._args) {
-		super(..._args);
-		this.dialog = M();
-		this.hosted = M();
-		this.containerId = `seams-confirmation-modal-${++nextModalId}`;
-		this.cancel = (event) => {
-			event.preventDefault();
-			event.stopPropagation();
-			this.props.onCancel();
-		};
-		this.backdropClick = (event) => {
-			const dialog = this.dialog.current;
-			if (!dialog || event.target !== dialog) return;
-			const bounds = dialog.getBoundingClientRect();
-			if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) this.cancel(event);
-		};
-		this.hostedKeyDown = (event) => {
-			if (!event.defaultPrevented && event.key === "Escape") this.cancel(event);
-		};
-	}
-	componentDidMount() {
-		if (this.props.context === "standalone") this.dialog.current?.showModal();
-		else this.hosted.current?.focus({ preventScroll: true });
-	}
-	componentWillUnmount() {
-		this.dialog.current?.close();
-	}
-	render() {
-		if (this.props.context === "standalone") return /* @__PURE__ */ u("dialog", {
-			ref: this.dialog,
-			class: "seams-confirmation-modal",
-			"aria-label": this.props.label,
-			onCancel: this.cancel,
-			onClick: this.backdropClick,
-			children: /* @__PURE__ */ u("div", {
-				id: this.containerId,
-				class: "modal-container-root",
-				tabIndex: -1,
-				children: this.props.children
-			})
-		});
-		return /* @__PURE__ */ u("div", {
-			ref: this.hosted,
-			class: "seams-confirmation-modal seams-confirmation-modal--hosted",
-			tabIndex: -1,
-			onKeyDown: this.hostedKeyDown,
-			children: /* @__PURE__ */ u("div", {
-				id: this.containerId,
-				class: "modal-container-root",
-				children: this.props.children
-			})
-		});
-	}
-};
-//#endregion
-//#region src/core/signingEngine/uiConfirm/ui/drawer-gesture.ts
-function drawerDragTranslate(args) {
-	const target = args.startTranslatePx + args.deltaPx;
-	if (target >= args.restTranslatePx) return target;
-	const allowance = Math.max(args.sheetHeightPx * .5, args.viewportHeightPx * .5, args.minimumOverpullPx);
-	const overpull = args.restTranslatePx - target;
-	return args.restTranslatePx - allowance * (1 - 1 / (overpull / allowance + 1));
-}
-function shouldDismissDrawerDrag(args) {
-	const averageVelocity = args.totalDeltaPx / Math.max(1, args.durationMs);
-	return Math.min(args.velocityPxPerMs, averageVelocity) <= -.6 || Math.max(args.velocityPxPerMs, averageVelocity) >= .7 || args.translatePx >= args.sheetHeightPx - 50;
-}
-//#endregion
-//#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationDrawer.tsx
-/** @jsxImportSource preact */
-let nextDrawerId = 0;
-function ConfirmationDrawer(props) {
-	return /* @__PURE__ */ u(DrawerShell, { ...props }, props.context);
-}
-var DrawerShell = class extends C {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { settled: false };
-		this.id = `seams-confirmation-drawer-${++nextDrawerId}`;
-		this.dialog = M();
-		this.sheet = M();
-		this.body = M();
-		this.content = M();
-		this.observer = null;
-		this.frame = null;
-		this.closeTimer = null;
-		this.gesture = { kind: "idle" };
-		this.lifetime = "active";
-		this.closeReported = false;
-		this.suppressPointerClick = false;
-		this.openAfterLayout = () => {
-			this.frame = null;
-			this.setState({ settled: true });
-		};
-		this.scheduleMeasure = () => {
-			if (this.lifetime === "disposed" || this.frame !== null) return;
-			this.frame = this.sheet.current.ownerDocument.defaultView.requestAnimationFrame(this.measureFrame);
-		};
-		this.measureFrame = () => {
-			this.frame = null;
-			this.measure();
-		};
-		this.measureContent = () => {
-			if (this.lifetime === "active") this.measure();
-		};
-		this.reportClosed = () => {
-			this.clearCloseTimer();
-			if (this.lifetime === "disposed" || this.closeReported || this.props.state.kind !== "closing") return;
-			this.closeReported = true;
-			this.props.state.onClosed();
-		};
-		this.transitionEnd = (event) => {
-			if (event.target === this.sheet.current && event.propertyName === "transform") this.reportClosed();
-		};
-		this.cancel = (event) => {
-			event.preventDefault();
-			event.stopPropagation();
-			if (this.props.state.kind === "open") this.props.onCancel();
-		};
-		this.backdropClick = (event) => {
-			if (this.props.dismissOnBackdrop !== false && event.target === this.dialog.current && this.canDrag()) this.cancel(event);
-		};
-		this.keyDown = (event) => {
-			if (!event.defaultPrevented && event.key === "Escape") this.cancel(event);
-		};
-		this.pointerDown = (event) => {
-			this.clearClickSuppression();
-			if (!this.canDrag() || this.gesture.kind !== "idle" || !event.isPrimary || event.button !== 0) return;
-			const target = event.target;
-			if (target instanceof Element && target.closest("a, input, textarea, select, summary, button:not(.seams-drawer-handle), [data-seams-drawer-no-drag]")) return;
-			this.gesture = {
-				kind: "pending",
-				pointerId: event.pointerId,
-				startY: event.clientY
-			};
-			const doc = this.sheet.current.ownerDocument;
-			doc.addEventListener("pointermove", this.pointerMove, { passive: false });
-			doc.addEventListener("pointerup", this.pointerUp);
-			doc.addEventListener("pointercancel", this.pointerCancel);
-		};
-		this.pointerMove = (event) => {
-			let gesture = this.gesture;
-			if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId) return;
-			const sheet = this.sheet.current;
-			if (gesture.kind === "pending") {
-				if (Math.abs(event.clientY - gesture.startY) < 8 || this.body.current.scrollTop > 0) return;
-				const win = sheet.ownerDocument.defaultView;
-				const rest = new DOMMatrixReadOnly(win.getComputedStyle(sheet).transform).m42;
-				gesture = {
-					kind: "dragging",
-					pointerId: gesture.pointerId,
-					startY: gesture.startY,
-					lastY: gesture.startY,
-					startedAt: event.timeStamp,
-					lastTime: event.timeStamp,
-					velocity: 0,
-					rest,
-					translate: rest,
-					height: sheet.offsetHeight
-				};
-				this.gesture = gesture;
-				sheet.setPointerCapture(event.pointerId);
-				sheet.classList.add("is-dragging");
-			}
-			const elapsed = event.timeStamp - gesture.lastTime;
-			if (elapsed > 0) gesture.velocity = (event.clientY - gesture.lastY) / elapsed;
-			gesture.lastY = event.clientY;
-			gesture.lastTime = event.timeStamp;
-			gesture.translate = drawerDragTranslate({
-				startTranslatePx: gesture.rest,
-				deltaPx: event.clientY - gesture.startY,
-				restTranslatePx: gesture.rest,
-				sheetHeightPx: gesture.height,
-				viewportHeightPx: sheet.ownerDocument.defaultView.innerHeight,
-				minimumOverpullPx: 160
-			});
-			this.props.styles.setDynamicDeclarations(`${this.id}-drag`, `#${this.id}`, { "--seams-drawer-drag": `${gesture.translate}px` });
-			event.preventDefault();
-		};
-		this.pointerUp = (event) => {
-			const gesture = this.gesture;
-			if (gesture.kind === "idle" || gesture.pointerId !== event.pointerId) return;
-			const dismiss = gesture.kind === "dragging" && shouldDismissDrawerDrag({
-				velocityPxPerMs: gesture.velocity,
-				totalDeltaPx: gesture.lastY - gesture.startY,
-				durationMs: event.timeStamp - gesture.startedAt,
-				translatePx: gesture.translate,
-				sheetHeightPx: gesture.height
-			});
-			if (gesture.kind === "dragging") {
-				this.suppressPointerClick = true;
-				event.preventDefault();
-			}
-			this.resetGesture();
-			if (dismiss && this.props.state.kind === "open") this.props.onCancel();
-		};
-		this.pointerCancel = (event) => {
-			if (this.gesture.kind !== "idle" && this.gesture.pointerId === event.pointerId) {
-				if (this.gesture.kind === "dragging") this.suppressPointerClick = true;
-				this.resetGesture();
-			}
-		};
-		this.clearClickSuppression = () => {
-			this.suppressPointerClick = false;
-		};
-		this.suppressDragClick = (event) => {
-			if (!this.suppressPointerClick || event.detail === 0) return;
-			this.suppressPointerClick = false;
-			event.preventDefault();
-			event.stopPropagation();
-		};
-	}
-	componentDidMount() {
-		const sheet = this.sheet.current;
-		const win = sheet.ownerDocument.defaultView;
-		this.dialog.current?.showModal();
-		if (!this.dialog.current) sheet.focus({ preventScroll: true });
-		this.observer = new ResizeObserver(this.measureContent);
-		this.observer.observe(this.content.current);
-		this.observer.observe(sheet);
-		win.addEventListener("resize", this.scheduleMeasure);
-		win.visualViewport?.addEventListener("resize", this.scheduleMeasure);
-		this.measure();
-		this.frame = win.requestAnimationFrame(this.openAfterLayout);
-		if (this.props.state.kind === "closing") this.startClose();
-	}
-	componentDidUpdate(previous) {
-		if (previous.styles !== this.props.styles) {
-			previous.styles.deleteDynamicRule(this.id);
-			previous.styles.deleteDynamicRule(`${this.id}-drag`);
-			this.resetGesture();
-			this.measure();
-		}
-		if (previous.state.kind !== this.props.state.kind) if (this.props.state.kind === "closing") this.startClose();
-		else {
-			this.clearCloseTimer();
-			this.closeReported = false;
-		}
-		if (this.props.state.kind === "open" && this.props.state.interaction === "busy") this.resetGesture();
-	}
-	componentWillUnmount() {
-		this.lifetime = "disposed";
-		this.resetGesture();
-		const win = this.sheet.current.ownerDocument.defaultView;
-		if (this.frame !== null) win.cancelAnimationFrame(this.frame);
-		this.clearCloseTimer();
-		this.observer?.disconnect();
-		win.removeEventListener("resize", this.scheduleMeasure);
-		win.visualViewport?.removeEventListener("resize", this.scheduleMeasure);
-		this.props.styles.deleteDynamicRule(this.id);
-		this.dialog.current?.close();
-	}
-	measure() {
-		if (this.gesture.kind !== "idle") return;
-		const sheet = this.sheet.current;
-		const content = this.content.current;
-		const contentBottom = Math.round(content.getBoundingClientRect().bottom - sheet.getBoundingClientRect().top);
-		const rest = this.props.context === "standalone" ? Math.max(0, sheet.offsetHeight - contentBottom) : 0;
-		this.props.styles.setDynamicDeclarations(this.id, `#${this.id}`, { "--seams-drawer-rest": `${rest}px` });
-	}
-	startClose() {
-		this.resetGesture();
-		this.clearCloseTimer();
-		const win = this.sheet.current.ownerDocument.defaultView;
-		const delay = win.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : 150;
-		this.closeTimer = win.setTimeout(this.reportClosed, delay);
-	}
-	clearCloseTimer() {
-		if (this.closeTimer !== null) {
-			this.sheet.current.ownerDocument.defaultView.clearTimeout(this.closeTimer);
-			this.closeTimer = null;
-		}
-	}
-	canDrag() {
-		return this.props.state.kind === "open" && this.props.state.interaction === "ready";
-	}
-	resetGesture() {
-		const sheet = this.sheet.current;
-		const previous = this.gesture;
-		this.gesture = { kind: "idle" };
-		if (previous.kind !== "idle" && sheet.hasPointerCapture(previous.pointerId)) sheet.releasePointerCapture(previous.pointerId);
-		sheet.classList.remove("is-dragging");
-		const doc = sheet.ownerDocument;
-		doc.removeEventListener("pointermove", this.pointerMove);
-		doc.removeEventListener("pointerup", this.pointerUp);
-		doc.removeEventListener("pointercancel", this.pointerCancel);
-		this.props.styles.deleteDynamicRule(`${this.id}-drag`);
-		if (this.lifetime === "active") this.scheduleMeasure();
-	}
-	render() {
-		const open = this.state.settled && this.props.state.kind === "open";
-		const classes = ["seams-confirmation-drawer"];
-		if (open) classes.push("is-open");
-		if (this.gesture.kind === "dragging") classes.push("is-dragging");
-		const sheet = /* @__PURE__ */ u("section", {
-			ref: this.sheet,
-			id: this.id,
-			class: classes.join(" "),
-			"data-context": this.props.context,
-			tabIndex: -1,
-			onPointerDownCapture: this.pointerDown,
-			onClickCapture: this.suppressDragClick,
-			onLostPointerCapture: this.pointerCancel,
-			onTransitionEnd: this.transitionEnd,
-			onKeyDown: this.keyDown,
-			children: [/* @__PURE__ */ u("div", {
-				class: "seams-drawer-controls",
-				children: [
-					this.props.origin && /* @__PURE__ */ u("div", {
-						class: "seams-drawer-origin",
-						children: this.props.origin
-					}),
-					/* @__PURE__ */ u("button", {
-						type: "button",
-						class: "seams-drawer-handle",
-						"aria-label": "Dismiss confirmation",
-						disabled: !this.canDrag(),
-						onClick: this.cancel,
-						children: /* @__PURE__ */ u("span", {})
-					}),
-					/* @__PURE__ */ u("button", {
-						type: "button",
-						class: "seams-drawer-close",
-						"aria-label": "Close",
-						disabled: !this.canDrag(),
-						onClick: this.cancel,
-						children: "×"
-					})
-				]
-			}), /* @__PURE__ */ u("div", {
-				class: "seams-drawer-body",
-				ref: this.body,
-				children: [this.props.errorMessage && /* @__PURE__ */ u("div", {
-					class: "error",
-					children: this.props.errorMessage
-				}), /* @__PURE__ */ u("div", {
-					class: "seams-drawer-content",
-					ref: this.content,
-					children: this.props.children
-				})]
-			})]
-		});
-		if (this.props.context === "wallet-iframe") return sheet;
-		return /* @__PURE__ */ u("dialog", {
-			class: "seams-drawer-dialog",
-			ref: this.dialog,
-			"aria-label": this.props.label,
-			onCancel: this.cancel,
-			onClick: this.backdropClick,
-			onClickCapture: this.suppressDragClick,
-			onPointerDownCapture: this.clearClickSuppression,
-			children: sheet
-		});
-	}
-};
-//#endregion
-export { copySurfaceText as i, ConfirmationModal as n, CopyStatusIcon as r, ConfirmationDrawer as t };