@owlmeans/web-auth-email 0.0.0-stage → 0.1.19

package/build/components/connected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected.js","sourceRoot":"","sources":["../../src/components/connected.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,EACtE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAClD,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAA;IACnC,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE,CAAA;IAC3B,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAA;IAEnD,OAAO,KAAC,aAAa,IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,KAAK,CAAC,MAAM,EACtB,QAAQ,EAAE,KAAK,CAAC,MAAM,EACtB,SAAS,EAAE,SAAS,IAAI,GAAG,EAC3B,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CAAA;AACJ,CAAC,CAAA"}

package/build/components/credit.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { EmailLoginCreditProps } from './types.js';
+/** The chooser card's bottom line, composed from the same configuration (`login.credit`, `brand`). */
+export declare const EmailLoginCredit: FC<EmailLoginCreditProps>;
+//# sourceMappingURL=credit.d.ts.map

package/build/components/credit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit.d.ts","sourceRoot":"","sources":["../../src/components/credit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,sGAAsG;AACtG,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoBtD,CAAA"}

package/build/components/credit.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from '@owlmeans/client';
+import { resolveCredit } from '@owlmeans/client-auth/login';
+import { cn } from '../@/lib/utils.js';
+import { OWLMEANS_URL } from '../consts.js';
+/** The chooser card's bottom line, composed from the same configuration (`login.credit`, `brand`). */
+export const EmailLoginCredit = ({ t, className }) => {
+    const ctx = useContext();
+    const cfg = ctx.cfg;
+    const credit = resolveCredit(cfg.security?.auth?.login?.credit, cfg.brand, ctx.cfg.service);
+    if (!credit.poweredBy && credit.line == null) {
+        return null;
+    }
+    return _jsxs("p", { "data-email-login-credit": true, className: cn('text-center text-xs text-muted-foreground', className), children: [credit.poweredBy && _jsx("a", { href: OWLMEANS_URL, target: "_blank", rel: "noopener noreferrer", className: "underline-offset-4 hover:text-foreground hover:underline", children: t('login.powered', 'Powered by OwlMeans') }), credit.poweredBy && credit.line != null && _jsx("span", { "aria-hidden": "true", children: " \u00B7 " }), credit.line != null && _jsx("span", { children: credit.line })] });
+};
+//# sourceMappingURL=credit.js.map

package/build/components/credit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit.js","sourceRoot":"","sources":["../../src/components/credit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAG3C,sGAAsG;AACtG,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC9E,MAAM,GAAG,GAAG,UAAU,EAAE,CAAA;IACxB,MAAM,GAAG,GAAG,GAAG,CAAC,GAAmB,CAAA;IACnC,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAC3F,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC;QAC7C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,8CAA2B,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,aACpG,MAAM,CAAC,SAAS,IAAI,YACnB,IAAI,EAAE,YAAY,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,0DAA0D,YAEnE,CAAC,CAAC,eAAe,EAAE,qBAAqB,CAAC,GACxC,EACH,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,8BAAkB,MAAM,yBAAW,EAC9E,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,yBAAO,MAAM,CAAC,IAAI,GAAQ,IAChD,CAAA;AACN,CAAC,CAAA"}

package/build/components/fields.d.ts

@@ -0,0 +1,23 @@
+import type { FC } from 'react';
+import type { CaptchaNoticeProps, PasswordInputProps, PinInputProps, RefusalAlertProps, SubmitButtonProps } from './types.js';
+/**
+ * A password field with its show/hide toggle inside the box. The toggle is a real button with an
+ * accessible name that says what it will do, and a 44px target.
+ */
+export declare const PasswordInput: FC<PasswordInputProps>;
+/** The PIN field: numeric keypad on a phone, the mailed code offered by the keyboard's autofill. */
+export declare const PinInput: FC<PinInputProps>;
+/**
+ * The step's primary action. Never the HTML `disabled` attribute: a disabled button swallows the
+ * press and tells nobody anything, so a blocked or busy action carries `aria-disabled` and its
+ * handler explains (or ignores the second press).
+ */
+export declare const SubmitButton: FC<SubmitButtonProps>;
+/** A refusal in the reader's language, announced as it appears. */
+export declare const RefusalAlert: FC<RefusalAlertProps>;
+/**
+ * Google's notice. The loader hides the reCAPTCHA badge, and a page that hides it has to say this
+ * itself, with both links.
+ */
+export declare const CaptchaNotice: FC<CaptchaNoticeProps>;
+//# sourceMappingURL=fields.d.ts.map

package/build/components/fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../src/components/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAQ/B,OAAO,KAAK,EACV,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAC5F,MAAM,YAAY,CAAA;AAEnB;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAyBhD,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUtC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAY9C,CAAA;AAED,mEAAmE;AACnE,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CASzC,CAAA;AAEN;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoBhD,CAAA"}

package/build/components/fields.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff, Loader2 } from 'lucide-react';
+import { Button } from '../@/components/ui/button.js';
+import { Input } from '../@/components/ui/input.js';
+import { cn } from '../@/lib/utils.js';
+import { RECAPTCHA_PRIVACY_URL, RECAPTCHA_TERMS_URL } from '../consts.js';
+import { emailRefusalHelper } from '../refusal.js';
+import { textUtils } from '../utils/text.js';
+/**
+ * A password field with its show/hide toggle inside the box. The toggle is a real button with an
+ * accessible name that says what it will do, and a 44px target.
+ */
+export const PasswordInput = ({ reveal, onReveal, showLabel, hideLabel, toggleProps, className, ...props }) => (_jsxs("div", { className: "relative", children: [_jsx(Input, { ...props, type: reveal ? 'text' : 'password', autoCapitalize: "none", autoCorrect: "off", spellCheck: false, className: cn('h-11 pr-12 text-base', className) }), _jsx(Button, { type: "button", variant: "ghost", ...toggleProps, "aria-label": reveal ? hideLabel : showLabel, "aria-pressed": reveal, title: reveal ? hideLabel : showLabel, className: "absolute inset-y-0 right-0 h-11 w-11 rounded-l-none text-muted-foreground hover:text-foreground", onClick: () => onReveal(!reveal), children: reveal ? _jsx(EyeOff, { "aria-hidden": true }) : _jsx(Eye, { "aria-hidden": true }) })] }));
+/** The PIN field: numeric keypad on a phone, the mailed code offered by the keyboard's autofill. */
+export const PinInput = ({ length, className, ...props }) => (_jsx(Input, { ...props, type: "text", inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]*", maxLength: length, className: cn('h-12 text-center font-mono text-2xl tracking-[0.4em]', className) }));
+/**
+ * The step's primary action. Never the HTML `disabled` attribute: a disabled button swallows the
+ * press and tells nobody anything, so a blocked or busy action carries `aria-disabled` and its
+ * handler explains (or ignores the second press).
+ */
+export const SubmitButton = ({ busy, blocked = false, className, children, ...props }) => (_jsxs(Button, { type: "submit", ...props, "aria-disabled": busy || blocked || undefined, "aria-busy": busy || undefined, "data-blocked": blocked ? 'true' : undefined, className: cn('h-11 w-full gap-2 text-base', (busy || blocked) && 'opacity-60', className), children: [busy && _jsx(Loader2, { className: "animate-spin", "aria-hidden": true }), children] }));
+/** A refusal in the reader's language, announced as it appears. */
+export const RefusalAlert = ({ refusal, t, locale, marker, className }) => refusal == null
+    ? null
+    : _jsx("p", { role: "alert", [marker]: '', "data-refusal": refusal.kind, className: cn('text-center text-sm text-destructive', className), children: emailRefusalHelper.messageOf(refusal, t, locale) });
+/**
+ * Google's notice. The loader hides the reCAPTCHA badge, and a page that hides it has to say this
+ * itself, with both links.
+ */
+export const CaptchaNotice = ({ t, className }) => {
+    const parts = textUtils.parts(t('captcha.notice', 'This site is protected by reCAPTCHA and the Google {{privacy}} and {{terms}} apply.'), {
+        privacy: { text: t('captcha.privacy', 'Privacy Policy'), href: RECAPTCHA_PRIVACY_URL },
+        terms: { text: t('captcha.terms', 'Terms of Service'), href: RECAPTCHA_TERMS_URL },
+    });
+    return _jsx("p", { "data-email-login-captcha": true, className: cn('text-center text-xs text-muted-foreground', className), children: parts.map((part, index) => part.href != null
+            ? _jsx("a", { href: part.href, target: "_blank", rel: "noopener noreferrer", className: "underline underline-offset-2 hover:text-foreground", children: part.text }, index)
+            : _jsx("span", { children: part.text }, index)) });
+};
+//# sourceMappingURL=fields.js.map

package/build/components/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/components/fields.tsx"],"names":[],"mappings":"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"}

package/build/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './screen.js';
+export * from './route.js';
+export * from './offer.js';
+export * from './panel.js';
+export * from './connected.js';
+export * from './fields.js';
+export * from './credit.js';
+export type * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,mBAAmB,YAAY,CAAA"}

package/build/components/index.js

@@ -0,0 +1,8 @@
+export * from './screen.js';
+export * from './route.js';
+export * from './offer.js';
+export * from './panel.js';
+export * from './connected.js';
+export * from './fields.js';
+export * from './credit.js';
+//# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/build/components/offer.d.ts

@@ -0,0 +1,9 @@
+import type { RoutedComponent } from '@owlmeans/client';
+/**
+ * The post-sign-in offer: "Set a password for faster sign-in", right after a PIN sign-in of a
+ * person who has none and never declined one. The fresh sign-in's one-use ticket confirms it — no
+ * second PIN. "Not now" declines (the step is not offered again); both answers forget the ticket
+ * and move the sign-in on to the next step or the landing.
+ */
+export declare const PasswordOfferScreen: RoutedComponent;
+//# sourceMappingURL=offer.d.ts.map

package/build/components/offer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer.d.ts","sourceRoot":"","sources":["../../src/components/offer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAwBvD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,eAqKjC,CAAA"}

package/build/components/offer.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useContext } from '@owlmeans/client';
+import { useLanguage } from '@owlmeans/client-i18n';
+import { useContinueLogin } from '@owlmeans/client-auth/login';
+import { EMAIL_LOGIN_SERVICE, EMAIL_PASSWORD_MAX_LENGTH, EMAIL_PASSWORD_MIN_LENGTH, } from '@owlmeans/auth-email';
+import { logger } from '@owlmeans/log';
+import { Button } from '../@/components/ui/button.js';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../@/components/ui/card.js';
+import { Label } from '../@/components/ui/label.js';
+import { EMAIL_OFFER_LOGIN_STEP } from '../consts.js';
+import { useEmailAuthTranslate } from '../hooks/use-translate.js';
+import { passwordPanelHelper } from '../password.js';
+import { emailRefusalHelper } from '../refusal.js';
+import { emailStorageHelper } from '../storage.js';
+import { textUtils } from '../utils/text.js';
+import { signedInAccount } from '../utils/account.js';
+import { PasswordInput, RefusalAlert, SubmitButton } from './fields.js';
+const log = logger('auth-email');
+/**
+ * The post-sign-in offer: "Set a password for faster sign-in", right after a PIN sign-in of a
+ * person who has none and never declined one. The fresh sign-in's one-use ticket confirms it — no
+ * second PIN. "Not now" declines (the step is not offered again); both answers forget the ticket
+ * and move the sign-in on to the next step or the landing.
+ */
+export const PasswordOfferScreen = () => {
+    const t = useEmailAuthTranslate();
+    const [locale] = useLanguage();
+    const ctx = useContext();
+    const continueLogin = useContinueLogin();
+    const id = useId();
+    const client = ctx.service(EMAIL_LOGIN_SERVICE);
+    const ticket = useMemo(() => emailStorageHelper.offer(signedInAccount(ctx)), [ctx]);
+    const [password, setPassword] = useState('');
+    const [repeat, setRepeat] = useState('');
+    const [reveal, setReveal] = useState(false);
+    const [busy, setBusy] = useState(null);
+    const [refusal, setRefusal] = useState(null);
+    const advanced = useRef(false);
+    const advance = async () => {
+        if (advanced.current) {
+            return;
+        }
+        advanced.current = true;
+        emailStorageHelper.dropOffer();
+        await continueLogin({ after: EMAIL_OFFER_LOGIN_STEP });
+    };
+    // Nothing to offer on this visit (a reload after the answer, an expired ticket): move on.
+    useEffect(() => {
+        if (ticket == null) {
+            void advance();
+        }
+    }, [ticket]);
+    const save = async (event) => {
+        event?.preventDefault();
+        if (busy != null || ticket == null) {
+            return;
+        }
+        const block = passwordPanelHelper.passwordBlock(password, repeat);
+        if (block != null) {
+            setRefusal(block);
+            return;
+        }
+        setBusy('save');
+        setRefusal(null);
+        try {
+            await client.setPassword({ password, offer: ticket, device: emailStorageHelper.deviceId() });
+            await advance();
+        }
+        catch (error) {
+            const next = emailRefusalHelper.refusalOf(error, 'offer');
+            log.debug('Password offer refused', { kind: next.kind });
+            if (next.kind === 'offer-expired') {
+                emailStorageHelper.dropOffer();
+            }
+            setRefusal(next);
+            setBusy(null);
+        }
+    };
+    const skip = async () => {
+        if (busy != null) {
+            return;
+        }
+        setBusy('skip');
+        try {
+            await client.declinePassword();
+        }
+        catch (error) {
+            // Declining is a courtesy to the next sign-in; failing it must not hold this one up.
+            log.debug('Password offer decline failed', { kind: emailRefusalHelper.refusalOf(error, 'offer').kind });
+        }
+        await advance();
+    };
+    const mismatch = refusal?.kind === 'mismatch';
+    return _jsx("div", { "data-email-offer-screen": true, style: { minHeight: '100dvh' }, className: "flex w-full items-center justify-center p-4", children: _jsxs(Card, { "data-email-offer": true, "data-state": ticket == null ? 'leaving' : busy ?? 'ready', className: "w-full max-w-sm", children: [_jsxs(CardHeader, { className: "items-center gap-2 text-center", children: [_jsx(CardTitle, { className: "text-xl", children: t('offer.title', 'Set a password for faster sign-in') }), _jsx(CardDescription, { children: t('offer.description', 'Next time, sign in with your email and password instead of waiting for a code.') })] }), _jsx(CardContent, { children: _jsxs("form", { noValidate: true, onSubmit: event => void save(event), className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2 text-left", children: [_jsx(Label, { htmlFor: `${id}-password`, children: t('offer.password-label', 'New password') }), _jsx(PasswordInput, { id: `${id}-password`, name: "new-password", "data-email-offer-password": true, autoComplete: "new-password", autoFocus: true, maxLength: EMAIL_PASSWORD_MAX_LENGTH, value: password, readOnly: busy != null, "aria-invalid": refusal?.kind === 'weak' || refusal?.kind === 'password-empty' || undefined, "aria-describedby": `${id}-hint`, reveal: reveal, onReveal: setReveal, showLabel: t('login.show-password', 'Show password'), hideLabel: t('login.hide-password', 'Hide password'), toggleProps: { 'data-email-offer-toggle': '' }, onChange: event => { setPassword(event.target.value); setRefusal(null); } }), _jsx("p", { id: `${id}-hint`, className: "text-xs text-muted-foreground", children: textUtils.fill(t('offer.hint', '{{min}} to {{max}} characters.'), {
+                                            min: EMAIL_PASSWORD_MIN_LENGTH, max: EMAIL_PASSWORD_MAX_LENGTH,
+                                        }) })] }), _jsxs("div", { className: "flex flex-col gap-2 text-left", children: [_jsx(Label, { htmlFor: `${id}-repeat`, children: t('offer.repeat-label', 'Repeat the password') }), _jsx(PasswordInput, { id: `${id}-repeat`, name: "repeat-password", "data-email-offer-repeat": true, autoComplete: "new-password", maxLength: EMAIL_PASSWORD_MAX_LENGTH, value: repeat, readOnly: busy != null, "aria-invalid": mismatch || undefined, reveal: reveal, onReveal: setReveal, showLabel: t('login.show-password', 'Show password'), hideLabel: t('login.hide-password', 'Hide password'), onChange: event => { setRepeat(event.target.value); setRefusal(null); } })] }), _jsx(RefusalAlert, { refusal: refusal, t: t, locale: locale, marker: "data-email-offer-error" }), _jsx(SubmitButton, { "data-email-offer-save": true, busy: busy === 'save', blocked: ticket == null || passwordPanelHelper.passwordBlock(password, repeat) != null, children: busy === 'save' ? t('offer.saving', 'Saving…') : t('offer.save', 'Save password') }), _jsx(Button, { type: "button", variant: "outline", "data-email-offer-skip": true, "aria-disabled": busy != null || undefined, "aria-busy": busy === 'skip' || undefined, className: "h-11 w-full text-base", onClick: () => void skip(), children: t('offer.skip', 'Not now') }), _jsx("p", { className: "text-center text-xs text-muted-foreground", children: t('offer.later', 'You can always set a password later in your account settings.') })] }) })] }) });
+};
+//# sourceMappingURL=offer.js.map

package/build/components/offer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer.js","sourceRoot":"","sources":["../../src/components/offer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAEnF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EACL,mBAAmB,EAAE,yBAAyB,EAAE,yBAAyB,GAC1E,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEvE,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;AAEhC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAoB,GAAG,EAAE;IACvD,MAAM,CAAC,GAAG,qBAAqB,EAAE,CAAA;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,GAAG,GAAG,UAAU,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAElB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAA0B,mBAAmB,CAAC,CAAA;IACxE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAEnF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAA;IACjE,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE9B,MAAM,OAAO,GAAG,KAAK,IAAmB,EAAE;QACxC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAM;QACR,CAAC;QACD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACvB,kBAAkB,CAAC,SAAS,EAAE,CAAA;QAC9B,MAAM,aAAa,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,0FAA0F;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,KAAK,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,IAAI,GAAG,KAAK,EAAE,KAAiB,EAAiB,EAAE;QACtD,KAAK,EAAE,cAAc,EAAE,CAAA;QACvB,IAAI,IAAI,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QACD,MAAM,KAAK,GAAG,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QACjE,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,OAAM;QACR,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,CAAA;QACf,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;YAC5F,MAAM,OAAO,EAAE,CAAA;QACjB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;YACzD,GAAG,CAAC,KAAK,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;YACxD,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;gBAClC,kBAAkB,CAAC,SAAS,EAAE,CAAA;YAChC,CAAC;YACD,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,KAAK,IAAmB,EAAE;QACrC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,CAAA;QACf,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,eAAe,EAAE,CAAA;QAChC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,qFAAqF;YACrF,GAAG,CAAC,KAAK,CAAC,+BAA+B,EAAE,EAAE,IAAI,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;QACzG,CAAC;QACD,MAAM,OAAO,EAAE,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,OAAO,EAAE,IAAI,KAAK,UAAU,CAAA;IAE7C,OAAO,+CAEL,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC9B,SAAS,EAAC,6CAA6C,YAEvD,MAAC,IAAI,4CAES,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,OAAO,EACxD,SAAS,EAAC,iBAAiB,aAE3B,MAAC,UAAU,IAAC,SAAS,EAAC,gCAAgC,aACpD,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,aAAa,EAAE,mCAAmC,CAAC,GAAa,EAClG,KAAC,eAAe,cACb,CAAC,CAAC,mBAAmB,EAAE,gFAAgF,CAAC,GACzF,IACP,EACb,KAAC,WAAW,cACV,gBAAM,UAAU,QAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,qBAAqB,aACnF,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,WAAW,YAAG,CAAC,CAAC,sBAAsB,EAAE,cAAc,CAAC,GAAS,EACrF,KAAC,aAAa,IACZ,EAAE,EAAE,GAAG,EAAE,WAAW,EACpB,IAAI,EAAC,cAAc,qCAEnB,YAAY,EAAC,cAAc,EAC3B,SAAS,QACT,SAAS,EAAE,yBAAyB,EACpC,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,IAAI,IAAI,IAAI,kBACR,OAAO,EAAE,IAAI,KAAK,MAAM,IAAI,OAAO,EAAE,IAAI,KAAK,gBAAgB,IAAI,SAAS,sBACvE,GAAG,EAAE,OAAO,EAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,EACpD,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,EACpD,WAAW,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EAC9C,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,GACxE,EACF,YAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,+BAA+B,YAC3D,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,gCAAgC,CAAC,EAAE;4CACjE,GAAG,EAAE,yBAAyB,EAAE,GAAG,EAAE,yBAAyB;yCAC/D,CAAC,GACA,IACA,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,SAAS,YAAG,CAAC,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,GAAS,EACxF,KAAC,aAAa,IACZ,EAAE,EAAE,GAAG,EAAE,SAAS,EAClB,IAAI,EAAC,iBAAiB,mCAEtB,YAAY,EAAC,cAAc,EAC3B,SAAS,EAAE,yBAAyB,EACpC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,IAAI,IAAI,IAAI,kBACR,QAAQ,IAAI,SAAS,EACnC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,EACpD,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,eAAe,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,GACtE,IACE,EAEN,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,wBAAwB,GAAG,EAExF,KAAC,YAAY,mCAEX,IAAI,EAAE,IAAI,KAAK,MAAM,EACrB,OAAO,EAAE,MAAM,IAAI,IAAI,IAAI,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,YAErF,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAe,CAAC,GACrE,EACf,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,kDAEF,IAAI,IAAI,IAAI,IAAI,SAAS,eAC7B,IAAI,KAAK,MAAM,IAAI,SAAS,EACvC,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,YAEzB,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,GACpB,EACT,YAAG,SAAS,EAAC,2CAA2C,YACrD,CAAC,CAAC,aAAa,EAAE,+DAA+D,CAAC,GAChF,IACC,GACK,IACT,GACH,CAAA;AACR,CAAC,CAAA"}

package/build/components/panel.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import type { PasswordPanelProps } from './types.js';
+/**
+ * The account's password: off on this deployment (a short notice), none yet (Set), or one (Change,
+ * Remove). Every action is confirmed by a PIN mailed to the account's own address: "Send code",
+ * then the code (and the new password, twice, for set and change), then Confirm.
+ *
+ * Presentational by contract — it performs no I/O, renders what it is given and reports what was
+ * pressed. `ConnectedPasswordPanel` is this panel wired to `usePassword`.
+ */
+export declare const PasswordPanel: FC<PasswordPanelProps>;
+//# sourceMappingURL=panel.d.ts.map

package/build/components/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAA;AAahE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAoBpD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiQhD,CAAA"}

package/build/components/panel.js

@@ -0,0 +1,129 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { EMAIL_PASSWORD_MAX_LENGTH, EMAIL_PIN_LENGTH } from '@owlmeans/auth-email';
+import { Button } from '../@/components/ui/button.js';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../@/components/ui/card.js';
+import { Label } from '../@/components/ui/label.js';
+import { cn } from '../@/lib/utils.js';
+import { passwordPanelHelper } from '../password.js';
+import { textUtils } from '../utils/text.js';
+import { PasswordInput, PinInput, RefusalAlert, SubmitButton } from './fields.js';
+const english = (_key, defaultValue) => defaultValue;
+/** A record's moment in the reader's language, or null when it has none worth showing. */
+const dateOf = (value, locale) => {
+    if (value == null) {
+        return null;
+    }
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return null;
+    }
+    try {
+        return new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date);
+    }
+    catch {
+        return date.toISOString().slice(0, 10);
+    }
+};
+/**
+ * The account's password: off on this deployment (a short notice), none yet (Set), or one (Change,
+ * Remove). Every action is confirmed by a PIN mailed to the account's own address: "Send code",
+ * then the code (and the new password, twice, for set and change), then Confirm.
+ *
+ * Presentational by contract — it performs no I/O, renders what it is given and reports what was
+ * pressed. `ConnectedPasswordPanel` is this panel wired to `usePassword`.
+ */
+export const PasswordPanel = ({ status, loading = false, busy = false, pending = null, refusal = null, done = null, onSendPin, onConfirm, onCancel, onReload, title, description, translate, locale, className, }) => {
+    const t = translate ?? english;
+    const id = useId();
+    const [action, setAction] = useState(null);
+    const [pin, setPin] = useState('');
+    const [password, setPassword] = useState('');
+    const [repeat, setRepeat] = useState('');
+    const [reveal, setReveal] = useState(false);
+    const [local, setLocal] = useState(null);
+    const state = passwordPanelHelper.stateOf(status, loading);
+    const actions = passwordPanelHelper.actionsOf(status);
+    const sent = action != null && pending === passwordPanelHelper.purposeOf(action);
+    const withPassword = action != null && passwordPanelHelper.needsPassword(action);
+    const shown = local ?? refusal;
+    const reset = () => {
+        setAction(null);
+        setPin('');
+        setPassword('');
+        setRepeat('');
+        setReveal(false);
+        setLocal(null);
+    };
+    const open = (next) => {
+        reset();
+        setAction(next);
+        if (pending != null) {
+            onCancel();
+        }
+    };
+    const close = () => {
+        reset();
+        onCancel();
+    };
+    const send = async () => {
+        if (action == null || busy) {
+            return;
+        }
+        setLocal(null);
+        setPin('');
+        await onSendPin(passwordPanelHelper.purposeOf(action));
+    };
+    const submit = async (event) => {
+        event.preventDefault();
+        if (action == null || busy) {
+            return;
+        }
+        if (!sent) {
+            await send();
+            return;
+        }
+        const block = passwordPanelHelper.confirmBlock(action, { pin, password, repeat });
+        if (block != null) {
+            setLocal(block);
+            return;
+        }
+        setLocal(null);
+        if (await onConfirm(action, withPassword ? { pin, password } : { pin })) {
+            reset();
+        }
+    };
+    const updated = state === 'set' ? dateOf(status?.updatedAt, locale) : null;
+    const control = 'h-11 text-base';
+    const summary = (() => {
+        switch (state) {
+            case 'loading':
+                return _jsxs("p", { role: "status", className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }), t('password.loading', 'Loading…')] });
+            case 'unreadable':
+                return _jsxs("div", { className: "flex flex-col items-start gap-1 text-sm", children: [_jsx("p", { className: "text-destructive", children: t('password.unreadable', "We couldn't load your password settings.") }), onReload != null && _jsx(Button, { type: "button", variant: "link", "data-email-password-retry": true, className: "h-11 px-0", onClick: () => void onReload(), children: t('password.retry', 'Try again') })] });
+            case 'off':
+                return _jsx("p", { "data-email-password-notice": true, className: "text-sm text-muted-foreground", children: t('password.off', 'Password sign-in is not available here. Sign in with a code sent to your email.') });
+            case 'unset':
+                return _jsx("p", { className: "text-sm", children: t('password.unset', "You don't have a password yet. You sign in with a code sent to your email.") });
+            default:
+                return _jsxs("p", { className: "text-sm", children: [t('password.set', 'You have a password.'), updated != null && _jsxs(_Fragment, { children: [" ", textUtils.fill(t('password.updated', 'Last changed {{date}}.'), { date: updated })] })] });
+        }
+    })();
+    return _jsxs(Card, { "data-email-password-panel": true, "data-state": state, className: className, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: title ?? t('password.title', 'Password') }), _jsx(CardDescription, { children: description ?? t('password.description', 'Sign in with your email and a password instead of a code.') })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [summary, done != null && action == null && _jsxs("p", { role: "status", "data-email-password-success": done, className: "text-sm", children: [done === 'remove'
+                                ? t('password.done.remove', 'Your password has been removed.')
+                                : done === 'change'
+                                    ? t('password.done.change', 'Your password has been changed.')
+                                    : t('password.done.set', 'Your password has been set.'), ' ', t('password.devices', 'Other devices will need a code the next time they sign in.')] }), action == null && actions.length > 0 && _jsx("div", { className: "flex flex-col gap-2 sm:flex-row", children: actions.map(next => _jsx(Button, { type: "button", variant: "outline", "data-email-password-action": next, className: cn(control, next === 'remove' && 'text-destructive hover:text-destructive'), onClick: () => open(next), children: next === 'remove'
+                                ? t('password.action.remove', 'Remove password')
+                                : next === 'change'
+                                    ? t('password.action.change', 'Change password')
+                                    : t('password.action.set', 'Set a password') }, next)) }), action != null && _jsxs("form", { noValidate: true, "data-email-password-form": action, "data-sent": sent ? 'true' : undefined, className: "flex flex-col gap-4", onSubmit: event => void submit(event), children: [_jsx("p", { className: "text-sm text-muted-foreground", children: action === 'remove'
+                                    ? t('password.explain.remove', "Without a password you sign in with a code sent to your email. We'll email you a code to confirm.")
+                                    : action === 'change'
+                                        ? t('password.explain.change', "To change your password, confirm it's you with a code we'll email you.")
+                                        : t('password.explain.set', "To set a password, confirm it's you with a code we'll email you.") }), sent && _jsxs(_Fragment, { children: [_jsx("p", { role: "status", "data-email-password-sent": true, className: "text-sm", children: t('password.sent', 'We sent a code to your email.') }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: `${id}-pin`, children: t('password.pin-label', 'Code from the email') }), _jsx(PinInput, { id: `${id}-pin`, name: "pin", "data-email-password-pin": true, length: EMAIL_PIN_LENGTH, value: pin, readOnly: busy, autoFocus: true, "aria-invalid": shown?.kind === 'code' || shown?.kind === 'pin-format' || undefined, className: "max-w-60", onChange: event => { setPin(event.target.value.replace(/\D/g, '').slice(0, EMAIL_PIN_LENGTH)); setLocal(null); } })] }), withPassword && _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: `${id}-new`, children: t('password.new-label', 'New password') }), _jsx(PasswordInput, { id: `${id}-new`, name: "new-password", "data-email-password-new": true, autoComplete: "new-password", maxLength: EMAIL_PASSWORD_MAX_LENGTH, value: password, readOnly: busy, "aria-invalid": shown?.kind === 'weak' || shown?.kind === 'password-empty' || undefined, reveal: reveal, onReveal: setReveal, showLabel: t('login.show-password', 'Show password'), hideLabel: t('login.hide-password', 'Hide password'), toggleProps: { 'data-email-password-toggle': '' }, onChange: event => { setPassword(event.target.value); setLocal(null); } })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: `${id}-repeat`, children: t('password.repeat-label', 'Repeat the password') }), _jsx(PasswordInput, { id: `${id}-repeat`, name: "repeat-password", "data-email-password-repeat": true, autoComplete: "new-password", maxLength: EMAIL_PASSWORD_MAX_LENGTH, value: repeat, readOnly: busy, "aria-invalid": shown?.kind === 'mismatch' || undefined, reveal: reveal, onReveal: setReveal, showLabel: t('login.show-password', 'Show password'), hideLabel: t('login.hide-password', 'Hide password'), onChange: event => { setRepeat(event.target.value); setLocal(null); } })] })] })] }), _jsx(RefusalAlert, { refusal: shown, t: t, locale: locale, marker: "data-email-password-error", className: "text-left" }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [sent
+                                        ? _jsx(SubmitButton, { "data-email-password-confirm": true, busy: busy, blocked: passwordPanelHelper.confirmBlock(action, { pin, password, repeat }) != null, className: "sm:w-auto", children: busy ? t('password.confirming', 'Saving…') : t('password.confirm', 'Confirm') })
+                                        : _jsx(SubmitButton, { "data-email-password-send": true, busy: busy, className: "sm:w-auto", children: busy ? t('password.sending', 'Sending…') : t('password.send', 'Send code') }), sent && _jsx(Button, { type: "button", variant: "link", "data-email-password-resend": true, "aria-disabled": busy || undefined, className: control, onClick: () => void send(), children: t('password.resend', 'Send a new code') }), _jsx(Button, { type: "button", variant: "ghost", "data-email-password-cancel": true, className: control, onClick: close, children: t('password.cancel', 'Cancel') })] })] })] })] });
+};
+//# sourceMappingURL=panel.js.map

package/build/components/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"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"}

package/build/components/route.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { AuthenticationRendererProps } from '@owlmeans/client-auth/manager';
+/**
+ * What the e-mail method's authentication route renders: the screen registered for this context
+ * (`appendEmailLogin({ screen })`, or a replacement from `registerEmailLoginScreen`), else the
+ * package's own.
+ */
+export declare const EmailLoginRoute: FC<Partial<AuthenticationRendererProps>>;
+//# sourceMappingURL=route.d.ts.map

package/build/components/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../src/components/route.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAKhF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAOpE,CAAA"}

package/build/components/route.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from '@owlmeans/client';
+import { EMAIL_LOGIN_SERVICE } from '@owlmeans/auth-email';
+import { LocalizedEmailLoginScreen } from './screen.js';
+/**
+ * What the e-mail method's authentication route renders: the screen registered for this context
+ * (`appendEmailLogin({ screen })`, or a replacement from `registerEmailLoginScreen`), else the
+ * package's own.
+ */
+export const EmailLoginRoute = () => {
+    const ctx = useContext();
+    const Screen = ctx.hasService(EMAIL_LOGIN_SERVICE)
+        ? ctx.service(EMAIL_LOGIN_SERVICE).screen() ?? LocalizedEmailLoginScreen
+        : LocalizedEmailLoginScreen;
+    return _jsx(Screen, {});
+};
+//# sourceMappingURL=route.js.map

package/build/components/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../src/components/route.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAA6C,GAAG,EAAE;IAC5E,MAAM,GAAG,GAAG,UAAU,EAAE,CAAA;IACxB,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAChD,CAAC,CAAC,GAAG,CAAC,OAAO,CAA0B,mBAAmB,CAAC,CAAC,MAAM,EAAE,IAAI,yBAAyB;QACjG,CAAC,CAAC,yBAAyB,CAAA;IAE7B,OAAO,KAAC,MAAM,KAAG,CAAA;AACnB,CAAC,CAAA"}

package/build/components/screen.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { EmailLoginScreenProps } from '../types.js';
+/**
+ * The e-mail sign-in card — the chooser card's twin (`@owlmeans/web-panel`'s `LoginScreen`): the
+ * same centred card, logo, title, subtitle and footer slot, the same inline viewport height.
+ *
+ * Three steps share it: the address ("Receive authentication PIN code"), the mailed PIN, and — only
+ * where the deployment offers passwords — the address with a password. Enter submits the step on
+ * screen. Nothing on it is ever natively `disabled`.
+ *
+ * Pure with respect to i18n: `translate` is a prop (English without it), `locale` too.
+ * `LocalizedEmailLoginScreen` binds both to the application's own.
+ */
+export declare const EmailLoginScreen: FC<EmailLoginScreenProps>;
+/** {@link EmailLoginScreen} bound to the application's own translations and language. */
+export declare const LocalizedEmailLoginScreen: FC<EmailLoginScreenProps>;
+//# sourceMappingURL=screen.d.ts.map

package/build/components/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/components/screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAA;AAatE,OAAO,KAAK,EAAE,qBAAqB,EAAa,MAAM,aAAa,CAAA;AAMnE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsNtD,CAAA;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,qBAAqB,CAK/D,CAAA"}