uhc-portal-components-react 0.2.20 → 0.2.22

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## Unreleased
 
+## 0.2.22 - 2026-10-22
+
+- Place the verified login identifier beneath the application name, keep the
+  current subject immediately before the account control and render the
+  account trigger as an icon only across Personal and Professional hosts.
+
+## 0.2.21 - 2026-10-21
+
+- Move the card preview, profile recovery, elapsed-operation status and
+  collapsible portal section into the shared package and remove their cloned
+  consumer implementations and duplicate elapsed-status tests.
+- Keep package metadata and current usage guidance brand-neutral; consumer
+  names belong in host repositories rather than this reusable package.
+- Centralize the platform-authenticator capability check and mandatory
+  passkey-before-wallet ordering so Personal and Professional hosts cannot
+  silently diverge on biometric enrollment policy.
+
 ## 0.2.20 - 2026-10-21
 
 - Add one accessible Personal subject workspace shared by UHC, PetChain and

package/README.md

@@ -1,25 +1,19 @@
-# UHC Portal Components React
+# Shared Portal Components React
 
 Historical reusable UI and flow anchors are tracked in
 [`docs/LEGACY_FRONTEND_RECOVERY_INVENTORY.md`](docs/LEGACY_FRONTEND_RECOVERY_INVENTORY.md).
 
-Publishable, brand-neutral React components shared by:
-
-- UHC Personal
-- UHC Professional
-- VetChain Personal
-- VetChain Professional
-- SOSChain Personal
-- SOSChain Professional
+Publishable, brand-neutral React components shared by independent Personal and
+Professional portal deployments.
 
 The package owns visual shell behavior only. Authentication, protected-profile
 storage, PIN verification and actor authorization remain in the host portal
 through `ProfileRuntime`, `LoadedProfileWorkspace` and actor-scoped SDK facades.
 
 `AnimalIdentityOnboardingV2` and `AnimalIdentityDetailsV2` define one shared
-progressive create/read pattern. VetChain uses it for an animal and responsible
-party. UHC Professional must reuse the same contract for a newborn and
-responsible person, changing only governed role policy and copy: an attending
+progressive create/read pattern. A host can use the same contract for an animal
+and responsible party or a newborn and responsible person, changing only
+governed role policy and copy: an attending
 physician, midwife, nurse or paramedic may prepare the identity and default
 permission proposal where the jurisdiction authorizes that occupation. The
 proposal remains pending until the responsible authority confirms it; showing
@@ -40,17 +34,17 @@ Brand differences are supplied through `PortalBrand`: product name,
 organization, official artwork and CSS variables. Artwork declares its
 light/dark-surface files and intrinsic dimensions; the shell preserves those
 proportions and never synthesizes a text monogram. Components do not import
-Firebase, Next.js or any GDC/UHC SDK runtime.
+Firebase, Next.js or any product SDK runtime.
 
 ```tsx
 const brand = {
   family: 'professional',
-  productName: 'UNID Professional',
-  organizationName: 'Fundación UNID',
+  productName: 'Example Professional',
+  organizationName: 'Example Organization',
   homeHref: '/es',
   mark: {
-    lightSurface: { src: '/logos/uhc-logo.svg', alt: 'UHC', width: 100, height: 100 },
-    darkSurface: { src: '/logos/uhc-logo.svg', alt: 'UHC', width: 100, height: 100 },
+    lightSurface: { src: '/logos/product.svg', alt: 'Product', width: 100, height: 100 },
+    darkSurface: { src: '/logos/product.svg', alt: 'Product', width: 100, height: 100 },
   },
 } satisfies PortalBrand
 ```
@@ -196,12 +190,12 @@ token immediately; otherwise it records a `Communication` request for the
 individual controller to review. The GW remains authoritative for the exact
 intersection of requested and consented sections.
 
-UHC Personal and PetChain Personal must ultimately compose the same reusable
-personal flow modules. UHC Professional and VetChain Professional must do the
-same for professional flows. This package does **not yet expose those complete
+Personal deployments must compose the same reusable Personal flow modules;
+Professional deployments must do the same for Professional flows. This package
+does **not yet expose every complete
 route modules**: login, versioned terms, profile protection, individual/member
 management, licences, clinical data, care and permissions still live in the
-UHC host application and must be extracted behind host-owned adapters. A brand
+host application and must be extracted behind host-owned adapters. A brand
 adapter may change tokens, logo, product vocabulary, animal-specific forms and
 route destinations; it must not fork shared flow or authorization behavior.
 Independent deployments are expected: reuse means versioned complete screens,

package/dist/CardPreview.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+/** Keeps the canonical physical-card aspect ratio inside a responsive preview shell. */
+export declare function CardPreview({ children }: Readonly<{
+    children: ReactNode;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=CardPreview.d.ts.map

package/dist/CardPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardPreview.d.ts","sourceRoot":"","sources":["../src/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,+BAI1E"}

package/dist/CardPreview.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Keeps the canonical physical-card aspect ratio inside a responsive preview shell. */
+export function CardPreview({ children }) {
+    return _jsx("div", { className: "uhc-card-preview-shell", "data-testid": "card-preview", children: _jsx("div", { className: "uhc-card-preview", children: children }) });
+}

package/dist/CollapsiblePortalSection.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+/** Keeps one portal phase mounted while allowing its content to be collapsed. */
+export declare function CollapsiblePortalSection({ title, description, children, className, initiallyOpen, }: Readonly<{
+    title: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+    initiallyOpen?: boolean;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=CollapsiblePortalSection.d.ts.map

package/dist/CollapsiblePortalSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePortalSection.d.ts","sourceRoot":"","sources":["../src/CollapsiblePortalSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAErE,iFAAiF;AACjF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,QAAQ,CAAC;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC,+BAaD"}

package/dist/CollapsiblePortalSection.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/** Keeps one portal phase mounted while allowing its content to be collapsed. */
+export function CollapsiblePortalSection({ title, description, children, className = '', initiallyOpen = true, }) {
+    const [open, setOpen] = useState(initiallyOpen);
+    function retainDisclosureState(event) {
+        setOpen(event.currentTarget.open);
+    }
+    return _jsxs("details", { className: `research-import-disclosure ${className}`.trim(), open: open, onToggle: retainDisclosureState, children: [_jsxs("summary", { children: [_jsx("strong", { children: title }), description ? _jsx("span", { children: description }) : null] }), _jsx("div", { className: "research-import-disclosure-content", children: children })] });
+}

package/dist/ElapsedOperationStatus.d.ts

@@ -0,0 +1,9 @@
+/** Renders one accessible status and elapsed counter for a long portal operation. */
+export declare function ElapsedOperationStatus({ busy, status, fallback, tone, testId }: Readonly<{
+    busy: boolean;
+    status: string;
+    fallback: string;
+    tone?: 'info' | 'warning' | 'success' | 'error';
+    testId?: string;
+}>): import("react").JSX.Element | null;
+//# sourceMappingURL=ElapsedOperationStatus.d.ts.map

package/dist/ElapsedOperationStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElapsedOperationStatus.d.ts","sourceRoot":"","sources":["../src/ElapsedOperationStatus.tsx"],"names":[],"mappings":"AAIA,qFAAqF;AACrF,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAgB,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC;IACpG,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC,sCAiBD"}

package/dist/ElapsedOperationStatus.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+/** Renders one accessible status and elapsed counter for a long portal operation. */
+export function ElapsedOperationStatus({ busy, status, fallback, tone = 'warning', testId }) {
+    const [elapsedSeconds, setElapsedSeconds] = useState(0);
+    useEffect(() => {
+        if (!busy) {
+            setElapsedSeconds(0);
+            return;
+        }
+        const startedAt = Date.now();
+        setElapsedSeconds(0);
+        const timer = window.setInterval(() => setElapsedSeconds(Math.floor((Date.now() - startedAt) / 1000)), 1000);
+        return () => window.clearInterval(timer);
+    }, [busy]);
+    const text = status || (busy ? fallback : '');
+    if (!text)
+        return null;
+    return _jsxs("p", { role: tone === 'error' ? 'alert' : 'status', "data-testid": testId, className: `notice notice-${tone}`, children: [text, busy ? ` (${elapsedSeconds}s)` : ''] });
+}

package/dist/PortalHeader.d.ts

@@ -1,4 +1,5 @@
 import { type PortalBrand, type PortalAccountOption, type PortalLanguageOption, type PortalMenuAction, type PortalShellCopy } from './contracts.js';
+import { type PortalCurrentSubjectRegistration } from './PortalCurrentSubject.js';
 export type PortalHeaderProps = Readonly<{
     brand: PortalBrand;
     copy: PortalShellCopy;
@@ -11,6 +12,7 @@ export type PortalHeaderProps = Readonly<{
     menuActions?: readonly PortalMenuAction[];
     onSignOut?: () => void | Promise<void>;
     storageNamespace?: string;
+    currentSubject?: PortalCurrentSubjectRegistration;
 }>;
 /**
  * Shared account/preferences header.
@@ -18,5 +20,5 @@ export type PortalHeaderProps = Readonly<{
  * Authentication is deliberately supplied as data and callbacks. The
  * component never imports Firebase and never treats browser state as a role.
  */
-export declare function PortalHeader({ brand, copy, accountIdentifier, languageHref, languageOptions, guestActionHref, accountOptions, onSelectAccount, menuActions, onSignOut, storageNamespace, }: PortalHeaderProps): import("react").JSX.Element;
+export declare function PortalHeader({ brand, copy, accountIdentifier, languageHref, languageOptions, guestActionHref, accountOptions, onSelectAccount, menuActions, onSignOut, storageNamespace, currentSubject, }: PortalHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=PortalHeader.d.ts.map

package/dist/PortalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHeader.d.ts","sourceRoot":"","sources":["../src/PortalHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAA;AASvB,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,eAAe,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACjD,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,eAAoB,EACpB,eAAe,EACf,cAAmB,EACnB,eAAe,EACf,WAAgB,EAChB,SAAS,EACT,gBAA+B,GAChC,EAAE,iBAAiB,+BAoKnB"}
+{"version":3,"file":"PortalHeader.d.ts","sourceRoot":"","sources":["../src/PortalHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAA;AAOvB,OAAO,EAGL,KAAK,gCAAgC,EACtC,MAAM,2BAA2B,CAAA;AAElC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,eAAe,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACjD,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,gCAAgC,CAAA;CAClD,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,eAAoB,EACpB,eAAe,EACf,cAAmB,EACnB,eAAe,EACf,WAAgB,EAChB,SAAS,EACT,gBAA+B,EAC/B,cAAc,GACf,EAAE,iBAAiB,+BAyKnB"}

package/dist/PortalHeader.js

@@ -4,14 +4,14 @@ import { useEffect, useRef, useState } from 'react';
 import { portalUiDensities, portalUiThemes, } from './contracts.js';
 import { resolvePortalUiDensity, resolvePortalUiTheme, resolveRenderedPortalTheme, } from './preferences.js';
 import { PortalBrandArtwork } from './PortalBrandArtwork.js';
-import { PortalCurrentSubjectSlot } from './PortalCurrentSubject.js';
+import { PortalCurrentSubjectControl, PortalCurrentSubjectSlot, } from './PortalCurrentSubject.js';
 /**
  * Shared account/preferences header.
  *
  * Authentication is deliberately supplied as data and callbacks. The
  * component never imports Firebase and never treats browser state as a role.
  */
-export function PortalHeader({ brand, copy, accountIdentifier, languageHref, languageOptions = [], guestActionHref, accountOptions = [], onSelectAccount, menuActions = [], onSignOut, storageNamespace = 'uhc-portal', }) {
+export function PortalHeader({ brand, copy, accountIdentifier, languageHref, languageOptions = [], guestActionHref, accountOptions = [], onSelectAccount, menuActions = [], onSignOut, storageNamespace = 'uhc-portal', currentSubject, }) {
     const [open, setOpen] = useState(false);
     const [density, setDensity] = useState('medium');
     const [theme, setTheme] = useState('system');
@@ -61,7 +61,9 @@ export function PortalHeader({ brand, copy, accountIdentifier, languageHref, lan
         setTheme(value);
         localStorage.setItem(themeKey, value);
     }
-    return (_jsxs("header", { className: "uhcp-header", style: brand.variables, children: [_jsxs("a", { className: "uhcp-brand", href: brand.homeHref, "aria-label": copy.home, children: [_jsx(PortalBrandArtwork, { artwork: brand.mark, className: "uhcp-brand-mark" }), _jsxs("span", { children: [_jsx("strong", { children: brand.productName }), _jsx("small", { children: brand.organizationName })] })] }), _jsx(PortalCurrentSubjectSlot, {}), _jsxs("div", { className: "uhcp-account-menu", ref: ref, children: [_jsxs("button", { type: "button", className: "uhcp-trigger", onClick: () => setOpen((value) => !value), "aria-label": copy.accountAndPreferences, "aria-expanded": open, children: [_jsx(PersonIcon, {}), accountIdentifier && _jsx("span", { className: "uhcp-account-id", children: accountIdentifier }), _jsx("span", { "aria-hidden": "true", children: "\u2304" })] }), open && (_jsxs("section", { className: "uhcp-menu", "aria-label": copy.accountAndPreferences, children: [_jsxs("div", { className: "uhcp-account-state", children: [_jsx("strong", { children: copy.accountAndPreferences }), _jsx("small", { children: accountIdentifier || copy.notSignedIn })] }), accountOptions.length > 0 && (_jsx("div", { className: "uhcp-account-options", children: accountOptions.map((option) => (_jsxs("button", { type: "button", disabled: option.disabled, "aria-pressed": Boolean(option.selected), onClick: () => {
+    return (_jsxs("header", { className: "uhcp-header", style: brand.variables, children: [_jsxs("a", { className: "uhcp-brand", href: brand.homeHref, "aria-label": copy.home, children: [_jsx(PortalBrandArtwork, { artwork: brand.mark, className: "uhcp-brand-mark" }), _jsxs("span", { children: [_jsx("strong", { children: brand.productName }), _jsx("small", { className: accountIdentifier ? 'uhcp-brand-account' : undefined, children: accountIdentifier || brand.organizationName })] })] }), currentSubject
+                ? _jsx(PortalCurrentSubjectControl, { ...currentSubject })
+                : _jsx(PortalCurrentSubjectSlot, {}), _jsxs("div", { className: "uhcp-account-menu", ref: ref, children: [_jsx("button", { type: "button", className: "uhcp-trigger", onClick: () => setOpen((value) => !value), "aria-label": copy.accountAndPreferences, "aria-expanded": open, children: _jsx(PersonIcon, {}) }), open && (_jsxs("section", { className: "uhcp-menu", "aria-label": copy.accountAndPreferences, children: [_jsxs("div", { className: "uhcp-account-state", children: [_jsx("strong", { children: copy.accountAndPreferences }), _jsx("small", { children: accountIdentifier || copy.notSignedIn })] }), accountOptions.length > 0 && (_jsx("div", { className: "uhcp-account-options", children: accountOptions.map((option) => (_jsxs("button", { type: "button", disabled: option.disabled, "aria-pressed": Boolean(option.selected), onClick: () => {
                                         onSelectAccount?.(option.id);
                                         setOpen(false);
                                     }, children: [_jsx("span", { children: option.label }), option.description && _jsx("small", { children: option.description })] }, option.id))) })), _jsx(PreferenceGroup, { label: copy.appearance, children: portalUiThemes.map((value) => (_jsxs("button", { type: "button", "aria-pressed": theme === value, onClick: () => changeTheme(value), children: [_jsx("span", { "aria-hidden": "true", children: value === 'light' ? '☀' : value === 'dark' ? '☾' : '◫' }), copy.themes[value]] }, value))) }), _jsx(PreferenceGroup, { label: copy.textSize, children: portalUiDensities.map((value) => (_jsx("button", { type: "button", "aria-pressed": density === value, onClick: () => changeDensity(value), children: value === 'small' ? 'S' : value === 'medium' ? 'M' : 'L' }, value))) }), _jsxs("div", { className: "uhcp-menu-actions", children: [languageOptions.length > 0

package/dist/ProfileRecoveryPanel.d.ts

@@ -0,0 +1,29 @@
+export type ProfileRecoveryMessages = Readonly<{
+    open: string;
+    title: string;
+    explanation: string;
+    recoveryCode: string;
+    recoveryCodeHelp: string;
+    newPin: string;
+    confirmPin: string;
+    submit: string;
+    cancel: string;
+    mismatch: string;
+    completed: string;
+    replacementCode: string;
+    replacementCodeHelp: string;
+    notificationQueued: string;
+}>;
+/** Collects recovery proof and a replacement PIN without receiving wallet keys. */
+export declare function ProfileRecoveryPanel({ profileId, messages, disabled, onRecover, onClose }: Readonly<{
+    profileId: string;
+    messages: ProfileRecoveryMessages;
+    disabled?: boolean;
+    onRecover: (input: {
+        profileId: string;
+        recoveryCode: string;
+        newPin: string;
+    }) => Promise<string>;
+    onClose: () => void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=ProfileRecoveryPanel.d.ts.map

package/dist/ProfileRecoveryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileRecoveryPanel.d.ts","sourceRoot":"","sources":["../src/ProfileRecoveryPanel.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAC,CAAA;AAEF,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC;IAC3G,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,uBAAuB,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAClG,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC,+BAwCD"}

package/dist/ProfileRecoveryPanel.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/** Collects recovery proof and a replacement PIN without receiving wallet keys. */
+export function ProfileRecoveryPanel({ profileId, messages, disabled = false, onRecover, onClose }) {
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState('');
+    const [replacementCode, setReplacementCode] = useState('');
+    async function submit(event) {
+        event.preventDefault();
+        setError('');
+        const form = new FormData(event.currentTarget);
+        const newPin = String(form.get('newPin') || '');
+        if (newPin !== String(form.get('confirmPin') || '')) {
+            setError(messages.mismatch);
+            return;
+        }
+        setBusy(true);
+        try {
+            setReplacementCode(await onRecover({ profileId, recoveryCode: String(form.get('recoveryCode') || ''), newPin }));
+        }
+        catch (reason) {
+            setError(reason instanceof Error ? reason.message : 'profile_recovery_failed');
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    if (replacementCode)
+        return _jsxs("section", { className: "panel profile-recovery-result", role: "status", children: [_jsx("strong", { children: messages.completed }), _jsxs("label", { children: [messages.replacementCode, _jsx("textarea", { readOnly: true, rows: 3, value: replacementCode, "aria-label": messages.replacementCode })] }), _jsx("p", { children: messages.replacementCodeHelp }), _jsx("p", { children: messages.notificationQueued }), _jsx("button", { type: "button", "data-portal-action": "close-profile-recovery", onClick: onClose, children: messages.cancel })] });
+    return _jsxs("form", { className: "panel form profile-recovery-form", onSubmit: submit, children: [_jsxs("div", { children: [_jsx("h3", { children: messages.title }), _jsx("p", { className: "muted", children: messages.explanation })] }), _jsxs("label", { children: [messages.recoveryCode, _jsx("textarea", { name: "recoveryCode", rows: 3, required: true, autoComplete: "off", "aria-describedby": "profile-recovery-help" })] }), _jsx("p", { id: "profile-recovery-help", className: "technical-note", children: messages.recoveryCodeHelp }), _jsxs("label", { children: [messages.newPin, _jsx("input", { name: "newPin", type: "password", minLength: 6, required: true, autoComplete: "new-password" })] }), _jsxs("label", { children: [messages.confirmPin, _jsx("input", { name: "confirmPin", type: "password", minLength: 6, required: true, autoComplete: "new-password" })] }), error ? _jsx("p", { role: "alert", children: error }) : null, _jsxs("div", { className: "inline-actions", children: [_jsx("button", { "data-portal-action": "submit-profile-recovery", disabled: busy, children: messages.submit }), _jsx("button", { type: "button", "data-portal-action": "cancel-profile-recovery", className: "secondary", disabled: busy || disabled, onClick: onClose, children: messages.cancel })] })] });
+}

package/dist/index.d.ts

@@ -50,4 +50,9 @@ export * from './notification-bff-client.js';
 export * from './CommunicationsWorkspace.js';
 export * from './SelectedSubjectWorkspace.js';
 export * from './SubjectWorkspace.js';
+export * from './CardPreview.js';
+export * from './CollapsiblePortalSection.js';
+export * from './ElapsedOperationStatus.js';
+export * from './ProfileRecoveryPanel.js';
+export * from './passkey-policy.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -50,3 +50,8 @@ export * from './notification-bff-client.js';
 export * from './CommunicationsWorkspace.js';
 export * from './SelectedSubjectWorkspace.js';
 export * from './SubjectWorkspace.js';
+export * from './CardPreview.js';
+export * from './CollapsiblePortalSection.js';
+export * from './ElapsedOperationStatus.js';
+export * from './ProfileRecoveryPanel.js';
+export * from './passkey-policy.js';

package/dist/passkey-policy.d.ts

@@ -0,0 +1,9 @@
+/** Reports only a positive browser claim for a user-verifying platform authenticator. */
+export declare function isUserVerifyingPlatformPasskeyAvailable(): Promise<boolean>;
+/** Requires WebAuthn enrollment to finish before issuing a usable wallet session. */
+export declare function openWalletAfterRequiredPasskey<T>(input: Readonly<{
+    passkeyRequired: boolean;
+    enroll(): Promise<void>;
+    open(): Promise<T>;
+}>): Promise<T>;
+//# sourceMappingURL=passkey-policy.d.ts.map

package/dist/passkey-policy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passkey-policy.d.ts","sourceRoot":"","sources":["../src/passkey-policy.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,wBAAsB,uCAAuC,IAAI,OAAO,CAAC,OAAO,CAAC,CAQhF;AAED,qFAAqF;AACrF,wBAAsB,8BAA8B,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC;IACtE,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACvB,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;CACnB,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAGd"}

package/dist/passkey-policy.js

@@ -0,0 +1,18 @@
+/** Reports only a positive browser claim for a user-verifying platform authenticator. */
+export async function isUserVerifyingPlatformPasskeyAvailable() {
+    if (typeof PublicKeyCredential === 'undefined'
+        || typeof PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable !== 'function')
+        return false;
+    try {
+        return await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
+    }
+    catch {
+        return false;
+    }
+}
+/** Requires WebAuthn enrollment to finish before issuing a usable wallet session. */
+export async function openWalletAfterRequiredPasskey(input) {
+    if (input.passkeyRequired)
+        await input.enroll();
+    return input.open();
+}

package/dist/styles.css

@@ -51,7 +51,7 @@ html[data-theme='dark'] {
 }
 .uhcp-brand { align-items: center; color: var(--uhcp-text); display: flex; gap: .75rem; text-decoration: none; }
 .uhcp-brand > span:last-child { display: grid; line-height: 1.15; }
-.uhcp-brand small { color: var(--uhcp-muted); }
+.uhcp-brand small { color: var(--uhcp-muted); max-width: min(22rem, 42vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .uhcp-brand-mark {
   align-items: center;
   display: inline-flex;
@@ -80,9 +80,10 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   color: var(--uhcp-text);
   cursor: pointer;
   display: flex;
-  gap: .5rem;
-  max-width: min(19rem, 48vw);
-  padding: .7rem .85rem;
+  justify-content: center;
+  min-height: 2.75rem;
+  min-width: 2.75rem;
+  padding: .7rem;
 }
 .uhcp-person-icon { height: 1.25rem; min-width: 1.25rem; width: 1.25rem; }
 .uhcp-account-id { font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -709,7 +710,7 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-floating-back { border-radius: 50%; bottom: 1.25rem; height: 3.5rem; left: 1.25rem; width: 3.5rem; }
 .uhcp-floating-assistant { border-radius: 999px; bottom: 1.25rem; gap: .5rem; padding: 1rem 1.25rem; right: 1.25rem; }
 @media (max-width: 620px) {
-  .uhcp-account-id, .uhcp-brand small { display: none; }
+  .uhcp-brand small { max-width: 48vw; }
   .uhcp-entry-hero { grid-template-columns: 1fr; }
   .uhcp-access-grid { grid-template-columns: 1fr; }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.2.20",
-  "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
+  "version": "0.2.22",
+  "description": "Brand-neutral React portal screens, account preferences and protected-profile UI.",
   "license": "Apache-2.0",
   "type": "module",
   "files": [