@openviking/react 0.1.6 → 0.1.8-beta.10.1.g8e5299efeb0a

package/README.md

@@ -6,7 +6,7 @@ Public UI components, composed modules accept optional `locale: 'zh-CN' | 'en-US
 
 React foundations for OpenViking AI application interfaces: build tooling, documentation, layered directories, and scoped styles. FileTree, Tui and FilePreview provide working views, alongside five file-type icons. FileBrowser coordinates browsing, previews and dashboards; Console provides a native command panel; ScopeCascade provides an integrated cascade selector.
 
-This package inherits the repository's AGPL-3.0-only license. The release workflow publishes it to npm when a `react@<version>` tag matches the version in this package's manifest.
+This package inherits the repository's AGPL-3.0-only license. The release workflow publishes it to npm when the Changesets version PR is merged, or when a `react@<version>` tag matches this package's version.
 
 ## Module map
 
@@ -98,3 +98,15 @@ Built-in translations live alongside each component or module in `locales/en-US.
 Dynamic messages use typed formatter functions; dates and numbers use `Intl`. `npm test` checks matching keys, string placeholders and formatter arity across languages, while type checking validates parameter types. Undefined `labels` entries inherit the selected language; empty strings remain explicit overrides.
 
 Set `locale` on `OpenVikingProvider` for a subtree. Optional module and component Props override the nearest scope, then fall back to `en-US`. Standalone Hooks also inherit the Provider. The private `src/shared/locale-context.tsx` is shared across public entries and remains separate from request-client configuration, so language changes preserve requests and state.
+
+The internal Input, Button, Modal and Drawer adapt Arco Design logic (MIT); its notice ships in `LICENSE.arco-design`. Input and Button visual rules are adapted from the console's `@arco-design/theme-ve-o-aml-design@0.0.36` (MIT), rather than Arco's default skin. They have no public component entry.
+
+## Authentication forms
+
+`EmailLoginForm`, `ApiKeyLoginForm`, `PasswordResetRequestForm`, `PasswordSetupForm`,
+`LoginMethodSelector` and `InvitationConfirmation` are request-free React views.
+Import components from the package root or their individual `components/<kebab-case-name>`
+entries and import the matching `style.css`. Optional actions and agreements are configured
+by the host. Password strength, asynchronous loading/errors, mail delivery, session/CSRF,
+invitation routing and persistence are host responsibilities. No internal UI or theme
+packages are required. See the authentication form examples in the UI documentation.

package/dist/1~0.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuthLabels, Action } from "./g~0.js";
+function InvitationConfirmation({ details, loading, disabled, error, decline, defer, className, onAccept, title, description, locale, acceptLabel }) {
+    const labels = useAuthLabels(locale);
+    return /*#__PURE__*/ jsxs("section", {
+        className: `ov-auth ${className ?? ''}`,
+        "aria-busy": loading || void 0,
+        children: [
+            title && /*#__PURE__*/ jsx("h2", {
+                children: title
+            }),
+            description && /*#__PURE__*/ jsx("p", {
+                className: "ov-auth__description",
+                children: description
+            }),
+            /*#__PURE__*/ jsx("dl", {
+                className: "ov-auth__details",
+                children: details.map((item, index)=>/*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("dt", {
+                                children: item.label
+                            }),
+                            /*#__PURE__*/ jsx("dd", {
+                                children: item.value
+                            })
+                        ]
+                    }, index))
+            }),
+            error && /*#__PURE__*/ jsx("div", {
+                className: "ov-auth__error",
+                role: "alert",
+                children: error
+            }),
+            /*#__PURE__*/ jsxs("fieldset", {
+                disabled: loading || disabled,
+                children: [
+                    /*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        className: "ov-auth__primary ov-auth__submit",
+                        onClick: onAccept,
+                        children: [
+                            acceptLabel ?? labels.acceptInvitation,
+                            loading && ' …'
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Action, {
+                        action: decline
+                    }),
+                    /*#__PURE__*/ jsx(Action, {
+                        action: defer
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { InvitationConfirmation };

package/dist/2~0.js

@@ -8,6 +8,7 @@ import { resolveLocale } from "./nx~0.js";
 import { removereact } from "./4~0.js";
 import { usePortalTheme } from "./9~0.js";
 import { useLocale } from "./28~0.js";
+import { button_Button } from "./e~0.js";
 import { AgentConnect } from "./u~0.js";
 import * as __rspack_external_react from "react";
 __webpack_require__.add({
@@ -2282,8 +2283,8 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
     const [drawerOpen, setDrawerOpen] = useState(false);
     const text = resolveFileBrowserEntriesLabels(locale, labels);
     const showConnect = Boolean(agentConnect || onConnectAgent);
-    const importButton = /*#__PURE__*/ jsxs("button", {
-        type: "button",
+    const importButton = /*#__PURE__*/ jsxs(button_Button, {
+        htmlType: "button",
         className: "ov-file-browser-entries__entry",
         onClick: onImportResources,
         children: [
@@ -2308,9 +2309,9 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
             className
         ].filter(Boolean).join(' '),
         children: [
-            showConnect ? /*#__PURE__*/ jsxs("button", {
+            showConnect ? /*#__PURE__*/ jsxs(button_Button, {
                 ref: triggerRef,
-                type: "button",
+                htmlType: "button",
                 className: "ov-file-browser-entries__entry",
                 "aria-haspopup": agentConnect ? 'dialog' : void 0,
                 "aria-controls": agentConnect ? drawerId : void 0,
@@ -2360,4 +2361,4 @@ function FileBrowserEntries({ locale: localeProp, agentConnect, onConnectAgent,
         ]
     });
 }
-export { FileBrowserEntries };
+export { FileBrowserEntries, es2015, lockBodyScroll };

package/dist/3c~0.js

@@ -6,6 +6,7 @@ import { ArrowRightIcon } from "./k~0.js";
 import { resolveLocale } from "./nx~0.js";
 import { checkreact } from "./0~0.js";
 import { Tooltip } from "./rt~0.js";
+import { button_Button } from "./e~0.js";
 import { useLocale } from "./28~0.js";
 function getTuiCommandInputText(command) {
     return command.inputText?.trim() || command.name;
@@ -1170,8 +1171,11 @@ function TuiCopyButton({ text, label, copiedLabel, onCopy, className }) {
     };
     return /*#__PURE__*/ jsx(Tooltip, {
         content: copied ? copiedLabel : label,
-        children: /*#__PURE__*/ jsx("button", {
-            type: "button",
+        children: /*#__PURE__*/ jsx(button_Button, {
+            size: "mini",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: [
                 'ov-tui__copy',
                 className
@@ -1537,8 +1541,10 @@ function TuiResourceTree({ content, onOpenUri, loadMoreLabel, noResultLabel, res
                         })
                     }, item.id))
             }),
-            hiddenCount > 0 ? /*#__PURE__*/ jsxs("button", {
-                type: "button",
+            hiddenCount > 0 ? /*#__PURE__*/ jsxs(button_Button, {
+                size: "small",
+                type: "default",
+                htmlType: "button",
                 className: "ov-tui__load-more",
                 onClick: ()=>setVisibleCount((count)=>count + PAGE_SIZE),
                 children: [

package/dist/3~0.js

@@ -1,5 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as external_react_Fragment, Suspense, forwardRef, lazy, useCallback, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { button_Button } from "./e~0.js";
+import { WikiEditIcon } from "./k~0.js";
 import { Tooltip } from "./rt~0.js";
 import { resolveLocale, mergeLabels } from "./nx~0.js";
 import { useLocale } from "./28~0.js";
@@ -37,8 +39,10 @@ function FilePreviewEditor({ draft, text, loading, failed, saveFailed, saving, o
                 className: "ov-file-preview__state-title",
                 children: text.loadFailed
             }),
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
+            /*#__PURE__*/ jsx(button_Button, {
+                size: "small",
+                type: "default",
+                htmlType: "button",
                 className: "ov-file-preview__button",
                 onClick: onCancel,
                 children: text.leaveEditing
@@ -140,8 +144,10 @@ function LoadFailedState({ text, description, onRetry }) {
     return /*#__PURE__*/ jsx(StatePanel, {
         title: text.loadFailed,
         description: description,
-        action: onRetry ? /*#__PURE__*/ jsx("button", {
-            type: "button",
+        action: onRetry ? /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "default",
+            htmlType: "button",
             className: "ov-file-preview__button",
             onClick: onRetry,
             children: text.retry
@@ -151,8 +157,10 @@ function LoadFailedState({ text, description, onRetry }) {
 function UnsupportedState({ text, onDownload }) {
     return /*#__PURE__*/ jsx(StatePanel, {
         title: text.unsupported,
-        action: onDownload ? /*#__PURE__*/ jsx("button", {
-            type: "button",
+        action: onDownload ? /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "default",
+            htmlType: "button",
             className: "ov-file-preview__button",
             onClick: onDownload,
             children: text.download
@@ -216,6 +224,119 @@ function FilePreviewBody({ fileTab, text, locale, viewMode, editing, onViewModeC
         fileTab.source.url
     ]));
 }
+function FilePreviewToolbar({ actions, text, extraActions }) {
+    const [copyResult, setCopyResult] = useState();
+    if (actions.editing) return null;
+    const hasActions = actions.canCopyContent || actions.canEdit || actions.canDownload || extraActions;
+    if (!actions.canSwitchView && !hasActions) return null;
+    const copyLabel = void 0 === copyResult ? text.copyContent : copyResult ? text.copied : text.copyFailed;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "ov-file-preview__toolbar",
+        children: [
+            actions.canSwitchView ? /*#__PURE__*/ jsx("div", {
+                className: "ov-file-preview__switch",
+                role: "group",
+                "aria-label": text.viewSwitch,
+                children: [
+                    'preview',
+                    'source'
+                ].map((mode)=>/*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "ov-file-preview__switch-item",
+                        "aria-pressed": actions.viewMode === mode,
+                        disabled: actions.busy,
+                        onClick: ()=>actions.setViewMode(mode),
+                        children: 'preview' === mode ? text.previewMode : text.sourceMode
+                    }, mode))
+            }) : null,
+            actions.canSwitchView && hasActions ? /*#__PURE__*/ jsx("span", {
+                className: "ov-file-preview__toolbar-divider",
+                "aria-hidden": "true"
+            }) : null,
+            actions.canCopyContent ? /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(button_Button, {
+                        size: "small",
+                        type: "default",
+                        iconOnly: true,
+                        className: "ov-file-preview__toolbar-button",
+                        "aria-label": text.copyContent,
+                        title: copyLabel,
+                        disabled: actions.busy,
+                        onBlur: ()=>setCopyResult(void 0),
+                        onClick: ()=>void actions.copyContent().then(setCopyResult),
+                        children: /*#__PURE__*/ jsxs("svg", {
+                            "aria-hidden": "true",
+                            width: "14",
+                            height: "14",
+                            viewBox: "0 0 16 16",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "1.4",
+                            children: [
+                                /*#__PURE__*/ jsx("rect", {
+                                    x: "5.5",
+                                    y: "5.5",
+                                    width: "8",
+                                    height: "8",
+                                    rx: "1.5"
+                                }),
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M10.5 5.5v-1a1.5 1.5 0 0 0-1.5-1.5H4a1.5 1.5 0 0 0-1.5 1.5v5A1.5 1.5 0 0 0 4 11h1"
+                                })
+                            ]
+                        })
+                    }),
+                    void 0 !== copyResult ? /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-preview__sr-only",
+                        role: "status",
+                        children: copyLabel
+                    }) : null
+                ]
+            }) : null,
+            actions.canEdit ? /*#__PURE__*/ jsxs(button_Button, {
+                size: "small",
+                type: "default",
+                className: "ov-file-preview__toolbar-button",
+                disabled: actions.busy,
+                onClick: actions.startEditing,
+                children: [
+                    /*#__PURE__*/ jsx(WikiEditIcon, {
+                        width: 14,
+                        height: 14,
+                        "aria-hidden": "true"
+                    }),
+                    text.edit
+                ]
+            }) : null,
+            actions.canDownload ? /*#__PURE__*/ jsx(button_Button, {
+                size: "small",
+                type: "default",
+                iconOnly: true,
+                className: "ov-file-preview__toolbar-button",
+                "aria-label": text.download,
+                title: text.download,
+                disabled: actions.busy,
+                onClick: actions.download,
+                children: /*#__PURE__*/ jsx("svg", {
+                    "aria-hidden": "true",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1.4",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: /*#__PURE__*/ jsx("path", {
+                        d: "M8 2.5v8m-3-3 3 3 3-3M2.5 12.5h11"
+                    })
+                })
+            }) : null,
+            extraActions
+        ]
+    });
+}
 function FilePreviewLevelTabs({ levels, activeKey, disabled, onSelect }) {
     if (!levels?.length) return null;
     return /*#__PURE__*/ jsx("div", {
@@ -451,8 +572,11 @@ function FilePreviewBreadcrumb({ hiddenPathLabel, segments, title, canOpen, disa
 function FilePreviewCopyPath({ label, disabled, onClick }) {
     return /*#__PURE__*/ jsx(Tooltip, {
         content: label,
-        children: /*#__PURE__*/ jsx("button", {
-            type: "button",
+        children: /*#__PURE__*/ jsx(button_Button, {
+            size: "small",
+            type: "text",
+            iconOnly: true,
+            htmlType: "button",
             className: "ov-file-preview__action",
             "aria-label": label,
             disabled: disabled,
@@ -502,10 +626,14 @@ function getPathFileName(path) {
     const parts = trimmed.split(SEPARATOR).filter(Boolean);
     return parts[parts.length - 1];
 }
-function FilePreviewHeader({ levels, levelKey, onLevelChange, path, fileName, canOpenParent, titleExtra, slotActions, actions, text, onOpenParent }) {
+function FilePreviewHeader({ levels, levelKey, onLevelChange, path, fileName, canOpenParent, titleExtra, slotActions, extraActions, actions, text, onOpenParent }) {
     const segments = splitPathSegments(path);
     const title = getPathFileName(path) ?? fileName;
-    const actionNode = 'function' == typeof slotActions ? slotActions(actions) : slotActions;
+    const actionNode = 'function' == typeof slotActions ? slotActions(actions) : void 0 === slotActions ? /*#__PURE__*/ jsx(FilePreviewToolbar, {
+        actions: actions,
+        text: text,
+        extraActions: extraActions
+    }) : slotActions;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -574,8 +702,8 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
             const active = root.querySelector('[aria-selected="true"]');
             if (!active) return;
             setIndicator({
-                left: active.offsetLeft,
-                width: active.offsetWidth
+                left: active.offsetLeft + (active.offsetWidth - 14) / 2,
+                width: 14
             });
         };
         measure();
@@ -618,6 +746,7 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
                 canOpenParent: Boolean(tab.operations?.openParent),
                 titleExtra: tab.slots?.titleExtra,
                 slotActions: tab.slots?.actions,
+                extraActions: tab.slots?.extraActions,
                 actions: actions,
                 text: text,
                 onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
@@ -638,6 +767,7 @@ function FilePreviewDirectoryBody({ tab, text, locale, actions, editing, viewMod
                 canOpenParent: Boolean(tab.operations?.openParent),
                 titleExtra: tab.slots?.titleExtra,
                 slotActions: tab.slots?.actions,
+                extraActions: tab.slots?.extraActions,
                 actions: actions,
                 text: text,
                 onOpenParent: (uri)=>void tab.operations?.openParent?.(uri)
@@ -728,10 +858,38 @@ function FilePreviewPanels({ levelKey, onLevelChange, contentTab, directoryTab,
                 canOpenParent: Boolean(fileTab.operations?.openParent),
                 titleExtra: fileTab.slots?.titleExtra,
                 slotActions: fileTab.slots?.actions,
+                extraActions: fileTab.slots?.extraActions,
                 actions: actionContext,
                 text: text,
                 onOpenParent: (uri)=>void actions.openParent(activeTab, uri)
             }),
+            editing.editing && fileTab.slots?.actions === void 0 ? /*#__PURE__*/ jsxs("div", {
+                className: "ov-file-preview__edit-toolbar",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: text.editFile
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-file-preview__toolbar",
+                        children: [
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "small",
+                                type: "default",
+                                disabled: editing.saving,
+                                onClick: actionContext.cancelEditing,
+                                children: text.leaveEditing
+                            }),
+                            /*#__PURE__*/ jsx(button_Button, {
+                                size: "small",
+                                type: "primary",
+                                loading: editing.saving,
+                                onClick: ()=>void actionContext.saveEditing(),
+                                children: text.save
+                            })
+                        ]
+                    })
+                ]
+            }) : null,
             /*#__PURE__*/ jsx("div", {
                 className: "ov-file-preview__body",
                 children: /*#__PURE__*/ jsx(FilePreviewBody, {
@@ -823,6 +981,15 @@ function useFilePreviewLevels(selected) {
 const messages = {
     showHiddenPath: 'Show hidden path levels',
     copyPath: 'Copy path',
+    copyContent: 'Copy content',
+    copied: 'Copied',
+    copyFailed: 'Could not copy',
+    previewMode: 'Preview',
+    sourceMode: 'Source',
+    viewSwitch: 'View mode',
+    edit: 'Edit',
+    editFile: 'Edit file',
+    save: 'Save',
     editor: 'Edit content',
     leaveEditing: 'Cancel',
     retry: 'Retry',
@@ -839,6 +1006,15 @@ const en_US = messages;
 const zh_CN_messages = {
     showHiddenPath: '显示隐藏的路径层级',
     copyPath: '复制路径',
+    copyContent: '复制正文',
+    copied: '已复制',
+    copyFailed: '复制失败',
+    previewMode: '预览',
+    sourceMode: '源码',
+    viewSwitch: '显示模式',
+    edit: '编辑',
+    editFile: '编辑文件',
+    save: '保存',
     editor: '编辑正文',
     leaveEditing: '取消',
     retry: '重试',
@@ -1275,7 +1451,7 @@ const file_preview_FilePreview = /*#__PURE__*/ forwardRef(function({ tabs, activ
         switchTab,
         viewerHandle
     ]);
-    const canSwitchView = Boolean(fileTab) && viewModes.includes('preview') && viewModes.includes('source');
+    const canSwitchView = Boolean(fileTab || directoryTab) && viewModes.includes('preview') && viewModes.includes('source');
     const onLinkClick = useCallback((_event, link)=>{
         if (fileTab) actions.openUri(fileTab, link.url);
     }, [

package/dist/5~0.js

@@ -0,0 +1,181 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { Action } from "./g~0.js";
+function AgreementLinks({ agreements }) {
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: agreements.items.map((item, index)=>/*#__PURE__*/ jsxs("span", {
+                children: [
+                    ' ',
+                    /*#__PURE__*/ jsx("a", {
+                        href: item.href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: item.label
+                    })
+                ]
+            }, `${item.href}-${index}`))
+    });
+}
+function AgreementDialog({ agreements, labels, onCancel, onAgree }) {
+    const dialog = useRef(null);
+    const titleId = useId();
+    const descriptionId = useId();
+    useEffect(()=>{
+        const element = dialog.current;
+        element?.showModal();
+        return ()=>element?.close();
+    }, []);
+    const text = agreements.confirmation;
+    return /*#__PURE__*/ jsxs("dialog", {
+        ref: dialog,
+        className: "ov-auth ov-auth__dialog",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        onCancel: (event)=>{
+            event.preventDefault();
+            onCancel();
+        },
+        children: [
+            /*#__PURE__*/ jsx("h2", {
+                id: titleId,
+                children: text?.title ?? labels.agreementTitle
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                id: descriptionId,
+                children: [
+                    text?.description ?? labels.agreementDescription,
+                    /*#__PURE__*/ jsx(AgreementLinks, {
+                        agreements: agreements
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-auth__actions",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        onClick: onCancel,
+                        children: text?.cancelText ?? labels.cancel
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        className: "ov-auth__primary",
+                        type: "button",
+                        onClick: onAgree,
+                        children: text?.confirmText ?? labels.agree
+                    })
+                ]
+            })
+        ]
+    });
+}
+function FormFrame({ children, labels, submitLabel, validate, onSubmit, secondaryAction, ...options }) {
+    const [accepted, setAccepted] = useState(false);
+    const [confirming, setConfirming] = useState(false);
+    const agreements = options.agreements?.items.length ? options.agreements : void 0;
+    const blocked = options.loading || options.disabled;
+    const submit = (agreed = false)=>{
+        if (blocked || !validate()) return;
+        if (agreements && !accepted && !agreed) return void setConfirming(true);
+        if (agreed) setAccepted(true);
+        onSubmit();
+    };
+    return /*#__PURE__*/ jsxs("form", {
+        className: `ov-auth ${options.className ?? ''}`,
+        noValidate: true,
+        "aria-busy": options.loading || void 0,
+        onSubmit: (event)=>{
+            event.preventDefault();
+            submit();
+        },
+        children: [
+            /*#__PURE__*/ jsx(Action, {
+                action: options.back
+            }),
+            options.title && /*#__PURE__*/ jsx("h2", {
+                children: options.title
+            }),
+            options.description && /*#__PURE__*/ jsx("p", {
+                className: "ov-auth__description",
+                children: options.description
+            }),
+            /*#__PURE__*/ jsx("fieldset", {
+                disabled: blocked,
+                children: children
+            }),
+            options.error && /*#__PURE__*/ jsx("div", {
+                className: "ov-auth__error",
+                role: "alert",
+                children: options.error
+            }),
+            /*#__PURE__*/ jsxs("button", {
+                className: "ov-auth__primary ov-auth__submit",
+                type: "submit",
+                disabled: blocked,
+                children: [
+                    submitLabel,
+                    options.loading && /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        children: " …"
+                    })
+                ]
+            }),
+            agreements && /*#__PURE__*/ jsxs("label", {
+                className: "ov-auth__consent",
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        type: "checkbox",
+                        checked: accepted,
+                        disabled: blocked,
+                        onChange: (event)=>setAccepted(event.target.checked)
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            labels.agreementPrefix,
+                            /*#__PURE__*/ jsx(AgreementLinks, {
+                                agreements: agreements
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Action, {
+                action: secondaryAction
+            }),
+            confirming && agreements && /*#__PURE__*/ jsx(AgreementDialog, {
+                agreements: agreements,
+                labels: labels,
+                onCancel: ()=>setConfirming(false),
+                onAgree: ()=>{
+                    setConfirming(false);
+                    submit(true);
+                }
+            })
+        ]
+    });
+}
+function useForm(initial, validate) {
+    const [values, setValues] = useState(initial);
+    const [errors, setErrors] = useState({});
+    const update = (key, value)=>{
+        setValues((current)=>({
+                ...current,
+                [key]: value
+            }));
+        setErrors((current)=>({
+                ...current,
+                [key]: void 0
+            }));
+    };
+    return {
+        values,
+        errors,
+        update,
+        validate: ()=>{
+            const next = validate(values);
+            setErrors(next);
+            return !Object.values(next).some((issue)=>void 0 !== issue);
+        }
+    };
+}
+const validEmail = (value)=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value.trim());
+export { FormFrame, useForm, validEmail };