@auth-link/web 0.0.5 → 1.1.0

package/dist/styles.css

@@ -124,3 +124,9 @@
   .authlink-widget[data-variant="C"] .authlink-code { margin-bottom: 4px; }
 }
 @media (prefers-reduced-motion: reduce) { .authlink-dialog * { animation: none !important; transition: none !important; } }
+
+.authlink-code-form { display: grid; gap: 12px; margin-top: 20px; text-align: left; }
+.authlink-code-form input { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #bccbc2; border-radius: 10px; background: white; color: #18352b; font: inherit; font-size: 24px; text-align: center; letter-spacing: .3em; }
+.authlink-code-form label { font-size: 14px; font-weight: 600; }
+.authlink-code-form button:disabled { opacity: .6; cursor: wait; }
+.authlink-input-error { color: #a33128; font-size: 13px; }

package/dist/types/core.d.ts

@@ -24,10 +24,12 @@ export interface ClientOptions {
     authLinkOrigin?: string;
     fetch?: typeof fetch;
 }
+export declare function createBackendCall(options: ClientOptions): (path: string, body: unknown, signal?: AbortSignal, key?: string) => Promise<unknown>;
 export declare function createAuthLinkClient(options: ClientOptions): AuthLinkClient;
 export declare function requestKey(): string;
 export declare function initialSnapshot(): Snapshot;
 export interface ObserveOptions extends Events {
+    onReady?: (submit: (confirmationCode: string) => Promise<void>) => void;
     /** Presentation-only timing from the same monotonic clock as code expiry. */
     onCodeTiming?: (remainingMs: number) => void;
     expectedMode?: Mode;

package/dist/types/i18n.d.ts

@@ -1,6 +1,6 @@
 import type { Locale } from './types.js';
 export declare const supportedLocales: readonly ["en", "zh-CN", "zh-TW", "ja", "bn", "es", "fil", "hi", "id", "ms", "pt", "th", "vi"];
-type Messages = Record<"cancel" | "close" | "bind" | "confirm" | "scan" | "code" | "help" | "waiting" | "loading" | "confirmed" | "rejected" | "expired" | "error" | "retry" | "refresh" | "autoUpdate" | "expiring" | "updating", string>;
+type Messages = Record<"otpCode" | "otpHelp" | "otpWaiting" | "otpError" | "otpSetup" | "codeLocked" | "confirmationCode" | "submitCode" | "codeError" | "cancel" | "close" | "bind" | "confirm" | "scan" | "code" | "help" | "waiting" | "loading" | "confirmed" | "rejected" | "expired" | "error" | "retry" | "refresh" | "autoUpdate" | "expiring" | "updating", string>;
 export declare const defaultLocale: Locale;
 export declare function resolveLocale(locale?: string): Locale;
 export declare function getMessages(locale?: string): Messages;

package/dist/types/index.d.ts

@@ -4,3 +4,5 @@ export { supportedLocales } from './i18n.js';
 export { openAuthLink, openAuthLinkBind, openAuthLinkConfirm } from './modal.js';
 export type { AuthLinkModal, AuthLinkModalOptions } from './modal.js';
 export type { ClientOptions } from './core.js';
+export { openPasscode, createPasscodeClient } from './passcode.js';
+export type { OTPVerification, PasscodeClient, PasscodeOptions } from './passcode.js';

package/dist/types/modal.d.ts

@@ -1,3 +1,4 @@
+import type { ViewNode } from './view.js';
 import type { DialogVariant, Locale, WidgetOptions } from './types.js';
 export interface AuthLinkModalOptions extends WidgetOptions {
     className?: string;
@@ -13,6 +14,7 @@ export interface AuthLinkModal {
     setVariant(variant?: DialogVariant): void;
     retry(): void;
 }
+export declare function element(value: ViewNode | string, svg?: boolean): Node;
 /** Show a backend-created request. This function never creates or authorizes a request. */
 export declare function openAuthLink(options: AuthLinkModalOptions): AuthLinkModal;
 export declare const openAuthLinkBind: (options: AuthLinkModalOptions) => AuthLinkModal;

package/dist/types/passcode.d.ts

@@ -0,0 +1,29 @@
+import type { ClientOptions } from './core.js';
+import type { AuthLinkModal } from './modal.js';
+import type { DialogVariant, Locale } from './types.js';
+export interface OTPVerification {
+    status: 'confirmed';
+    verificationId: string;
+    authenticationPolicy: 'device-totp.v1';
+    expiresAt: string;
+}
+export interface PasscodeClient {
+    verify(passcode: string, signal: AbortSignal): Promise<OTPVerification>;
+}
+export interface PasscodeOptions {
+    client: PasscodeClient;
+    /** The CMS's single pending action deadline, not a TOTP time step. */
+    expiresAt: string;
+    locale?: Locale;
+    variant?: DialogVariant;
+    /** First-time enrollment only. Ordinary verification has no QR or request ID. */
+    bindingQr?: string;
+    authLinkOrigin?: string;
+    onVerified?: (result: OTPVerification) => void | Promise<void>;
+    onClose?: () => void;
+    onExpired?: () => void | Promise<void>;
+    onError?: (error: Error) => void;
+}
+export declare function createPasscodeClient(options: ClientOptions): PasscodeClient;
+/** A session-scoped passcode prompt. No request creation, request ID or polling. */
+export declare function openPasscode(options: PasscodeOptions): AuthLinkModal;

package/dist/types/react.d.ts

@@ -1,9 +1,13 @@
 import type { Snapshot, WidgetOptions } from './types.js';
 import type { AuthLinkModalOptions } from './modal.js';
+import type { PasscodeOptions } from './passcode.js';
+export type { PasscodeOptions, PasscodeClient, OTPVerification } from './passcode.js';
+export declare function AuthLinkPasscode(props: PasscodeOptions): null;
 export type { Ticket, Confirmation, Rejection, Snapshot, AuthLinkClient, Locale, DialogVariant } from './types.js';
 export declare function useAuthLink(options: WidgetOptions): {
     snapshot: Snapshot;
     retry: () => void;
+    submitCode: (code: string) => Promise<void>;
 };
 export interface AuthLinkWidgetProps extends AuthLinkModalOptions {
 }

package/dist/types/types.d.ts

@@ -43,10 +43,11 @@ export interface AuthLinkClient {
         idempotencyKey: string;
         signal?: AbortSignal;
     }): Promise<Ticket>;
-    result(ticket: Ticket, signal: AbortSignal): Promise<Result>;
+    result(ticket: Ticket, signal: AbortSignal, confirmationCode?: string): Promise<Result>;
 }
 export interface Snapshot {
     status: Status;
+    submitting?: boolean;
     code: string | null;
     secondsRemaining: number;
     codeSecondsRemaining: number;

package/dist/types/view.d.ts

@@ -10,8 +10,12 @@ export declare function widgetView(options: {
     locale?: Locale;
     variant?: DialogVariant;
     snapshot: Snapshot;
+    passcodeMode?: boolean;
     qr?: string;
     showQr?: boolean;
+    submitCode?: (code: string) => Promise<void>;
+    inputCode?: string;
+    setCode?: (code: string) => void;
     retry: () => void;
     refresh?: () => void;
     close?: () => void;

package/dist/types/vue.d.ts

@@ -1,10 +1,14 @@
 import type { DefineComponent, ShallowRef } from 'vue';
 import type { Snapshot, WidgetOptions } from './types.js';
 import type { AuthLinkModalOptions } from './modal.js';
+import type { PasscodeOptions } from './passcode.js';
+export type { PasscodeOptions, PasscodeClient, OTPVerification } from './passcode.js';
+export declare const AuthLinkPasscode: DefineComponent<PasscodeOptions>;
 export type { Ticket, Confirmation, Rejection, Snapshot, AuthLinkClient, Locale, DialogVariant } from './types.js';
 export declare function useAuthLink(getOptions: () => WidgetOptions): {
     snapshot: ShallowRef<Snapshot>;
     retry: () => void;
+    submitCode: (code: string) => Promise<void>;
 };
 export interface AuthLinkWidgetProps extends Omit<AuthLinkModalOptions, 'mode'> {
 }