@hexclave/react 1.0.32 → 1.0.34

package/dist/dev-tool/index.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
-let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let ___in_page_ui_dom_js = require("../in-page-ui/dom.js");
+let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
 let _hexclave_shared_dist_utils_urls = require("@hexclave/shared/dist/utils/urls");
 let ___generated_env_js = require("../generated/env.js");
 

package/dist/esm/clickmap/clickmap-core.js

@@ -1,9 +1,9 @@
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { AnalyticsClickmapResponseBodySchema } from "@hexclave/shared/dist/interface/admin-metrics";
 import { CLICKMAP_OVERLAY_RESUME_STORAGE_KEY, CLICKMAP_OVERLAY_TOKEN_STORAGE_KEY, CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT } from "@hexclave/shared/dist/utils/analytics-clickmap-overlay";
 import { CLICKMAP_ROOT_ID, DEV_TOOL_ROOT_ID } from "@hexclave/shared/dist/utils/dev-tool";
 import { cssEscapeIdent } from "@hexclave/shared/dist/utils/dom";
 import { buildElementsChain, parseElementsChain } from "@hexclave/shared/dist/utils/elements-chain";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { stringCompare } from "@hexclave/shared/dist/utils/strings";
 import { getGlobalUiInstance, h, hasAppendChild, setGlobalUiInstance, setHtml } from "../in-page-ui/dom.js";
 import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";

package/dist/esm/clickmap/index.js

@@ -1,7 +1,7 @@
-import { captureError } from "@hexclave/shared/dist/utils/errors";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { CLICKMAP_OVERLAY_RESUME_STORAGE_KEY, CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT } from "@hexclave/shared/dist/utils/analytics-clickmap-overlay";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { canMountIntoDom } from "../in-page-ui/dom.js";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 
 //#region src/clickmap/index.ts
 function consumeResumeSentinel() {

package/dist/esm/components/api-key-dialogs.js

@@ -1,9 +1,9 @@
 'use client';
 
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { captureError } from "@hexclave/shared/dist/utils/errors";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { ActionDialog, Button, CopyField, Input, Label, Typography } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components/credential-sign-in.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, PasswordInput } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components/credential-sign-up.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, PasswordInput } from "@hexclave/ui";
 import React, { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components/magic-link-sign-in.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components/team-switcher.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
 import { Button, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Typography, cn } from "@hexclave/ui";
 import { Suspense, useMemo } from "react";
 import { useStackApp, useUser } from "../index.js";

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.js

@@ -1,5 +1,5 @@
-import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { ActionCell, Badge, Button, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.js

@@ -1,6 +1,6 @@
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.js

@@ -1,5 +1,5 @@
-import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { throwErr } from "@hexclave/shared/dist/utils/errors";
 import { Button, Input, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components-page/account-settings/email-and-auth/password-section.js

@@ -1,6 +1,6 @@
+import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, PasswordInput, Typography } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/account-settings/teams/team-api-keys-section.js

@@ -4,9 +4,9 @@ import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
-import { Section } from "../section.js";
 import { CreateApiKeyDialog, ShowApiKeyDialog } from "../../../components/api-key-dialogs.js";
 import { ApiKeyTable } from "../../../components/api-key-table.js";
+import { Section } from "../section.js";
 
 //#region src/components-page/account-settings/teams/team-api-keys-section.tsx
 function TeamApiKeysSection(props) {

package/dist/esm/components-page/account-settings/teams/team-creation-page.js

@@ -1,6 +1,6 @@
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/account-settings/teams/team-member-invitation-section.js

@@ -1,6 +1,6 @@
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/auth-page.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from "@hexclave/ui";
 import { Suspense, useMemo } from "react";
 import { useStackApp, useUser } from "../index.js";

package/dist/esm/components-page/cli-auth-confirm.js

@@ -1,12 +1,12 @@
 'use client';
 
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { Typography } from "@hexclave/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp } from "../lib/hooks.js";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { MessageCard } from "../components/message-cards/message-card.js";
 
 //#region src/components-page/cli-auth-confirm.tsx

package/dist/esm/components-page/cli-auth-confirm.test.js

@@ -1,7 +1,7 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import React, { act } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { HexclaveContext } from "../providers/hexclave-context.js";

package/dist/esm/components-page/forgot-password.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, Typography, cn } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/oauth-callback.js

@@ -1,14 +1,14 @@
 'use client';
 
-import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
+import { captureError } from "@hexclave/shared/dist/utils/errors";
 import { Spinner, cn } from "@hexclave/ui";
 import { useEffect, useRef, useState } from "react";
 import { useStackApp } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { KnownError } from "@hexclave/shared";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
 import { StyledLink } from "../components/link.js";
 import { ErrorPage } from "./error-page.js";

package/dist/esm/components-page/oauth-callback.test.js

@@ -1,7 +1,7 @@
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import React, { act } from "react";
 import { jsx } from "react/jsx-runtime";
 import { KnownErrors } from "@hexclave/shared";
-import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { OAuthCallback } from "./oauth-callback.js";

package/dist/esm/components-page/onboarding.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Typography } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/password-reset.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { passwordSchema, yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Label, PasswordInput, Typography, cn } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/components-page/team-creation.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, Typography } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

package/dist/esm/dev-tool/dev-tool-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBA4tEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAiuEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}

package/dist/esm/dev-tool/dev-tool-core.js

@@ -1,5 +1,5 @@
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { DEV_TOOL_ROOT_ID } from "@hexclave/shared/dist/utils/dev-tool";
+import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { getGlobalUiInstance, h, hasAppendChild, setGlobalUiInstance, setHtml } from "../in-page-ui/dom.js";
 import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
@@ -1692,10 +1692,6 @@ function createComponentsTab(app) {
 			};
 		});
 	}
-	function getCompactUrl(url) {
-		const resolved = new URL(url, window.location.origin);
-		return `${resolved.pathname}${resolved.search}${resolved.hash}`;
-	}
 	const sidebar = h("div", { className: "sdt-pg-sidebar" });
 	const mainArea = h("div", { className: "sdt-pg-main" });
 	function renderSidebar() {
@@ -1733,12 +1729,6 @@ function createComponentsTab(app) {
 		const header = h("div", { className: "sdt-pg-header" });
 		const headerTop = h("div", { className: "sdt-pg-header-top" });
 		headerTop.appendChild(h("h3", { className: "sdt-pg-title" }, `${page.label} Page`));
-		headerTop.appendChild(h("a", {
-			href: page.url,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: "sdt-pg-title-url"
-		}, getCompactUrl(page.url)));
 		if (page.versionStatus === "outdated") headerTop.appendChild(h("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
 		header.appendChild(headerTop);
 		const redirectMethod = `hexclaveApp.redirectTo${page.key.charAt(0).toUpperCase()}${page.key.slice(1)}()`;
@@ -1747,8 +1737,14 @@ function createComponentsTab(app) {
 		const openBtn = h("button", { className: "sdt-pg-copy-btn sdt-pg-open-btn" });
 		setHtml(openBtn, "Open <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
 		openBtn.addEventListener("click", () => {
-			const resolved = new URL(page.url, window.location.origin);
-			window.open(resolved.toString(), "_blank", "noopener,noreferrer");
+			const openedWindow = window.open("about:blank", "_blank");
+			if (openedWindow != null) openedWindow.opener = null;
+			runAsynchronouslyWithAlert(async () => {
+				const redirectUrl = await app[hexclaveAppInternalsSymbol].getRedirectToHandlerUrl(page.key);
+				const resolved = new URL(redirectUrl, window.location.origin);
+				if (openedWindow != null) openedWindow.location.replace(resolved.toString());
+				else window.open(resolved.toString(), "_blank", "noopener,noreferrer");
+			});
 		});
 		codeRow.appendChild(openBtn);
 		header.appendChild(codeRow);