uhc-portal-components-react 0.1.11 → 0.1.15

package/CHANGELOG.md

@@ -1,7 +1,36 @@
 # Changelog
 
+## 0.1.15
+
+- Add an accessible, animated `PortalLoadingSkeleton` that authenticated
+  portals render while provider data is pending, before any empty or stale
+  business state is eligible to appear.
+
+## 0.1.14
+
+- Add a brand-neutral, three-step identity-evidence workspace that keeps the
+  selected subject separate from the controller's reusable identifiers.
+- Model self upload, authorized organization-worker upload and professional
+  attestation as independent host-confirmed capabilities; uploading evidence
+  never marks its signature or identity as verified in browser state.
+
+## 0.1.13
+
+- Render versioned legal Markdown as semantic headings, paragraphs, lists,
+  links and inline code instead of exposing source markers.
+
+## 0.1.12
+
+- Add a brand-neutral full-page account settings surface for security actions,
+  theme, text size, language and legal links, with a product-extension slot for
+  jurisdiction and data-use controls.
+
 ## Unreleased
 
+- Correct the reuse contract: the package currently provides presentation
+  primitives, not the full UHC Personal route journeys. Document the extraction
+  required before PetChain can reuse login, protected profiles, individuals,
+  members/licences, clinical data and permissions without cloning the app.
 - Add a brand-neutral protected-index and emergency-copy panel. Hosts supply
   backend-confirmed records; protected storage, individual authorship and
   emergency availability remain separate states, and professional release is

package/README.md

@@ -66,6 +66,11 @@ The package deliberately exposes modules instead of a cloned application:
   employee lifecycle and invitation-status UI. Invitations remain host-owned
   application records; the component does not reserve licenses or create GW
   employees.
+- `IdentityEvidenceWorkspace`: plain-language subject, controller-identifier
+  and evidence steps. The host supplies authorized subjects, identifiers and
+  exact capabilities for self upload, organization-worker upload or
+  professional attestation; ICA or another trusted backend verifies the
+  signature after upload.
 
 Clinical label semantics stay in `gdc-common-utils-ts` / the SDK reader. Hosts
 pass human titles to `ClinicalSectionSummary`: local `CodeableConcept.text`
@@ -93,8 +98,13 @@ 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 VetChain Personal must compose the same personal route
-modules. UHC Professional and VetChain Professional must compose the same
-professional route modules. A brand adapter may change only tokens, logo,
-product names, descriptions and route destinations; it must not fork flow,
-profile or authorization behavior.
+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
+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
+adapter may change tokens, logo, product vocabulary, animal-specific forms and
+route destinations; it must not fork shared flow or authorization behavior.
+
+See [`docs/PERSONAL_FLOW_EXTRACTION.md`](docs/PERSONAL_FLOW_EXTRACTION.md).

package/dist/IdentityEvidenceWorkspace.d.ts

@@ -0,0 +1,60 @@
+export type IdentityEvidenceStatus = 'verified' | 'pending' | 'rejected';
+export type IdentityEvidenceUploadMode = 'self' | 'organization-worker' | 'professional-attestation';
+export type IdentityEvidenceSubject = Readonly<{
+    id: string;
+    displayName: string;
+    kind: 'person' | 'animal';
+}>;
+export type IdentityEvidenceIdentifier = Readonly<{
+    id: string;
+    typeLabel: string;
+    jurisdictionLabel: string;
+    displayValue: string;
+    status: IdentityEvidenceStatus;
+}>;
+export type IdentityEvidenceCapabilities = Readonly<{
+    editSubject: boolean;
+    addIdentifier: boolean;
+    selfUpload: boolean;
+    organizationUpload: boolean;
+    professionalAttestation: boolean;
+}>;
+export type IdentityEvidenceWorkspaceCopy = Readonly<{
+    title: string;
+    intro: string;
+    selectedSubject: string;
+    subjectStepTitle: string;
+    subjectStepBody: string;
+    editSubject: string;
+    controllerStepTitle: string;
+    controllerStepBody: string;
+    noIdentifiers: string;
+    addIdentifier: string;
+    evidenceStepTitle: string;
+    evidenceStepBody: string;
+    selfUpload: string;
+    selfUploadHelp: string;
+    organizationUpload: string;
+    organizationUploadHelp: string;
+    professionalAttestation: string;
+    statusLabels: Readonly<Record<IdentityEvidenceStatus, string>>;
+}>;
+/**
+ * Brand-neutral identity-evidence journey for one backend-authorized subject.
+ *
+ * The host owns subject resolution, persistence and capabilities. This view
+ * keeps the managed subject separate from the controller's identifiers and
+ * keeps uploader, signer and verifier roles independent. Selecting an upload
+ * route never changes evidence status in browser state.
+ */
+export declare function IdentityEvidenceWorkspace({ copy, subject, identifiers, capabilities, onEditSubject, onAddIdentifier, onSelectIdentifier, onUploadEvidence, }: Readonly<{
+    copy: IdentityEvidenceWorkspaceCopy;
+    subject: IdentityEvidenceSubject;
+    identifiers: readonly IdentityEvidenceIdentifier[];
+    capabilities: IdentityEvidenceCapabilities;
+    onEditSubject?: () => void;
+    onAddIdentifier?: () => void;
+    onSelectIdentifier?: (identifierId: string) => void;
+    onUploadEvidence?: (mode: IdentityEvidenceUploadMode) => void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=IdentityEvidenceWorkspace.d.ts.map

package/dist/IdentityEvidenceWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityEvidenceWorkspace.d.ts","sourceRoot":"","sources":["../src/IdentityEvidenceWorkspace.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAExE,MAAM,MAAM,0BAA0B,GAClC,MAAM,GACN,qBAAqB,GACrB,0BAA0B,CAAA;AAE9B,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC1B,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,WAAW,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,uBAAuB,EAAE,OAAO,CAAA;CACjC,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAA;CAC/D,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,6BAA6B,CAAA;IACnC,OAAO,EAAE,uBAAuB,CAAA;IAChC,WAAW,EAAE,SAAS,0BAA0B,EAAE,CAAA;IAClD,YAAY,EAAE,4BAA4B,CAAA;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAA;CAC9D,CAAC,+BAkGD"}

package/dist/IdentityEvidenceWorkspace.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Brand-neutral identity-evidence journey for one backend-authorized subject.
+ *
+ * The host owns subject resolution, persistence and capabilities. This view
+ * keeps the managed subject separate from the controller's identifiers and
+ * keeps uploader, signer and verifier roles independent. Selecting an upload
+ * route never changes evidence status in browser state.
+ */
+export function IdentityEvidenceWorkspace({ copy, subject, identifiers, capabilities, onEditSubject, onAddIdentifier, onSelectIdentifier, onUploadEvidence, }) {
+    return (_jsxs("section", { className: "uhcp-identity-workspace", "aria-labelledby": "identity-evidence-workspace-title", children: [_jsxs("header", { className: "uhcp-identity-workspace-heading", children: [_jsx("h2", { id: "identity-evidence-workspace-title", children: copy.title }), _jsx("p", { children: copy.intro })] }), _jsxs("ol", { className: "uhcp-identity-steps", children: [_jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 1 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.subjectStepTitle }), _jsx("p", { children: copy.subjectStepBody }), _jsxs("div", { className: "uhcp-identity-subject", children: [_jsx("span", { children: copy.selectedSubject }), _jsx("strong", { children: subject.displayName })] }), capabilities.editSubject && onEditSubject ? (_jsx("button", { type: "button", className: "uhcp-identity-secondary-action", onClick: onEditSubject, children: copy.editSubject })) : null] })] }), _jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 2 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.controllerStepTitle }), _jsx("p", { children: copy.controllerStepBody }), identifiers.length === 0 ? (_jsx("p", { className: "uhcp-identity-empty", children: copy.noIdentifiers })) : (_jsx("ul", { className: "uhcp-identity-identifiers", children: identifiers.map((identifier) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelectIdentifier?.(identifier.id), disabled: !onSelectIdentifier, "aria-label": `${identifier.typeLabel}, ${identifier.jurisdictionLabel}, ${identifier.displayValue}`, children: [_jsxs("span", { children: [_jsx("strong", { children: identifier.typeLabel }), _jsxs("small", { children: [identifier.jurisdictionLabel, " \u00B7 ", identifier.displayValue] })] }), _jsx("span", { className: `uhcp-identity-status uhcp-identity-status-${identifier.status}`, children: copy.statusLabels[identifier.status] })] }) }, identifier.id))) })), capabilities.addIdentifier && onAddIdentifier ? (_jsx("button", { type: "button", className: "uhcp-identity-secondary-action", onClick: onAddIdentifier, children: copy.addIdentifier })) : null] })] }), _jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 3 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.evidenceStepTitle }), _jsx("p", { children: copy.evidenceStepBody }), _jsxs("div", { className: "uhcp-identity-upload-actions", children: [capabilities.selfUpload ? (_jsx(UploadAction, { title: copy.selfUpload, help: copy.selfUploadHelp, onClick: () => onUploadEvidence?.('self'), disabled: !onUploadEvidence })) : null, capabilities.organizationUpload ? (_jsx(UploadAction, { title: copy.organizationUpload, help: copy.organizationUploadHelp, onClick: () => onUploadEvidence?.('organization-worker'), disabled: !onUploadEvidence })) : null, capabilities.professionalAttestation ? (_jsx(UploadAction, { title: copy.professionalAttestation, onClick: () => onUploadEvidence?.('professional-attestation'), disabled: !onUploadEvidence })) : null] })] })] })] })] }));
+}
+function StepNumber({ value }) {
+    return _jsx("span", { className: "uhcp-identity-step-number", "aria-hidden": "true", children: value });
+}
+function UploadAction({ title, help, onClick, disabled, }) {
+    return (_jsxs("button", { type: "button", className: "uhcp-identity-upload-action", "aria-label": title, onClick: onClick, disabled: disabled, children: [_jsx("strong", { children: title }), help ? _jsx("small", { children: help }) : null] }));
+}

package/dist/LegalMarkdownDocument.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from 'react';
+/** Renders the deliberately small Markdown subset used by versioned legal notices. */
+export declare function LegalMarkdownDocument({ source }: Readonly<{
+    source: string;
+}>): JSX.Element;
+//# sourceMappingURL=LegalMarkdownDocument.d.ts.map

package/dist/LegalMarkdownDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalMarkdownDocument.d.ts","sourceRoot":"","sources":["../src/LegalMarkdownDocument.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAkB,MAAM,OAAO,CAAA;AAa1D,sFAAsF;AACtF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,eAmC7E"}

package/dist/LegalMarkdownDocument.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+function inlineMarkdown(value) {
+    const parts = value.split(/(`[^`]+`|\[[^\]]+\]\(https?:\/\/[^)]+\)|\*\*[^*]+\*\*)/g).filter(Boolean);
+    return parts.map((part, index) => {
+        if (part.startsWith('`') && part.endsWith('`'))
+            return _jsx("code", { children: part.slice(1, -1) }, index);
+        const link = part.match(/^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/);
+        if (link)
+            return _jsx("a", { href: link[2], rel: "noreferrer", children: link[1] }, index);
+        if (part.startsWith('**') && part.endsWith('**'))
+            return _jsx("strong", { children: part.slice(2, -2) }, index);
+        return _jsx(Fragment, { children: part }, index);
+    });
+}
+/** Renders the deliberately small Markdown subset used by versioned legal notices. */
+export function LegalMarkdownDocument({ source }) {
+    const lines = source.replace(/\r\n/g, '\n').split('\n');
+    const blocks = [];
+    let index = 0;
+    while (index < lines.length) {
+        const line = lines[index].trim();
+        if (!line) {
+            index += 1;
+            continue;
+        }
+        const heading = line.match(/^(#{1,6})\s+(.+)$/);
+        if (heading) {
+            const level = Math.min(6, heading[1].length + 1);
+            const Heading = `h${level}`;
+            blocks.push(_jsx(Heading, { children: inlineMarkdown(heading[2]) }, `h-${index}`));
+            index += 1;
+            continue;
+        }
+        if (/^-\s+/.test(line)) {
+            const items = [];
+            while (index < lines.length && /^-\s+/.test(lines[index].trim())) {
+                items.push(_jsx("li", { children: inlineMarkdown(lines[index].trim().replace(/^-\s+/, '')) }, index));
+                index += 1;
+            }
+            blocks.push(_jsx("ul", { children: items }, `ul-${index}`));
+            continue;
+        }
+        const paragraph = [line];
+        index += 1;
+        while (index < lines.length) {
+            const next = lines[index].trim();
+            if (!next || /^(#{1,6})\s+/.test(next) || /^-\s+/.test(next))
+                break;
+            paragraph.push(next);
+            index += 1;
+        }
+        blocks.push(_jsx("p", { children: inlineMarkdown(paragraph.join(' ')) }, `p-${index}`));
+    }
+    return _jsx("div", { className: "uhcp-legal-document", children: blocks });
+}

package/dist/PortalLoadingSkeleton.d.ts

@@ -0,0 +1,14 @@
+export type PortalLoadingSkeletonProps = Readonly<{
+    label: string;
+    rows?: number;
+    compact?: boolean;
+}>;
+/**
+ * Shared neutral loading surface for authenticated portal data.
+ *
+ * Hosts render this instead of business empty states while a BFF/provider
+ * read is pending. It contains no inferred card, identity or authorization
+ * data and therefore cannot flash stale or misleading content.
+ */
+export declare function PortalLoadingSkeleton({ label, rows, compact, }: PortalLoadingSkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=PortalLoadingSkeleton.d.ts.map

package/dist/PortalLoadingSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalLoadingSkeleton.d.ts","sourceRoot":"","sources":["../src/PortalLoadingSkeleton.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,IAAQ,EACR,OAAe,GAChB,EAAE,0BAA0B,+BAsB5B"}

package/dist/PortalLoadingSkeleton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Shared neutral loading surface for authenticated portal data.
+ *
+ * Hosts render this instead of business empty states while a BFF/provider
+ * read is pending. It contains no inferred card, identity or authorization
+ * data and therefore cannot flash stale or misleading content.
+ */
+export function PortalLoadingSkeleton({ label, rows = 3, compact = false, }) {
+    return (_jsxs("section", { className: `uhcp-loading-skeleton${compact ? ' uhcp-loading-skeleton-compact' : ''}`, role: "status", "aria-busy": "true", "aria-live": "polite", children: [_jsx("span", { className: "uhcp-loading-label", children: label }), _jsx("div", { className: "uhcp-loading-heading", "aria-hidden": "true" }), _jsx("div", { className: "uhcp-loading-copy", "aria-hidden": "true" }), _jsx("div", { className: "uhcp-loading-grid", "aria-hidden": "true", children: Array.from({ length: Math.max(1, rows) }, (_, index) => (_jsxs("div", { className: "uhcp-loading-row", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }, index))) })] }));
+}

package/dist/PortalSettingsPanel.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import { type PortalLanguageOption, type PortalMenuAction, type PortalUiDensity, type PortalUiTheme } from './contracts.js';
+export type PortalSettingsCopy = Readonly<{
+    title: string;
+    description: string;
+    security: string;
+    appearance: string;
+    theme: string;
+    textSize: string;
+    language: string;
+    legal: string;
+    themes: Record<PortalUiTheme, string>;
+    densities: Record<PortalUiDensity, string>;
+}>;
+export type PortalSettingsLink = Readonly<{
+    id: string;
+    label: string;
+    href: string;
+}>;
+export type PortalSettingsPanelProps = Readonly<{
+    copy: PortalSettingsCopy;
+    storageNamespace: string;
+    languageOptions: readonly PortalLanguageOption[];
+    securityActions?: readonly PortalMenuAction[];
+    legalLinks: readonly PortalSettingsLink[];
+    children?: ReactNode;
+}>;
+/** Shared settings surface. Product-specific privacy controls enter as children. */
+export declare function PortalSettingsPanel({ copy, storageNamespace, languageOptions, securityActions, legalLinks, children, }: PortalSettingsPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=PortalSettingsPanel.d.ts.map

package/dist/PortalSettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalSettingsPanel.d.ts","sourceRoot":"","sources":["../src/PortalSettingsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAA;AAGvB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;CAC3C,CAAC,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEtF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,IAAI,EAAE,kBAAkB,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,SAAS,oBAAoB,EAAE,CAAA;IAChD,eAAe,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IAC7C,UAAU,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC,CAAA;AAEF,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,gBAAgB,EAChB,eAAe,EACf,eAAoB,EACpB,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,+BAwC1B"}

package/dist/PortalSettingsPanel.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { portalUiDensities, portalUiThemes, } from './contracts.js';
+import { resolvePortalUiDensity, resolvePortalUiTheme, resolveRenderedPortalTheme } from './preferences.js';
+/** Shared settings surface. Product-specific privacy controls enter as children. */
+export function PortalSettingsPanel({ copy, storageNamespace, languageOptions, securityActions = [], legalLinks, children, }) {
+    const [theme, setTheme] = useState('system');
+    const [density, setDensity] = useState('medium');
+    const themeKey = `${storageNamespace}.theme`;
+    const densityKey = `${storageNamespace}.density`;
+    useEffect(() => {
+        setTheme(resolvePortalUiTheme(localStorage.getItem(themeKey)));
+        setDensity(resolvePortalUiDensity(localStorage.getItem(densityKey)));
+    }, [densityKey, themeKey]);
+    function changeTheme(value) {
+        setTheme(value);
+        localStorage.setItem(themeKey, value);
+        const rendered = resolveRenderedPortalTheme(value, matchMedia('(prefers-color-scheme: dark)').matches);
+        document.documentElement.dataset.theme = rendered;
+        document.documentElement.style.colorScheme = rendered;
+    }
+    function changeDensity(value) {
+        setDensity(value);
+        localStorage.setItem(densityKey, value);
+        document.documentElement.dataset.density = value;
+    }
+    return (_jsxs("main", { className: "uhcp-settings", children: [_jsxs("header", { children: [_jsx("h1", { children: copy.title }), _jsx("p", { children: copy.description })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.security }), _jsx("div", { className: "uhcp-settings-links", children: securityActions.map((action) => action.href
+                            ? _jsx("a", { href: action.href, children: action.label }, action.id)
+                            : _jsx("button", { type: "button", onClick: () => void action.onSelect?.(), children: action.label }, action.id)) })] }), children, _jsxs("section", { children: [_jsx("h2", { children: copy.appearance }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.theme }), portalUiThemes.map((value) => _jsx("button", { type: "button", "aria-pressed": theme === value, onClick: () => changeTheme(value), children: copy.themes[value] }, value))] }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.textSize }), portalUiDensities.map((value) => _jsx("button", { type: "button", "aria-pressed": density === value, onClick: () => changeDensity(value), children: copy.densities[value] }, value))] })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.language }), _jsx("div", { className: "uhcp-settings-links", children: languageOptions.map((option) => _jsx("a", { href: option.href, hrefLang: option.id, "aria-current": option.current ? 'page' : undefined, children: option.label }, option.id)) })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.legal }), _jsx("div", { className: "uhcp-settings-links", children: legalLinks.map((link) => _jsx("a", { href: link.href, children: link.label }, link.id)) })] })] }));
+}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './PortalHeader.js';
 export * from './PortalShell.js';
 export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
+export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './InvitationAcceptancePanel.js';
@@ -12,4 +13,7 @@ export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
+export * from './PortalSettingsPanel.js';
+export * from './LegalMarkdownDocument.js';
+export * from './IdentityEvidenceWorkspace.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,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,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,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA"}

package/dist/index.js

@@ -5,6 +5,7 @@ export * from './PortalHeader.js';
 export * from './PortalShell.js';
 export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
+export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './InvitationAcceptancePanel.js';
@@ -12,3 +13,6 @@ export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
+export * from './PortalSettingsPanel.js';
+export * from './LegalMarkdownDocument.js';
+export * from './IdentityEvidenceWorkspace.js';

package/dist/styles.css

@@ -172,6 +172,115 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   padding: 1.25rem;
 }
 
+.uhcp-identity-workspace {
+  background: var(--uhcp-panel);
+  border: 1px solid var(--uhcp-border);
+  border-radius: 2rem;
+  color: var(--uhcp-text);
+  padding: clamp(1.25rem, 3vw, 2rem);
+}
+.uhcp-identity-workspace h2,
+.uhcp-identity-workspace h3,
+.uhcp-identity-workspace p { margin: 0; }
+.uhcp-identity-workspace-heading { max-width: 46rem; }
+.uhcp-identity-workspace-heading h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
+.uhcp-identity-workspace-heading p,
+.uhcp-identity-step-content > p { color: var(--uhcp-muted); line-height: 1.6; margin-top: .5rem; }
+.uhcp-identity-steps { display: grid; gap: 0; list-style: none; margin: 1.75rem 0 0; padding: 0; }
+.uhcp-identity-step { display: grid; gap: 1rem; grid-template-columns: 2.25rem minmax(0, 1fr); position: relative; }
+.uhcp-identity-step:not(:last-child)::before {
+  background: var(--uhcp-border);
+  content: '';
+  height: calc(100% - 2.25rem);
+  left: 1.09rem;
+  position: absolute;
+  top: 2.25rem;
+  width: 2px;
+}
+.uhcp-identity-step-number {
+  align-items: center;
+  background: var(--uhcp-surface-accent);
+  border: 1px solid color-mix(in srgb, var(--uhcp-turquoise) 42%, var(--uhcp-border));
+  border-radius: 999px;
+  color: var(--uhcp-turquoise);
+  display: flex;
+  font-weight: 900;
+  height: 2.25rem;
+  justify-content: center;
+  position: relative;
+  width: 2.25rem;
+  z-index: 1;
+}
+.uhcp-identity-step-content { padding: .25rem 0 1.75rem; }
+.uhcp-identity-step:last-child .uhcp-identity-step-content { padding-bottom: 0; }
+.uhcp-identity-subject {
+  background: var(--uhcp-panel-muted);
+  border-radius: 1rem;
+  display: grid;
+  gap: .2rem;
+  margin-top: 1rem;
+  padding: .9rem 1rem;
+}
+.uhcp-identity-subject span,
+.uhcp-identity-subject small { color: var(--uhcp-muted); font-size: .78rem; }
+.uhcp-identity-empty { color: var(--uhcp-muted); margin-top: 1rem !important; }
+.uhcp-identity-identifiers { display: grid; gap: .65rem; list-style: none; margin: 1rem 0 0; padding: 0; }
+.uhcp-identity-identifiers button {
+  align-items: center;
+  background: var(--uhcp-panel-muted);
+  border: 1px solid transparent;
+  border-radius: 1rem;
+  color: var(--uhcp-text);
+  display: flex;
+  font: inherit;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: .9rem 1rem;
+  text-align: left;
+  width: 100%;
+}
+.uhcp-identity-identifiers button:not(:disabled) { cursor: pointer; }
+.uhcp-identity-identifiers button:not(:disabled):hover { border-color: var(--uhcp-turquoise); }
+.uhcp-identity-identifiers button:disabled { opacity: 1; }
+.uhcp-identity-identifiers button > span:first-child { display: grid; gap: .25rem; }
+.uhcp-identity-identifiers small { color: var(--uhcp-muted); }
+.uhcp-identity-status { border-radius: 999px; font-size: .72rem; font-weight: 800; padding: .35rem .6rem; }
+.uhcp-identity-status-verified { background: color-mix(in srgb, var(--uhcp-emerald) 15%, transparent); color: var(--uhcp-emerald); }
+.uhcp-identity-status-pending { background: color-mix(in srgb, var(--uhcp-attention) 18%, transparent); color: color-mix(in srgb, var(--uhcp-attention) 72%, var(--uhcp-text)); }
+.uhcp-identity-status-rejected { background: color-mix(in srgb, #c64747 14%, transparent); color: #c64747; }
+.uhcp-identity-secondary-action {
+  background: transparent;
+  border: 1px solid var(--uhcp-border);
+  border-radius: .85rem;
+  color: var(--uhcp-text);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 800;
+  margin-top: 1rem;
+  min-height: 2.75rem;
+  padding: .65rem 1rem;
+}
+.uhcp-identity-secondary-action:hover { border-color: var(--uhcp-turquoise); color: var(--uhcp-turquoise); }
+.uhcp-identity-upload-actions { display: grid; gap: .75rem; margin-top: 1rem; }
+.uhcp-identity-upload-action {
+  background: var(--uhcp-panel-muted);
+  border: 1px solid var(--uhcp-border);
+  border-radius: 1rem;
+  color: var(--uhcp-text);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: .25rem;
+  padding: 1rem;
+  text-align: left;
+}
+.uhcp-identity-upload-action:hover { border-color: var(--uhcp-turquoise); }
+.uhcp-identity-upload-action:disabled { cursor: not-allowed; opacity: .6; }
+.uhcp-identity-upload-action small { color: var(--uhcp-muted); line-height: 1.45; }
+@media (min-width: 760px) {
+  .uhcp-identity-upload-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
 .uhcp-clinical-summary {
   display: grid;
   gap: 1rem;
@@ -344,3 +453,6 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-emergency-copy-list small, .uhcp-emergency-copy-list li > span, .uhcp-emergency-copy-empty { color: var(--uhcp-muted); }
 .uhcp-emergency-copy-empty { margin: 1.5rem 0 0; }
 @media (max-width: 620px) { .uhcp-emergency-copy > header { display: grid; } .uhcp-emergency-copy-legend { width: 100%; } }
+.uhcp-settings{max-width:72rem;margin:0 auto;padding:2rem 1rem 4rem;display:grid;gap:1rem}.uhcp-settings>header,.uhcp-settings>section{background:var(--uhcp-surface,#fff);border:1px solid var(--uhcp-border,#dbe4ea);border-radius:1rem;padding:1.25rem}.uhcp-settings h1,.uhcp-settings h2{margin-top:0}.uhcp-settings fieldset{border:0;padding:0;margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.uhcp-settings legend{width:100%;font-weight:700;margin-bottom:.5rem}.uhcp-settings button,.uhcp-settings-links a{border:1px solid var(--uhcp-border,#c9d7df);border-radius:.7rem;background:transparent;color:inherit;padding:.65rem .85rem;text-decoration:none}.uhcp-settings button[aria-pressed=true]{background:var(--uhcp-accent,#dceff7);border-color:var(--uhcp-accent-strong,#2489a7)}.uhcp-settings-links{display:flex;gap:.6rem;flex-wrap:wrap}
+.uhcp-legal-document{color:var(--uhcp-text);line-height:1.7}.uhcp-legal-document h2{font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.15;margin:0 0 1.25rem}.uhcp-legal-document h3{font-size:1.2rem;line-height:1.3;margin:2rem 0 .65rem}.uhcp-legal-document p{margin:0 0 1rem}.uhcp-legal-document ul{margin:0 0 1rem;padding-left:1.4rem}.uhcp-legal-document code{background:var(--uhcp-panel-muted);border-radius:.3rem;padding:.08rem .3rem}
+.uhcp-loading-skeleton{background:var(--uhcp-panel);border:1px solid var(--uhcp-border);border-radius:2rem;display:grid;gap:1rem;margin:0 auto;max-width:1160px;overflow:hidden;padding:clamp(1.25rem,4vw,2.5rem);position:relative}.uhcp-loading-skeleton::after{animation:uhcp-loading-sweep 1.45s ease-in-out infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 42%,transparent),transparent);content:"";inset:0;position:absolute;transform:translateX(-100%)}.uhcp-loading-label{height:1px;overflow:hidden;position:absolute;width:1px;clip-path:inset(50%)}.uhcp-loading-heading,.uhcp-loading-copy,.uhcp-loading-row span{animation:uhcp-loading-pulse 1.45s ease-in-out infinite;background:color-mix(in srgb,var(--uhcp-muted) 17%,var(--uhcp-panel-muted));border-radius:999px}.uhcp-loading-heading{height:2.25rem;max-width:23rem;width:62%}.uhcp-loading-copy{height:1rem;max-width:38rem;width:86%}.uhcp-loading-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-top:.5rem}.uhcp-loading-row{background:var(--uhcp-panel-muted);border:1px solid var(--uhcp-border);border-radius:1.35rem;display:grid;gap:.8rem;padding:1.25rem}.uhcp-loading-row span{display:block;height:.8rem}.uhcp-loading-row span:nth-child(1){width:35%}.uhcp-loading-row span:nth-child(2){height:1.2rem;width:72%}.uhcp-loading-row span:nth-child(3){width:90%}.uhcp-loading-skeleton-compact{border-radius:1.25rem;padding:1.25rem}.uhcp-loading-skeleton-compact .uhcp-loading-heading{height:1.5rem}@keyframes uhcp-loading-pulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes uhcp-loading-sweep{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.uhcp-loading-skeleton::after,.uhcp-loading-heading,.uhcp-loading-copy,.uhcp-loading-row span{animation:none}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.1.11",
+  "version": "0.1.15",
   "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
   "license": "Apache-2.0",
   "type": "module",