@seams/wallet 0.15.6 → 0.18.0

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

@@ -1,3 +1,5 @@
+import { walletDisplayText, walletText } from "../../../../ui/messages.js";
+import { WalletLocaleContext, WalletText } from "./WalletLocale.js";
 import { drawerDragTranslate, shouldDismissDrawerDrag } from "../drawer-gesture.js";
 import { Component, createRef } from "preact";
 import { jsx, jsxs } from "preact/jsx-runtime";
@@ -8,143 +10,20 @@ 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();
-		};
-	}
+	static contextType = WalletLocaleContext;
+	state = { settled: false };
+	id = `seams-confirmation-drawer-${++nextDrawerId}`;
+	dialog = createRef();
+	sheet = createRef();
+	body = createRef();
+	content = createRef();
+	observer = null;
+	frame = null;
+	closeTimer = null;
+	gesture = { kind: "idle" };
+	lifetime = "active";
+	closeReported = false;
+	suppressPointerClick = false;
 	componentDidMount() {
 		const sheet = this.sheet.current;
 		const win = sheet.ownerDocument.defaultView;
@@ -159,6 +38,10 @@ var DrawerShell = class extends Component {
 		this.frame = win.requestAnimationFrame(this.openAfterLayout);
 		if (this.props.state.kind === "closing") this.startClose();
 	}
+	openAfterLayout = () => {
+		this.frame = null;
+		this.setState({ settled: true });
+	};
 	componentDidUpdate(previous) {
 		if (previous.styles !== this.props.styles) {
 			previous.styles.deleteDynamicRule(this.id);
@@ -185,6 +68,17 @@ var DrawerShell = class extends Component {
 		this.props.styles.deleteDynamicRule(this.id);
 		this.dialog.current?.close();
 	}
+	scheduleMeasure = () => {
+		if (this.lifetime === "disposed" || this.frame !== null) return;
+		this.frame = this.sheet.current.ownerDocument.defaultView.requestAnimationFrame(this.measureFrame);
+	};
+	measureFrame = () => {
+		this.frame = null;
+		this.measure();
+	};
+	measureContent = () => {
+		if (this.lifetime === "active") this.measure();
+	};
 	measure() {
 		if (this.gesture.kind !== "idle") return;
 		const sheet = this.sheet.current;
@@ -206,9 +100,115 @@ var DrawerShell = class extends Component {
 			this.closeTimer = null;
 		}
 	}
+	reportClosed = () => {
+		this.clearCloseTimer();
+		if (this.lifetime === "disposed" || this.closeReported || this.props.state.kind !== "closing") return;
+		this.closeReported = true;
+		this.props.state.onClosed();
+	};
+	transitionEnd = (event) => {
+		if (event.target === this.sheet.current && event.propertyName === "transform") this.reportClosed();
+	};
+	cancel = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		if (this.props.state.kind === "open") this.props.onCancel();
+	};
+	backdropClick = (event) => {
+		if (this.props.dismissOnBackdrop !== false && event.target === this.dialog.current && this.canDrag()) this.cancel(event);
+	};
+	keyDown = (event) => {
+		if (!event.defaultPrevented && event.key === "Escape") this.cancel(event);
+	};
 	canDrag() {
 		return this.props.state.kind === "open" && this.props.state.interaction === "ready";
 	}
+	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);
+	};
+	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();
+	};
+	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();
+	};
+	pointerCancel = (event) => {
+		if (this.gesture.kind !== "idle" && this.gesture.pointerId === event.pointerId) {
+			if (this.gesture.kind === "dragging") this.suppressPointerClick = true;
+			this.resetGesture();
+		}
+	};
+	clearClickSuppression = () => {
+		this.suppressPointerClick = false;
+	};
+	suppressDragClick = (event) => {
+		if (!this.suppressPointerClick || event.detail === 0) return;
+		this.suppressPointerClick = false;
+		event.preventDefault();
+		event.stopPropagation();
+	};
 	resetGesture() {
 		const sheet = this.sheet.current;
 		const previous = this.gesture;
@@ -248,7 +248,7 @@ var DrawerShell = class extends Component {
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "seams-drawer-handle",
-						"aria-label": "Dismiss confirmation",
+						"aria-label": walletText(this.context, "Dismiss confirmation"),
 						disabled: !this.canDrag(),
 						onClick: this.cancel,
 						children: /* @__PURE__ */ jsx("span", {})
@@ -256,7 +256,7 @@ var DrawerShell = class extends Component {
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						class: "seams-drawer-close",
-						"aria-label": "Close",
+						"aria-label": walletText(this.context, "Close"),
 						disabled: !this.canDrag(),
 						onClick: this.cancel,
 						children: "×"
@@ -267,7 +267,7 @@ var DrawerShell = class extends Component {
 				ref: this.body,
 				children: [this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 					class: "error",
-					children: this.props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 				}), /* @__PURE__ */ jsx("div", {
 					class: "seams-drawer-content",
 					ref: this.content,
@@ -279,7 +279,7 @@ var DrawerShell = class extends Component {
 		return /* @__PURE__ */ jsx("dialog", {
 			class: "seams-drawer-dialog",
 			ref: this.dialog,
-			"aria-label": this.props.label,
+			"aria-label": walletDisplayText(this.context, this.props.label),
 			onCancel: this.cancel,
 			onClick: this.backdropClick,
 			onClickCapture: this.suppressDragClick,

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

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../../ui/messages.js";
+import { WalletLocaleContext } from "./WalletLocale.js";
 import { Component, createRef } from "preact";
 import { jsx } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/ConfirmationModal.tsx
@@ -7,26 +9,10 @@ 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);
-		};
-	}
+	static contextType = WalletLocaleContext;
+	dialog = createRef();
+	hosted = createRef();
+	containerId = `seams-confirmation-modal-${++nextModalId}`;
 	componentDidMount() {
 		if (this.props.context === "standalone") this.dialog.current?.showModal();
 		else this.hosted.current?.focus({ preventScroll: true });
@@ -34,11 +20,25 @@ var ModalShell = class extends Component {
 	componentWillUnmount() {
 		this.dialog.current?.close();
 	}
+	cancel = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		this.props.onCancel();
+	};
+	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);
+	};
+	hostedKeyDown = (event) => {
+		if (!event.defaultPrevented && event.key === "Escape") this.cancel(event);
+	};
 	render() {
 		if (this.props.context === "standalone") return /* @__PURE__ */ jsx("dialog", {
 			ref: this.dialog,
 			class: "seams-confirmation-modal",
-			"aria-label": this.props.label,
+			"aria-label": walletDisplayText(this.context, this.props.label),
 			onCancel: this.cancel,
 			onClick: this.backdropClick,
 			children: /* @__PURE__ */ jsx("div", {

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

@@ -1,3 +1,5 @@
+import { walletDisplayText } from "../../../../ui/messages.js";
+import { WalletLocaleContext } from "./WalletLocale.js";
 import { formatEmailOtpSentText } from "../../../stepUpConfirmation/otpPrompt/promptText.js";
 import { EmailOtpInput } from "./EmailOtpInput.js";
 import { EmailOtpSession } from "./email-otp-session.js";
@@ -9,47 +11,12 @@ function EmailOtpContent(props) {
 	return /* @__PURE__ */ jsx(EmailOtpSessionView, { ...props }, props.prompt.challengeId);
 }
 var EmailOtpSessionView = class extends Component {
+	static contextType = WalletLocaleContext;
+	session;
+	form = createRef();
+	lifetime;
 	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,
@@ -73,6 +40,44 @@ var EmailOtpSessionView = class extends Component {
 			} : null
 		});
 	}
+	submit = (code) => {
+		if (this.lifetime.kind === "active") this.props.onSubmit(code, this.lifetime.challengeId);
+	};
+	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)
+			};
+		}
+	};
+	change = (snapshot) => {
+		this.setState(snapshot);
+	};
+	confirm = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		if (this.session.confirm() === "invalid") this.setState({}, this.focusCode);
+	};
+	focusCode = () => {
+		this.form.current?.querySelector("input")?.focus({ preventScroll: true });
+	};
 	componentDidMount() {
 		this.session.setVerification(this.props.verification);
 	}
@@ -116,7 +121,7 @@ var EmailOtpSessionView = class extends Component {
 				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,
+				errorMessage: walletDisplayText(this.context, this.state.error || void 0),
 				state: this.inputState(),
 				resend: this.resendAction()
 			})

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/EmailOtpInput.js

@@ -1,26 +1,24 @@
+import { WalletText } from "./WalletLocale.js";
 import { Component } from "preact";
 import { jsx, jsxs } from "preact/jsx-runtime";
 //#region src/core/signingEngine/uiConfirm/ui/preact/EmailOtpInput.tsx
 /** @jsxImportSource preact */
 let nextInputId = 0;
 var EmailOtpInput = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.id = `seams-email-code-${++nextInputId}`;
-		this.input = (event) => {
-			if (this.props.state.kind === "editing") this.props.state.onInput(event.currentTarget.value);
-		};
-		this.resend = () => {
-			if (this.props.resend?.kind === "available") this.props.resend.onResend();
-		};
-		this.renderDigit = (index) => {
-			const digit = this.props.code[index] || "";
-			return /* @__PURE__ */ jsx("span", {
-				class: `email-otp-confirm__slot${digit ? " is-filled" : ""}`,
-				children: digit
-			}, index);
-		};
-	}
+	id = `seams-email-code-${++nextInputId}`;
+	input = (event) => {
+		if (this.props.state.kind === "editing") this.props.state.onInput(event.currentTarget.value);
+	};
+	resend = () => {
+		if (this.props.resend?.kind === "available") this.props.resend.onResend();
+	};
+	renderDigit = (index) => {
+		const digit = this.props.code[index] || "";
+		return /* @__PURE__ */ jsx("span", {
+			class: `email-otp-confirm__slot${digit ? " is-filled" : ""}`,
+			children: digit
+		}, index);
+	};
 	render() {
 		const disabled = this.props.state.kind !== "editing";
 		const helperId = `${this.id}-helper`;
@@ -31,7 +29,7 @@ var EmailOtpInput = class extends Component {
 				/* @__PURE__ */ jsx("label", {
 					class: "email-otp-confirm__label",
 					for: this.id,
-					children: "Email code"
+					children: /* @__PURE__ */ jsx(WalletText, { message: "Email code" })
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					class: "email-otp-confirm__code-field",
@@ -68,19 +66,19 @@ var EmailOtpInput = class extends Component {
 				/* @__PURE__ */ jsx("div", {
 					id: helperId,
 					class: "email-otp-confirm__helper",
-					children: this.props.helperText
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.helperText })
 				}),
 				this.props.errorMessage && /* @__PURE__ */ jsx("div", {
 					id: errorId,
 					class: "email-otp-confirm__error",
-					children: this.props.errorMessage
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.errorMessage })
 				}),
 				this.props.resend && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					class: "email-otp-confirm__resend",
 					disabled: this.props.resend.kind === "unavailable",
 					onClick: this.resend,
-					children: this.props.resend.label
+					children: /* @__PURE__ */ jsx(WalletText, { copy: this.props.resend.label })
 				})
 			]
 		});

package/dist/esm/core/signingEngine/uiConfirm/ui/preact/HaloBorder.js

@@ -4,30 +4,12 @@ import { jsx, jsxs } from "preact/jsx-runtime";
 /** @jsxImportSource preact */
 let nextHaloId = 0;
 var HaloBorder = class extends Component {
-	constructor(..._args) {
-		super(..._args);
-		this.id = `seams-halo-${++nextHaloId}`;
-		this.element = createRef();
-		this.motion = null;
-		this.frame = null;
-		this.startedAt = null;
-		this.angle = null;
-		this.updateAnimation = () => {
-			this.cancelFrame();
-			this.angle = null;
-			this.syncDynamicStyles();
-			if (this.props.animated && this.motion?.matches) this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
-		};
-		this.tick = (timestamp) => {
-			if (!this.element.current || !this.props.animated || !this.motion?.matches) return;
-			this.startedAt ??= timestamp;
-			const configuredDuration = this.props.durationMs;
-			const duration = configuredDuration && Number.isFinite(configuredDuration) && configuredDuration > 0 ? configuredDuration : 1150;
-			this.angle = `${(timestamp - this.startedAt) % duration / duration * 360}deg`;
-			this.syncDynamicStyles();
-			this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
-		};
-	}
+	id = `seams-halo-${++nextHaloId}`;
+	element = createRef();
+	motion = null;
+	frame = null;
+	startedAt = null;
+	angle = null;
 	componentDidMount() {
 		this.motion = this.element.current.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: no-preference)");
 		this.motion.addEventListener("change", this.updateAnimation);
@@ -51,6 +33,21 @@ var HaloBorder = class extends Component {
 		this.frame = null;
 		this.startedAt = null;
 	}
+	updateAnimation = () => {
+		this.cancelFrame();
+		this.angle = null;
+		this.syncDynamicStyles();
+		if (this.props.animated && this.motion?.matches) this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
+	};
+	tick = (timestamp) => {
+		if (!this.element.current || !this.props.animated || !this.motion?.matches) return;
+		this.startedAt ??= timestamp;
+		const configuredDuration = this.props.durationMs;
+		const duration = configuredDuration && Number.isFinite(configuredDuration) && configuredDuration > 0 ? configuredDuration : 1150;
+		this.angle = `${(timestamp - this.startedAt) % duration / duration * 360}deg`;
+		this.syncDynamicStyles();
+		this.frame = this.element.current.ownerDocument.defaultView.requestAnimationFrame(this.tick);
+	};
 	syncDynamicStyles() {
 		const declarations = {};
 		if (this.props.innerPadding) declarations["--inner-padding"] = this.props.innerPadding;