@agent-native/toolkit 0.226.0 → 0.226.1-nightly-20261107004051
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app/agentkit/react/components.d.ts +11 -9
- package/dist/app/agentkit/react/components.d.ts.map +1 -1
- package/dist/app/agentkit/react/components.js +115 -111
- package/dist/app/agentkit/react/components.js.map +1 -1
- package/dist/app/agentkit/react/stop-button.js +5 -5
- package/dist/app/agentkit/react/stop-button.js.map +1 -1
- package/dist/app/agentkit/react/styles.css +19 -48
- package/dist/app/auth/AuthPage.d.ts.map +1 -1
- package/dist/app/auth/AuthPage.js +7 -5
- package/dist/app/auth/AuthPage.js.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.js +7 -2
- package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
- package/dist/app/integrations/IntegrationDetailPage.d.ts.map +1 -1
- package/dist/app/integrations/IntegrationDetailPage.js +43 -1
- package/dist/app/integrations/IntegrationDetailPage.js.map +1 -1
- package/dist/app/integrations/IntegrationsPage.d.ts.map +1 -1
- package/dist/app/integrations/IntegrationsPage.js +16 -7
- package/dist/app/integrations/IntegrationsPage.js.map +1 -1
- package/dist/app/integrations/connected-server-id.d.ts +17 -0
- package/dist/app/integrations/connected-server-id.d.ts.map +1 -0
- package/dist/app/integrations/connected-server-id.js +26 -0
- package/dist/app/integrations/connected-server-id.js.map +1 -0
- package/dist/composer/TiptapComposer.d.ts +5 -3
- package/dist/composer/TiptapComposer.d.ts.map +1 -1
- package/dist/composer/TiptapComposer.js +1 -1
- package/dist/composer/TiptapComposer.js.map +1 -1
- package/package.json +4 -4
- package/src/app/agentkit/react/components.interaction.spec.tsx +112 -0
- package/src/app/agentkit/react/components.tsx +178 -192
- package/src/app/agentkit/react/lifecycle.spec.tsx +5 -16
- package/src/app/agentkit/react/stop-button.spec.tsx +1 -1
- package/src/app/agentkit/react/stop-button.tsx +5 -5
- package/src/app/agentkit/react/styles.css +19 -48
- package/src/app/agentkit/react/work-handoff.spec.tsx +202 -69
- package/src/app/auth/AuthPage.interaction.spec.tsx +17 -1
- package/src/app/auth/AuthPage.tsx +12 -4
- package/src/app/chat/AgentKitAssistantChat.tsx +6 -2
- package/src/app/integrations/IntegrationDetailPage.spec.tsx +30 -0
- package/src/app/integrations/IntegrationDetailPage.tsx +85 -1
- package/src/app/integrations/IntegrationsPage.spec.tsx +74 -0
- package/src/app/integrations/IntegrationsPage.tsx +47 -20
- package/src/app/integrations/connected-server-id.ts +34 -0
- package/src/composer/TiptapComposer.spec.ts +7 -7
- package/src/composer/TiptapComposer.tsx +12 -13
- package/src/composer/TiptapComposer.voice-toolbar.spec.tsx +24 -1
|
@@ -4,10 +4,10 @@ import { IconPlayerStopFilled } from "@tabler/icons-react";
|
|
|
4
4
|
import { useRef, useState } from "react";
|
|
5
5
|
import { Tooltip } from "../../../design-system/index.js";
|
|
6
6
|
import { useAgentKitControl, useAgentKitSubmissionStarting, useAgentThread, } from "./context.js";
|
|
7
|
-
//
|
|
8
|
-
//
|
|
9
|
-
// primaries.
|
|
10
|
-
const
|
|
7
|
+
// During voice chat, End voice chat holds the primary slot beside Stop (it
|
|
8
|
+
// renders as the send-button slot), so Stop steps down to secondary and the
|
|
9
|
+
// row never shows two identical primaries. A draft hides Stop instead.
|
|
10
|
+
const STOP_BESIDE_PRIMARY = "[[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:bg-secondary [[data-agent-composer-slot=toolbar]:has([data-agent-composer-slot=send-button])_&]:text-secondary-foreground";
|
|
11
11
|
// Stands in for the run key while a submission has no run id yet, so the
|
|
12
12
|
// deferred stop stays busy across the run registering.
|
|
13
13
|
const STARTING_RUN_KEY = "\u0000starting";
|
|
@@ -62,6 +62,6 @@ export function useAgentKitStopButton(options) {
|
|
|
62
62
|
onErrorRef.current(error instanceof Error ? error : new Error(String(error)));
|
|
63
63
|
})
|
|
64
64
|
.finally(release);
|
|
65
|
-
}, "aria-label": label, "aria-busy": stopping || undefined, disabled: stopping, "data-agent-composer-slot": "stop-button", className: `flex size-[var(--agentkit-composer-primary-control-size,2rem)] shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground transition-[opacity,background-color,color] duration-150 hover:opacity-90 disabled:cursor-default disabled:opacity-35 ${
|
|
65
|
+
}, "aria-label": label, "aria-busy": stopping || undefined, disabled: stopping, "data-agent-composer-slot": "stop-button", className: `flex size-[var(--agentkit-composer-primary-control-size,2rem)] shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground transition-[opacity,background-color,color] duration-150 hover:opacity-90 disabled:cursor-default disabled:opacity-35 ${STOP_BESIDE_PRIMARY}`, children: _jsx(IconPlayerStopFilled, { "aria-hidden": "true", className: "size-4" }) }) }));
|
|
66
66
|
}
|
|
67
67
|
//# sourceMappingURL=stop-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stop-button.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/stop-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EACL,kBAAkB,EAClB,6BAA6B,EAC7B,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,
|
|
1
|
+
{"version":3,"file":"stop-button.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/stop-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1257,49 +1257,6 @@
|
|
|
1257
1257
|
grid-row: 2;
|
|
1258
1258
|
}
|
|
1259
1259
|
|
|
1260
|
-
/* A live finish: the row's old place above the reply closes while the row
|
|
1261
|
-
fades in on the footer line. At rest the placeholder takes no space, so a
|
|
1262
|
-
host that drops the animation never keeps a gap. 180ms matches
|
|
1263
|
-
AGENT_WORK_HANDOFF_MS. */
|
|
1264
|
-
.agentkit-work-handoff {
|
|
1265
|
-
block-size: 0;
|
|
1266
|
-
margin-block: 0;
|
|
1267
|
-
overflow: hidden;
|
|
1268
|
-
opacity: 0;
|
|
1269
|
-
pointer-events: none;
|
|
1270
|
-
animation: agentkit-work-handoff-leave 180ms ease-out both;
|
|
1271
|
-
}
|
|
1272
|
-
|
|
1273
|
-
.agentkit-message-work-host
|
|
1274
|
-
.agentkit-activities[data-handoff="enter"]
|
|
1275
|
-
.agentkit-activities-row {
|
|
1276
|
-
animation: agentkit-work-handoff-enter 180ms ease-out both;
|
|
1277
|
-
}
|
|
1278
|
-
|
|
1279
|
-
@keyframes agentkit-work-handoff-leave {
|
|
1280
|
-
from {
|
|
1281
|
-
block-size: var(--agentkit-work-handoff-size);
|
|
1282
|
-
margin-block: var(--agentkit-run-segment-gap, 0.75rem);
|
|
1283
|
-
opacity: 1;
|
|
1284
|
-
}
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
@keyframes agentkit-work-handoff-enter {
|
|
1288
|
-
from {
|
|
1289
|
-
opacity: 0;
|
|
1290
|
-
translate: 0 -0.25rem;
|
|
1291
|
-
}
|
|
1292
|
-
}
|
|
1293
|
-
|
|
1294
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1295
|
-
.agentkit-work-handoff,
|
|
1296
|
-
.agentkit-message-work-host
|
|
1297
|
-
.agentkit-activities[data-handoff="enter"]
|
|
1298
|
-
.agentkit-activities-row {
|
|
1299
|
-
animation: none;
|
|
1300
|
-
}
|
|
1301
|
-
}
|
|
1302
|
-
|
|
1303
1260
|
/* The last icon's glyph, not its 24px hit area, ends on the text edge. */
|
|
1304
1261
|
.agentkit-message-actions[data-role="assistant"] .agentkit-message-toolbar {
|
|
1305
1262
|
grid-column: 2;
|
|
@@ -1465,17 +1422,25 @@
|
|
|
1465
1422
|
pointer-events: auto;
|
|
1466
1423
|
}
|
|
1467
1424
|
|
|
1468
|
-
.agentkit-message
|
|
1469
|
-
|
|
1425
|
+
.agentkit-message
|
|
1426
|
+
.agentkit-message-actions[data-streaming="true"]:not(
|
|
1427
|
+
:has(.agentkit-activities)
|
|
1428
|
+
),
|
|
1429
|
+
.agentkit-message:hover
|
|
1430
|
+
.agentkit-message-actions[data-streaming="true"]:not(
|
|
1431
|
+
:has(.agentkit-activities)
|
|
1432
|
+
),
|
|
1470
1433
|
.agentkit-message:focus-within
|
|
1471
|
-
.agentkit-message-actions[data-streaming="true"]
|
|
1434
|
+
.agentkit-message-actions[data-streaming="true"]:not(
|
|
1435
|
+
:has(.agentkit-activities)
|
|
1436
|
+
) {
|
|
1472
1437
|
opacity: 0;
|
|
1473
1438
|
visibility: hidden;
|
|
1474
1439
|
pointer-events: none;
|
|
1475
1440
|
}
|
|
1476
1441
|
|
|
1477
|
-
/* A footer carrying
|
|
1478
|
-
older reply's controls wait for hover or focus. */
|
|
1442
|
+
/* A footer carrying its reply's work always shows and takes its space, live
|
|
1443
|
+
or finished; only an older reply's controls wait for hover or focus. */
|
|
1479
1444
|
.agentkit-message-actions[data-role="assistant"]:has(.agentkit-activities) {
|
|
1480
1445
|
position: static;
|
|
1481
1446
|
opacity: 1;
|
|
@@ -1483,6 +1448,12 @@
|
|
|
1483
1448
|
pointer-events: auto;
|
|
1484
1449
|
}
|
|
1485
1450
|
|
|
1451
|
+
.agentkit-message-actions[data-role="assistant"][data-streaming="true"]
|
|
1452
|
+
.agentkit-message-toolbar {
|
|
1453
|
+
visibility: hidden;
|
|
1454
|
+
pointer-events: none;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1486
1457
|
.agentkit-message-actions[data-role="assistant"]:has(
|
|
1487
1458
|
.agentkit-activities
|
|
1488
1459
|
):not([data-latest="true"], [data-expanded="true"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthPage.d.ts","sourceRoot":"","sources":["../../../src/app/auth/AuthPage.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAEV,aAAa,EACb,QAAQ,EACT,MAAM,2CAA2C,CAAC;AAKnD,OAAO,EAEL,yBAAyB,EAG1B,MAAM,2CAA2C,CAAC;AAInD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,kDAAkD,CAAC;AAiB1D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAY1E;AA+DD,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR;AAmDD,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC,EACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAE,OAAO,GAChB,OAAO,CAOT;AAED,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAET;
|
|
1
|
+
{"version":3,"file":"AuthPage.d.ts","sourceRoot":"","sources":["../../../src/app/auth/AuthPage.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAEV,aAAa,EACb,QAAQ,EACT,MAAM,2CAA2C,CAAC;AAKnD,OAAO,EAEL,yBAAyB,EAG1B,MAAM,2CAA2C,CAAC;AAInD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,kDAAkD,CAAC;AAiB1D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAY1E;AA+DD,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,MAAM,GACf,MAAM,CAGR;AAmDD,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC,EACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAE,OAAO,GAChB,OAAO,CAOT;AAED,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAET;AAmKD,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAWV;AAyDD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,4BAA4B,EAAE,MAAM,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAQT;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,4BAA4B,EAAE,MAAM,EACpC,SAAS,SAA8D,GACtE,MAAM,CAQR;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GAAG,MAAM,CAOT;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAYV;AA4FD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,EACd,iBAAiB,EAAE,OAAO,GACzB,OAAO,CAET;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAUT;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAilF5C"}
|
|
@@ -173,6 +173,7 @@ function trackAuth(app, name, properties = {}, email) {
|
|
|
173
173
|
"https://analytics.agent-native.com/track", window.location.hostname);
|
|
174
174
|
const legacyProperties = {
|
|
175
175
|
app,
|
|
176
|
+
hostname: window.location.hostname,
|
|
176
177
|
...(app === "design" ? builderSignupTelemetry : {}),
|
|
177
178
|
...properties,
|
|
178
179
|
};
|
|
@@ -1890,9 +1891,10 @@ export function AuthPage(props) {
|
|
|
1890
1891
|
.filter(Boolean)
|
|
1891
1892
|
.join(" ");
|
|
1892
1893
|
const localModeNote = signupLocalModeNote ? (_jsxs("div", { className: "signup-local-mode-note", id: "signup-local-mode-note", "data-command": signupLocalModeNote.command, children: [_jsx("p", { children: signupLocalModeNote.text }), _jsx("code", { children: signupLocalModeNote.command }), _jsx("button", { type: "button", className: "copy-run-local", id: "copy-signup-local-mode", "data-copy-signup-local-mode": "true", "data-i18n": "copyCommand", onClick: () => void copySignupLocalMode(), children: copiedLocalMode ? t("copied") : t("copyCommand") })] })) : null;
|
|
1893
|
-
const builderLegalNote =
|
|
1894
|
-
builderSignup
|
|
1895
|
-
|
|
1894
|
+
const builderLegalNote = view !== "login" &&
|
|
1895
|
+
builderSignup?.status === "assigned" &&
|
|
1896
|
+
builderSignup.variant === "automatic" ? (_jsxs("span", { children: [t("builderSignupDisclosure"), " ", _jsx("a", { href: "https://www.builder.io/legal/terms", target: "_blank", rel: "noopener noreferrer", children: t("legalTerms") }), " ", t("legalConnector"), " ", _jsx("a", { href: "https://www.builder.io/legal/privacy", target: "_blank", rel: "noopener noreferrer", children: t("legalPrivacy") }), t("legalSuffix")] })) : null;
|
|
1897
|
+
const legalNote = signupLegalNotice ? (_jsxs("p", { className: "legal-note", children: [_jsx("span", { "data-i18n": "legalPrefix", children: signupLegalNotice.prefix ?? t("legalPrefix") }), " ", _jsx("a", { href: signupLegalNotice.termsUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.termsLabel ? undefined : "legalTerms", children: signupLegalNotice.termsLabel ?? t("legalTerms") }), " ", _jsx("span", { "data-i18n": "legalConnector", children: signupLegalNotice.connector ?? t("legalConnector") }), " ", _jsx("a", { href: signupLegalNotice.privacyUrl, target: "_blank", rel: "noreferrer", "data-i18n": signupLegalNotice.privacyLabel ? undefined : "legalPrivacy", children: signupLegalNotice.privacyLabel ?? t("legalPrivacy") }), _jsx("span", { "data-i18n": "legalSuffix", children: signupLegalNotice.suffix ?? t("legalSuffix") }), builderLegalNote && _jsxs(_Fragment, { children: [" ", builderLegalNote] })] })) : builderLegalNote ? (_jsx("p", { className: "legal-note", children: builderLegalNote })) : null;
|
|
1896
1898
|
const signupForm = (_jsx(AuthForm, { id: "signup-form", className: view === "signup" ? "active" : undefined, onSubmit: handleSignup, fields: [
|
|
1897
1899
|
{
|
|
1898
1900
|
id: "s-email",
|
|
@@ -1955,7 +1957,7 @@ export function AuthPage(props) {
|
|
|
1955
1957
|
? "localDevHideFullOptions"
|
|
1956
1958
|
: "localDevFullOptions", onClick: () => setFullAuthOptionsVisible((visible) => !visible), children: t(fullAuthOptionsVisible
|
|
1957
1959
|
? "localDevHideFullOptions"
|
|
1958
|
-
: "localDevFullOptions") }), notice("local-dev")] }), _jsxs("div", { id: "full-auth-options", className: "full-auth-options", hidden: !fullAuthOptionsVisible, children: [googleOnly && !showGoogle ? (_jsx("p", { className: "google-error show", id: "google-err", role: "status", "data-i18n": "googleNotConfigured", children: t("googleNotConfigured") })) : null,
|
|
1960
|
+
: "localDevFullOptions") }), notice("local-dev")] }), _jsxs("div", { id: "full-auth-options", className: "full-auth-options", hidden: !fullAuthOptionsVisible, children: [googleOnly && !showGoogle ? (_jsx("p", { className: "google-error show", id: "google-err", role: "status", "data-i18n": "googleNotConfigured", children: t("googleNotConfigured") })) : null, showGoogle ? (_jsxs("div", { className: "google-signin", id: "google-signin", children: [_jsxs("button", { className: `btn-google ${view === "magicLink" && isValidEmail(magicLinkEmail) ? "magic-link-secondary" : ""}`, id: "google-btn", type: "button", disabled: googleBusy || !builderSignup, "aria-busy": googleBusy, onClick: () => void startGoogle(), children: [googleBusy ? (_jsx(IconLoader2, { className: "animate-spin", "aria-hidden": "true" })) : (googleSvg()), _jsx("span", { "data-i18n": "googleButton", children: t("googleButton") })] }), notice("google"), _jsx("p", { className: "google-debug", id: "google-debug" })] })) : null, organizationSsoEnabled && !googleOnly ? (_jsxs("form", { id: "organization-sso-form", className: "sso-signin", onSubmit: handleOrganizationSso, children: [_jsx("label", { htmlFor: "sso-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "sso-email", type: "email", autoComplete: "email", placeholder: t("ssoEmailPlaceholder"), required: true, value: ssoEmail, onChange: (event) => setSsoEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "organization-sso-submit", disabled: !builderSignup || ssoBusy || !isValidEmail(ssoEmail), "data-i18n": "ssoButton", children: ssoBusy ? t("checking") : t("ssoButton") }), notice("sso")] })) : null, !googleOnly && showGoogle ? (_jsx("div", { className: "divider", id: "auth-divider", "data-i18n": "dividerOr", children: t("dividerOr") })) : null, !googleOnly && authMode === "magic-link" ? (_jsxs("form", { id: "magic-link-form", className: `form ${view === "magicLink" ? "active" : ""}`, onSubmit: handleMagicLink, children: [_jsx("label", { htmlFor: "m-email", "data-i18n": "email", children: t("email") }), _jsx("input", { id: "m-email", type: "email", autoComplete: "email", placeholder: t("emailPlaceholder"), required: true, value: magicLinkEmail, onChange: (event) => setMagicLinkEmail(event.currentTarget.value) }), _jsx("button", { type: "submit", id: "magic-link-submit", className: "magic-link-submit", disabled: !builderSignup || magicLinkBusy || !isValidEmail(magicLinkEmail), "data-i18n": "sendMagicLink", children: magicLinkBusy ? t("sending") : t("sendMagicLink") }), notice("magic-link"), _jsx("p", { className: "auth-mode-switch", children: _jsx("button", { type: "button", className: "link-button auth-mode-link", id: "use-password-link", "data-i18n": "usePasswordInstead", onClick: () => setView("login"), children: t("usePasswordInstead") }) }), legalNote] })) : null, authMode === "magic-link" ? (_jsxs("div", { className: `magic-link-success ${view === "magicLinkSent" ? "is-visible" : ""}`, id: "magic-link-success", "aria-live": "polite", hidden: view !== "magicLinkSent", children: [_jsxs("p", { className: "magic-link-success-copy", children: [_jsx("span", { "data-i18n": "magicLinkSentCopy", children: t("magicLinkSentCopy") }), " ", _jsx("strong", { id: "magic-link-success-email", children: magicLinkEmail }), "."] }), _jsx("button", { type: "button", className: "link-button magic-link-back", id: "magic-link-back", "data-i18n": "back", onClick: () => {
|
|
1959
1961
|
setMagicLinkEmail("");
|
|
1960
1962
|
setView("magicLink");
|
|
1961
1963
|
}, children: t("back") })] })) : null, !googleOnly ? (_jsxs("div", { className: "tabs", id: "auth-tabs", hidden: view === "magicLink" ||
|
|
@@ -1966,7 +1968,7 @@ export function AuthPage(props) {
|
|
|
1966
1968
|
}, children: t("createAccount") }), _jsx("button", { className: `tab ${view === "login" || view === "forgot" ? "active" : ""}`, type: "button", "data-tab": "login", "data-i18n": "signIn", onClick: () => {
|
|
1967
1969
|
setView("login");
|
|
1968
1970
|
writeStorage(TAB_STORAGE_KEY, "login");
|
|
1969
|
-
}, children: t("signIn") })] })) : null, !googleOnly ? signupForm : null, _jsxs("div", { id: "verification-step", className: `form verification-step ${view === "verification" ? "active" : ""}`, "aria-live": "polite", children: [_jsxs("div", { className: "step-progress", "aria-label": t("signupProgress"), "data-i18n-aria-label": "signupProgress", children: [_jsxs("div", { className: "progress-step complete", children: [_jsx("span", { children: "1" }), _jsx("strong", { "data-i18n": "progressAccount", children: t("progressAccount") })] }), _jsxs("div", { className: "progress-step current", children: [_jsx("span", { children: "2" }), _jsx("strong", { "data-i18n": "progressVerify", children: t("progressVerify") })] }), _jsxs("div", { className: "progress-step", children: [_jsx("span", { children: "3" }), _jsx("strong", { "data-i18n": "progressStart", children: t("progressStart") })] })] }), _jsxs("div", { className: "verification-panel", children: [_jsx("p", { className: "verification-kicker", "data-i18n": "verificationSent", children: t("verificationSent") }), _jsxs("p", { className: "verification-copy", children: [_jsx("span", { "data-i18n": "verifyCopyPrefix", children: t("verifyCopyPrefix") }), " ", _jsx("strong", { id: "verify-email", children: verificationEmail }), _jsx("span", { "data-i18n": "verifyCopySuffix", children: t("verifyCopySuffix") })] }), _jsx("p", { className: "verification-note", "data-i18n": "verificationNote", children: t("verificationNote") })] }), _jsx("button", { type: "button", className: "btn-primary", id: "verify-continue", "data-i18n": "continue", onClick: () => void checkVerification(), children: t("continue") }), _jsxs("div", { className: "inline-actions", children: [_jsxs("button", { type: "button", className: "link-button", id: "resend-verification", disabled: verificationResendActive, "data-i18n": "resendEmail", onClick: () => void resendVerification(), children: [t("resendEmail"), verificationResendActive
|
|
1971
|
+
}, children: t("signIn") })] })) : null, !googleOnly ? (signupForm) : builderLegalNote ? (_jsx("p", { className: "legal-note", children: builderLegalNote })) : null, _jsxs("div", { id: "verification-step", className: `form verification-step ${view === "verification" ? "active" : ""}`, "aria-live": "polite", children: [_jsxs("div", { className: "step-progress", "aria-label": t("signupProgress"), "data-i18n-aria-label": "signupProgress", children: [_jsxs("div", { className: "progress-step complete", children: [_jsx("span", { children: "1" }), _jsx("strong", { "data-i18n": "progressAccount", children: t("progressAccount") })] }), _jsxs("div", { className: "progress-step current", children: [_jsx("span", { children: "2" }), _jsx("strong", { "data-i18n": "progressVerify", children: t("progressVerify") })] }), _jsxs("div", { className: "progress-step", children: [_jsx("span", { children: "3" }), _jsx("strong", { "data-i18n": "progressStart", children: t("progressStart") })] })] }), _jsxs("div", { className: "verification-panel", children: [_jsx("p", { className: "verification-kicker", "data-i18n": "verificationSent", children: t("verificationSent") }), _jsxs("p", { className: "verification-copy", children: [_jsx("span", { "data-i18n": "verifyCopyPrefix", children: t("verifyCopyPrefix") }), " ", _jsx("strong", { id: "verify-email", children: verificationEmail }), _jsx("span", { "data-i18n": "verifyCopySuffix", children: t("verifyCopySuffix") })] }), _jsx("p", { className: "verification-note", "data-i18n": "verificationNote", children: t("verificationNote") })] }), _jsx("button", { type: "button", className: "btn-primary", id: "verify-continue", "data-i18n": "continue", onClick: () => void checkVerification(), children: t("continue") }), _jsxs("div", { className: "inline-actions", children: [_jsxs("button", { type: "button", className: "link-button", id: "resend-verification", disabled: verificationResendActive, "data-i18n": "resendEmail", onClick: () => void resendVerification(), children: [t("resendEmail"), verificationResendActive
|
|
1970
1972
|
? ` (${Math.ceil((verificationResendUntil - Date.now()) / 1000)}s)`
|
|
1971
1973
|
: ""] }), _jsx("button", { type: "button", className: "link-button", id: "back-to-signup", "data-i18n": "back", onClick: () => {
|
|
1972
1974
|
clearVerificationResendCooldown();
|