@seams/wallet 0.7.3 → 0.8.0

package/dist/esm/react/core/signingEngine/uiConfirm/ui/preact/ConfirmationContent.js

@@ -1,137 +0,0 @@
-import { CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR, createSurfaceHeightReflow } from "../confirm-surface-resize.js";
-import { PadlockIcon } from "./PadlockIcon.js";
-import { LoadingStatus } from "./ConfirmHeader.js";
-import { copySurfaceText } from "./clipboard.js";
-import { ConfirmContent } from "./ConfirmContent.js";
-import { ConfirmationBody } from "./ConfirmationBody.js";
-import { PasskeyRegistrationContent } from "./PasskeyRegistrationContent.js";
-import { EmailOtpContent } from "./EmailOtpContent.js";
-import { ReviewIcon, TransactionReview, WalletReceiptFooter } from "./TransactionReview.js";
-import { Component, createRef } from "preact";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationContent.tsx
-/** @jsxImportSource preact */
-let nextConfirmationId = 0;
-var ConfirmationContent = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.root = createRef();
-		this.otpFormId = `seams-confirmation-email-${++nextConfirmationId}`;
-		this.reflowId = `seams-confirmation-content-surface-${nextConfirmationId}`;
-		this.getReflowElement = () => {
-			return this.root.current?.closest(".modal-container-root, .seams-confirmation-drawer") ?? null;
-		};
-		this.setHeight = (height) => {
-			const element = this.getReflowElement();
-			if (!element?.id) return;
-			this.props.styles.setDynamicDeclarations(this.reflowId, `#${element.id}`, { [CONFIRM_SURFACE_HEIGHT_DRIVEN_VAR]: `${height}px` });
-		};
-		this.reflow = createSurfaceHeightReflow({
-			reason: "confirm-body",
-			element: this.getReflowElement,
-			setHeightCssPx: this.setHeight
-		});
-		this.copyAccount = (accountId) => {
-			const root = this.root.current;
-			if (root) copySurfaceText(root, accountId).catch(ignoreCopyFailure);
-		};
-	}
-	componentWillReceiveProps() {
-		this.reflow.capture();
-	}
-	componentDidUpdate(previous) {
-		if (previous.styles !== this.props.styles) previous.styles.deleteDynamicRule(this.reflowId);
-		this.reflow.commit();
-	}
-	componentWillUnmount() {
-		this.reflow.dispose();
-		this.props.styles.deleteDynamicRule(this.reflowId);
-	}
-	render() {
-		const model = this.props.model;
-		switch (model.kind) {
-			case "registration": return /* @__PURE__ */ jsx(PasskeyRegistrationContent, {
-				...model.registration,
-				root: this.root,
-				styles: this.props.styles
-			});
-			case "transaction": return this.renderTransaction(model);
-			default: return assertNever(model);
-		}
-	}
-	renderTransaction(model) {
-		const contentClass = this.props.variant === "drawer" ? "seams-confirmation-content seams-confirmation-content--drawer" : "seams-confirmation-content";
-		const decision = model.prompt.kind === "email" && model.transaction.decision.kind === "ready" ? {
-			kind: "form",
-			formId: this.otpFormId
-		} : model.transaction.decision;
-		return /* @__PURE__ */ jsx("div", {
-			ref: this.root,
-			class: contentClass,
-			children: /* @__PURE__ */ jsxs("div", {
-				class: "seams-review-content",
-				children: [
-					this.props.variant !== "drawer" && /* @__PURE__ */ jsxs("div", {
-						class: "seams-review-toolbar",
-						children: [/* @__PURE__ */ jsxs("div", {
-							class: "seams-review-origin",
-							children: [
-								model.transaction.onBack && /* @__PURE__ */ jsx("button", {
-									type: "button",
-									"aria-label": "Back to review",
-									title: "Back to review",
-									disabled: decision.kind === "preparing",
-									onClick: model.transaction.onBack,
-									children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "back" })
-								}),
-								/* @__PURE__ */ jsx(PadlockIcon, {}),
-								model.header.website.kind === "ready" ? model.header.website.text : /* @__PURE__ */ jsx(LoadingStatus, { label: "Loading website" })
-							]
-						}), /* @__PURE__ */ jsx("button", {
-							type: "button",
-							"aria-label": model.transaction.cancelText,
-							onClick: model.transaction.onCancel,
-							children: /* @__PURE__ */ jsx(ReviewIcon, { kind: "close" })
-						})]
-					}),
-					model.review.model && /* @__PURE__ */ jsx("div", {
-						class: "seams-review-eyebrow",
-						children: model.review.model.operations.length === 1 ? model.review.model.operations[0].label.replace(/\s+using\s+[\d,.]+\s+gas$/i, "") : "Transaction"
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						class: "seams-review-title",
-						children: model.header.heading
-					}),
-					/* @__PURE__ */ jsx(TransactionReview, { data: model.review }),
-					/* @__PURE__ */ jsxs("div", {
-						class: "seams-review-context",
-						children: [/* @__PURE__ */ jsx(ConfirmationBody, {
-							model: model.body,
-							onCopyAccount: this.copyAccount
-						}), model.prompt.kind === "email" && /* @__PURE__ */ jsx(EmailOtpContent, {
-							...model.prompt.email,
-							formId: this.otpFormId
-						})]
-					}),
-					/* @__PURE__ */ jsx(ConfirmContent, {
-						...model.transaction,
-						tree: null,
-						styles: this.props.styles,
-						decision,
-						cancelInHeader: true,
-						confirmIcon: model.prompt.kind === "passkey" ? /* @__PURE__ */ jsx(ReviewIcon, { kind: "fingerprint" }) : void 0
-					}),
-					/* @__PURE__ */ jsx(WalletReceiptFooter, {})
-				]
-			})
-		});
-	}
-};
-function ignoreCopyFailure() {}
-function assertNever(value) {
-	throw new Error(`Unexpected confirmation content: ${String(value)}`);
-}
-//#endregion
-export { ConfirmationContent };
-
-//# sourceMappingURL=ConfirmationContent.js.map

package/dist/esm/react/core/signingEngine/uiConfirm/ui/preact/ConfirmationDrawer.js

@@ -1,294 +0,0 @@
-import { drawerDragTranslate, shouldDismissDrawerDrag } from "../drawer-gesture.js";
-import { Component, createRef } from "preact";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationDrawer.tsx
-/** @jsxImportSource preact */
-let nextDrawerId = 0;
-function ConfirmationDrawer(props) {
-	return /* @__PURE__ */ jsx(DrawerShell, { ...props }, props.context);
-}
-var DrawerShell = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.state = { settled: false };
-		this.id = `seams-confirmation-drawer-${++nextDrawerId}`;
-		this.dialog = createRef();
-		this.sheet = createRef();
-		this.body = createRef();
-		this.content = createRef();
-		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__ */ jsxs("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__ */ jsxs("div", {
-				class: "seams-drawer-controls",
-				children: [
-					this.props.origin && /* @__PURE__ */ jsx("div", {
-						class: "seams-drawer-origin",
-						children: this.props.origin
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: "seams-drawer-handle",
-						"aria-label": "Dismiss confirmation",
-						disabled: !this.canDrag(),
-						onClick: this.cancel,
-						children: /* @__PURE__ */ jsx("span", {})
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: "seams-drawer-close",
-						"aria-label": "Close",
-						disabled: !this.canDrag(),
-						onClick: this.cancel,
-						children: "×"
-					})
-				]
-			}), /* @__PURE__ */ jsxs("div", {
-				class: "seams-drawer-body",
-				ref: this.body,
-				children: [this.props.errorMessage && /* @__PURE__ */ jsx("div", {
-					class: "error",
-					children: this.props.errorMessage
-				}), /* @__PURE__ */ jsx("div", {
-					class: "seams-drawer-content",
-					ref: this.content,
-					children: this.props.children
-				})]
-			})]
-		});
-		if (this.props.context === "wallet-iframe") return sheet;
-		return /* @__PURE__ */ jsx("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 { ConfirmationDrawer };
-
-//# sourceMappingURL=ConfirmationDrawer.js.map

package/dist/esm/react/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.js

@@ -1,67 +0,0 @@
-import { Component, createRef } from "preact";
-import { jsx } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.tsx
-/** @jsxImportSource preact */
-let nextModalId = 0;
-function ConfirmationModal(props) {
-	return /* @__PURE__ */ jsx(ModalShell, { ...props }, props.context);
-}
-var ModalShell = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.dialog = createRef();
-		this.hosted = createRef();
-		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__ */ jsx("dialog", {
-			ref: this.dialog,
-			class: "seams-confirmation-modal",
-			"aria-label": this.props.label,
-			onCancel: this.cancel,
-			onClick: this.backdropClick,
-			children: /* @__PURE__ */ jsx("div", {
-				id: this.containerId,
-				class: "modal-container-root",
-				tabIndex: -1,
-				children: this.props.children
-			})
-		});
-		return /* @__PURE__ */ jsx("div", {
-			ref: this.hosted,
-			class: "seams-confirmation-modal seams-confirmation-modal--hosted",
-			tabIndex: -1,
-			onKeyDown: this.hostedKeyDown,
-			children: /* @__PURE__ */ jsx("div", {
-				id: this.containerId,
-				class: "modal-container-root",
-				children: this.props.children
-			})
-		});
-	}
-};
-//#endregion
-export { ConfirmationModal };
-
-//# sourceMappingURL=ConfirmationModal.js.map

package/dist/esm/react/core/signingEngine/uiConfirm/ui/preact/CopyStatusIcon.js

@@ -1,41 +0,0 @@
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/CopyStatusIcon.tsx
-/** @jsxImportSource preact */
-function CopyStatusIcon() {
-	return /* @__PURE__ */ jsxs("span", {
-		class: "copy-icon",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("span", {
-			class: "copy-icon-check",
-			children: /* @__PURE__ */ jsx("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-			})
-		}), /* @__PURE__ */ jsx("span", {
-			class: "copy-icon-copy",
-			children: /* @__PURE__ */ jsxs("svg", {
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				children: [/* @__PURE__ */ jsx("rect", {
-					width: "14",
-					height: "14",
-					x: "8",
-					y: "8",
-					rx: "2",
-					ry: "2"
-				}), /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-			})
-		})]
-	});
-}
-//#endregion
-export { CopyStatusIcon };
-
-//# sourceMappingURL=CopyStatusIcon.js.map

package/dist/esm/react/core/signingEngine/uiConfirm/ui/preact/EmailOtpContent.js

@@ -1,141 +0,0 @@
-import { formatEmailOtpSentText } from "../../../stepUpConfirmation/otpPrompt/promptText.js";
-import { EmailOtpInput } from "./EmailOtpInput.js";
-import { EmailOtpSession } from "./email-otp-session.js";
-import { Component, createRef } from "preact";
-import { jsx } from "preact/jsx-runtime";
-//#region src/core/signingEngine/uiConfirm/ui/preact/EmailOtpContent.tsx
-/** @jsxImportSource preact */
-function EmailOtpContent(props) {
-	return /* @__PURE__ */ jsx(EmailOtpSessionView, { ...props }, props.prompt.challengeId);
-}
-var EmailOtpSessionView = class extends Component {
-	constructor(props) {
-		super(props);
-		this.form = createRef();
-		this.submit = (code) => {
-			if (this.lifetime.kind === "active") this.props.onSubmit(code, this.lifetime.challengeId);
-		};
-		this.send = async () => {
-			const callback = this.props.prompt.onResend;
-			if (!callback) return {
-				kind: "failed",
-				message: "Could not send code."
-			};
-			try {
-				const result = await callback();
-				if (this.lifetime.kind === "disposed") return { kind: "sent" };
-				const challengeId = String(result?.challengeId || "").trim();
-				const emailHint = String(result?.emailHint || "").trim();
-				if (challengeId) this.lifetime = {
-					kind: "active",
-					challengeId,
-					emailHint: emailHint || this.lifetime.emailHint
-				};
-				return { kind: "sent" };
-			} catch (error) {
-				return {
-					kind: "failed",
-					message: formatResendError(error)
-				};
-			}
-		};
-		this.change = (snapshot) => {
-			this.setState(snapshot);
-		};
-		this.confirm = (event) => {
-			event.preventDefault();
-			event.stopPropagation();
-			if (this.session.confirm() === "invalid") this.setState({}, this.focusCode);
-		};
-		this.focusCode = () => {
-			this.form.current?.querySelector("input")?.focus({ preventScroll: true });
-		};
-		this.lifetime = {
-			kind: "active",
-			challengeId: props.prompt.challengeId,
-			emailHint: props.prompt.emailHint?.trim() || ""
-		};
-		this.state = {
-			code: "",
-			phase: "editing",
-			error: "",
-			resend: props.prompt.onResend ? {
-				available: true,
-				label: "Resend code"
-			} : null
-		};
-		this.session = new EmailOtpSession({
-			onSubmit: this.submit,
-			onChange: this.change,
-			resend: props.prompt.onResend ? {
-				send: this.send,
-				cooldownMs: Math.max(1e3, Math.floor(Number(props.prompt.resendDebounceMs) || 1e4))
-			} : null
-		});
-	}
-	componentDidMount() {
-		this.session.setVerification(this.props.verification);
-	}
-	componentDidUpdate(previous) {
-		if (verificationChanged(previous.verification, this.props.verification)) this.session.setVerification(this.props.verification);
-	}
-	componentWillUnmount() {
-		this.lifetime = { kind: "disposed" };
-		this.session.dispose();
-	}
-	inputState() {
-		switch (this.state.phase) {
-			case "editing": return {
-				kind: "editing",
-				onInput: this.session.input
-			};
-			case "fading": return { kind: "fading" };
-			case "submitting": return { kind: "submitting" };
-		}
-	}
-	resendAction() {
-		const resend = this.state.resend;
-		if (!resend) return null;
-		if (!resend.available) return {
-			kind: "unavailable",
-			label: resend.label
-		};
-		return {
-			kind: "available",
-			label: resend.label,
-			onResend: this.session.resend
-		};
-	}
-	render() {
-		return /* @__PURE__ */ jsx("form", {
-			ref: this.form,
-			id: this.props.formId,
-			onSubmit: this.confirm,
-			noValidate: true,
-			children: /* @__PURE__ */ jsx(EmailOtpInput, {
-				challengeId: this.lifetime.kind === "active" ? this.lifetime.challengeId : "",
-				code: this.state.code,
-				helperText: this.props.prompt.helperText?.trim() || formatEmailOtpSentText(this.lifetime.kind === "active" ? this.lifetime.emailHint : ""),
-				errorMessage: this.state.error || void 0,
-				state: this.inputState(),
-				resend: this.resendAction()
-			})
-		});
-	}
-};
-function verificationChanged(previous, next) {
-	if (previous.kind !== next.kind) return true;
-	return previous.kind === "rejected" && next.kind === "rejected" && previous.message !== next.message;
-}
-function formatResendError(error) {
-	if (error && typeof error === "object" && "code" in error && error.code === "rate_limited") {
-		const retryAfterMs = "retryAfterMs" in error ? Number(error.retryAfterMs) : NaN;
-		if (Number.isFinite(retryAfterMs) && retryAfterMs > 0) return `Too many requests. Try again in ${Math.max(1, Math.ceil(retryAfterMs / 1e3))}s.`;
-		return "Too many requests. Try again shortly.";
-	}
-	return error instanceof Error && error.message ? error.message : "Could not send code.";
-}
-//#endregion
-export { EmailOtpContent };
-
-//# sourceMappingURL=EmailOtpContent.js.map