@camstack/ui-library 1.2.339 → 1.2.341

package/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.2.341] - 2026-10-28
+
+### Changed
+
+- Account sign-in fields follow the vendor-login path of the hub login proxy
+
+## [1.2.340] - 2026-10-27
+
+### Changed
+
+- The account sign-in form waits for the hub to finish the sign-in on its own and keeps the paste box as a fallback.
+
 ## [1.2.339] - 2026-10-27
 
 ### Added

package/dist/index.cjs

@@ -14514,6 +14514,7 @@ Button.displayName = "Button";
 //#endregion
 //#region src/composites/account-sign-in-field.tsx
 var INPUT_CLASS$1 = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50 disabled:cursor-not-allowed";
+var CLAIM_POLL_MS = 2e3;
 var BARE_CODE = /^[A-Za-z0-9._~-]{8,}$/;
 function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -14557,6 +14558,10 @@ function choicesOf(value) {
 function selectedChoice(value) {
 	return typeof value === "string" ? value : "";
 }
+/** A hub-relative path (the proxied login) opens on the hub's own origin. */
+function openableUrl(url) {
+	return url.startsWith("/") && !url.startsWith("//") ? new URL(url, window.location.origin).toString() : url;
+}
 function shouldComplete(text) {
 	const trimmed = text.trim();
 	if (trimmed.length === 0) return false;
@@ -14595,6 +14600,33 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 		setAttemptId(null);
 		setAuthorizeUrl(null);
 	};
+	const claimAction = field.claimAction;
+	(0, react$1.useEffect)(() => {
+		if (claimAction === void 0 || attemptId === null || phase !== "pasting" || !onAction) return;
+		let stopped = false;
+		const timer = setInterval(() => {
+			if (inFlight.current) return;
+			onAction(claimAction, field.key, { attemptId }).then((result) => {
+				if (stopped || !isRecord$4(result) || result["pending"] === true) return;
+				stopped = true;
+				applyResult(result);
+			}).catch((err) => {
+				if (stopped) return;
+				stopped = true;
+				setError(err instanceof Error ? err.message : String(err));
+			});
+		}, CLAIM_POLL_MS);
+		return () => {
+			stopped = true;
+			clearInterval(timer);
+		};
+	}, [
+		claimAction,
+		attemptId,
+		phase,
+		onAction,
+		field.key
+	]);
 	const begin = async () => {
 		if (!onAction || working) return;
 		setWorking(true);
@@ -14612,7 +14644,7 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 			setAttemptId(result["attemptId"]);
 			setAuthorizeUrl(result["authorizeUrl"]);
 			setPhase("pasting");
-			window.open(result["authorizeUrl"], "_blank", "noopener,noreferrer");
+			window.open(openableUrl(result["authorizeUrl"]), "_blank", "noopener,noreferrer");
 		} catch (err) {
 			setError(err instanceof Error ? err.message : String(err));
 		} finally {
@@ -14725,24 +14757,31 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 			}),
 			showPaste && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-col gap-1.5",
-				children: [authorizeUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-					className: "text-[11px] text-primary break-all",
-					href: authorizeUrl,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: t("uiLibrary.accountSignIn.open", "Open the sign-in page")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-					className: `${INPUT_CLASS$1} min-h-[60px] resize-y`,
-					"aria-label": t("uiLibrary.accountSignIn.paste", "Redirect address or code"),
-					placeholder: field.pastePlaceholder,
-					value: paste,
-					disabled: disabled || working,
-					onChange: (event) => {
-						const next = event.target.value;
-						setPaste(next);
-						if (shouldComplete(next)) complete(next);
-					}
-				})]
+				children: [
+					authorizeUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						className: "text-[11px] text-primary break-all",
+						href: authorizeUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: t("uiLibrary.accountSignIn.open", "Open the sign-in page")
+					}),
+					claimAction !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-[11px] text-muted-foreground",
+						children: t("uiLibrary.accountSignIn.pasteFallback", "If the page does not finish, paste the address it stops on here.")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: `${INPUT_CLASS$1} min-h-[60px] resize-y`,
+						"aria-label": t("uiLibrary.accountSignIn.paste", "Redirect address or code"),
+						placeholder: field.pastePlaceholder,
+						value: paste,
+						disabled: disabled || working,
+						onChange: (event) => {
+							const next = event.target.value;
+							setPaste(next);
+							if (shouldComplete(next)) complete(next);
+						}
+					})
+				]
 			}),
 			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-[11px] text-danger",

package/dist/index.js

@@ -14490,6 +14490,7 @@ Button.displayName = "Button";
 //#endregion
 //#region src/composites/account-sign-in-field.tsx
 var INPUT_CLASS$1 = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50 disabled:cursor-not-allowed";
+var CLAIM_POLL_MS = 2e3;
 var BARE_CODE = /^[A-Za-z0-9._~-]{8,}$/;
 function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -14533,6 +14534,10 @@ function choicesOf(value) {
 function selectedChoice(value) {
 	return typeof value === "string" ? value : "";
 }
+/** A hub-relative path (the proxied login) opens on the hub's own origin. */
+function openableUrl(url) {
+	return url.startsWith("/") && !url.startsWith("//") ? new URL(url, window.location.origin).toString() : url;
+}
 function shouldComplete(text) {
 	const trimmed = text.trim();
 	if (trimmed.length === 0) return false;
@@ -14571,6 +14576,33 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 		setAttemptId(null);
 		setAuthorizeUrl(null);
 	};
+	const claimAction = field.claimAction;
+	useEffect(() => {
+		if (claimAction === void 0 || attemptId === null || phase !== "pasting" || !onAction) return;
+		let stopped = false;
+		const timer = setInterval(() => {
+			if (inFlight.current) return;
+			onAction(claimAction, field.key, { attemptId }).then((result) => {
+				if (stopped || !isRecord$4(result) || result["pending"] === true) return;
+				stopped = true;
+				applyResult(result);
+			}).catch((err) => {
+				if (stopped) return;
+				stopped = true;
+				setError(err instanceof Error ? err.message : String(err));
+			});
+		}, CLAIM_POLL_MS);
+		return () => {
+			stopped = true;
+			clearInterval(timer);
+		};
+	}, [
+		claimAction,
+		attemptId,
+		phase,
+		onAction,
+		field.key
+	]);
 	const begin = async () => {
 		if (!onAction || working) return;
 		setWorking(true);
@@ -14588,7 +14620,7 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 			setAttemptId(result["attemptId"]);
 			setAuthorizeUrl(result["authorizeUrl"]);
 			setPhase("pasting");
-			window.open(result["authorizeUrl"], "_blank", "noopener,noreferrer");
+			window.open(openableUrl(result["authorizeUrl"]), "_blank", "noopener,noreferrer");
 		} catch (err) {
 			setError(err instanceof Error ? err.message : String(err));
 		} finally {
@@ -14701,24 +14733,31 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 			}),
 			showPaste && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
-				children: [authorizeUrl !== null && /* @__PURE__ */ jsx("a", {
-					className: "text-[11px] text-primary break-all",
-					href: authorizeUrl,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: t("uiLibrary.accountSignIn.open", "Open the sign-in page")
-				}), /* @__PURE__ */ jsx("textarea", {
-					className: `${INPUT_CLASS$1} min-h-[60px] resize-y`,
-					"aria-label": t("uiLibrary.accountSignIn.paste", "Redirect address or code"),
-					placeholder: field.pastePlaceholder,
-					value: paste,
-					disabled: disabled || working,
-					onChange: (event) => {
-						const next = event.target.value;
-						setPaste(next);
-						if (shouldComplete(next)) complete(next);
-					}
-				})]
+				children: [
+					authorizeUrl !== null && /* @__PURE__ */ jsx("a", {
+						className: "text-[11px] text-primary break-all",
+						href: authorizeUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: t("uiLibrary.accountSignIn.open", "Open the sign-in page")
+					}),
+					claimAction !== void 0 && /* @__PURE__ */ jsx("p", {
+						className: "text-[11px] text-muted-foreground",
+						children: t("uiLibrary.accountSignIn.pasteFallback", "If the page does not finish, paste the address it stops on here.")
+					}),
+					/* @__PURE__ */ jsx("textarea", {
+						className: `${INPUT_CLASS$1} min-h-[60px] resize-y`,
+						"aria-label": t("uiLibrary.accountSignIn.paste", "Redirect address or code"),
+						placeholder: field.pastePlaceholder,
+						value: paste,
+						disabled: disabled || working,
+						onChange: (event) => {
+							const next = event.target.value;
+							setPaste(next);
+							if (shouldComplete(next)) complete(next);
+						}
+					})
+				]
 			}),
 			error !== null && /* @__PURE__ */ jsx("p", {
 				className: "text-[11px] text-danger",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.339",
+  "version": "1.2.341",
   "repository": {
     "type": "git",
     "url": "https://github.com/camstack/server.git",