uhc-portal-components-react 0.1.14 → 0.1.16

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.1.16
+
+- Add `IdentityEvidenceDocumentPanel`, a brand-neutral signed-PDF upload and
+  verification surface used by PetChain, UHC UNID and SOSChain.
+- Keep rendered status provider-owned: selecting or uploading a PDF never
+  changes pending evidence to verified in browser state.
+- Add `IdentityEvidenceDeclarationForm` for governed legal-name, jurisdiction,
+  identifier and relationship options with one high-level preparation
+  callback and no session, certificate or gateway fields.
+
+## 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

package/README.md

@@ -71,6 +71,13 @@ The package deliberately exposes modules instead of a cloned application:
   exact capabilities for self upload, organization-worker upload or
   professional attestation; ICA or another trusted backend verifies the
   signature after upload.
+- `IdentityEvidenceDocumentPanel`: selects and uploads one signed PDF for the
+  chosen identity, requests trusted verification and renders only the status
+  returned by the provider facade. It contains no certificate or gateway
+  plumbing.
+- `IdentityEvidenceDeclarationForm`: collects the business fields used to
+  prepare a declaration. Hosts supply governed options and one high-level
+  callback; the form never authors claims or handles certificates.
 
 Clinical label semantics stay in `gdc-common-utils-ts` / the SDK reader. Hosts
 pass human titles to `ClinicalSectionSummary`: local `CodeableConcept.text`

package/dist/IdentityEvidenceDeclarationForm.d.ts

@@ -0,0 +1,43 @@
+export type IdentityEvidenceOption = Readonly<{
+    value: string;
+    label: string;
+}>;
+export type IdentityEvidenceDeclarationInput = Readonly<{
+    fullLegalName: string;
+    countryCode: string;
+    regional: boolean;
+    subdivisionCode?: string;
+    identifierKind: string;
+    identifierValue: string;
+    controllerCapacity: string;
+}>;
+export type IdentityEvidenceDeclarationFormCopy = Readonly<{
+    title: string;
+    body: string;
+    fullLegalName: string;
+    country: string;
+    identifierKind: string;
+    identifierValue: string;
+    regional: string;
+    region: string;
+    capacity: string;
+    prepare: string;
+    preparing: string;
+    required: string;
+}>;
+/**
+ * Brand-neutral declaration form shared by UHC, PetChain and SOSChain.
+ *
+ * The host supplies governed options and one high-level preparation callback.
+ * This component neither authors resource claims nor handles certificates,
+ * sessions, gateway messages or verification decisions.
+ */
+export declare function IdentityEvidenceDeclarationForm({ copy, countries, regions, identifierKinds, capacities, onPrepare, }: Readonly<{
+    copy: IdentityEvidenceDeclarationFormCopy;
+    countries: readonly IdentityEvidenceOption[];
+    regions: readonly IdentityEvidenceOption[];
+    identifierKinds: readonly IdentityEvidenceOption[];
+    capacities: readonly IdentityEvidenceOption[];
+    onPrepare: (input: IdentityEvidenceDeclarationInput) => Promise<void>;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=IdentityEvidenceDeclarationForm.d.ts.map

package/dist/IdentityEvidenceDeclarationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityEvidenceDeclarationForm.d.ts","sourceRoot":"","sources":["../src/IdentityEvidenceDeclarationForm.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/E,MAAM,MAAM,gCAAgC,GAAG,QAAQ,CAAC;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAC,CAAA;AAEF,MAAM,MAAM,mCAAmC,GAAG,QAAQ,CAAC;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,IAAI,EACJ,SAAS,EACT,OAAO,EACP,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,mCAAmC,CAAA;IACzC,SAAS,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAC5C,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAC1C,eAAe,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAClD,UAAU,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAC7C,SAAS,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACtE,CAAC,+BA+CD"}

package/dist/IdentityEvidenceDeclarationForm.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Brand-neutral declaration form shared by UHC, PetChain and SOSChain.
+ *
+ * The host supplies governed options and one high-level preparation callback.
+ * This component neither authors resource claims nor handles certificates,
+ * sessions, gateway messages or verification decisions.
+ */
+export function IdentityEvidenceDeclarationForm({ copy, countries, regions, identifierKinds, capacities, onPrepare, }) {
+    const [fullLegalName, setFullLegalName] = useState('');
+    const [identifierValue, setIdentifierValue] = useState('');
+    const [countryCode, setCountryCode] = useState(countries[0]?.value || '');
+    const [identifierKind, setIdentifierKind] = useState(identifierKinds[0]?.value || '');
+    const [controllerCapacity, setControllerCapacity] = useState(capacities[0]?.value || '');
+    const [regional, setRegional] = useState(false);
+    const [subdivisionCode, setSubdivisionCode] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState('');
+    async function prepare() {
+        if (!fullLegalName.trim() || !identifierValue.trim() || !countryCode || !identifierKind || !controllerCapacity || (regional && !subdivisionCode)) {
+            setError(copy.required);
+            return;
+        }
+        setBusy(true);
+        setError('');
+        try {
+            await onPrepare({
+                fullLegalName: fullLegalName.trim(),
+                countryCode,
+                regional,
+                ...(regional ? { subdivisionCode } : {}),
+                identifierKind,
+                identifierValue: identifierValue.trim(),
+                controllerCapacity,
+            });
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    return _jsxs("section", { className: "uhcp-identity-declaration", "aria-labelledby": "identity-declaration-form-title", children: [_jsxs("header", { children: [_jsx("h3", { id: "identity-declaration-form-title", children: copy.title }), _jsx("p", { children: copy.body })] }), _jsxs("div", { className: "uhcp-identity-declaration-fields", children: [_jsxs("label", { children: [copy.fullLegalName, _jsx("input", { value: fullLegalName, onChange: (event) => setFullLegalName(event.target.value) })] }), _jsxs("label", { children: [copy.country, _jsx("select", { value: countryCode, onChange: (event) => setCountryCode(event.target.value), children: options(countries) })] }), _jsxs("label", { children: [copy.identifierKind, _jsx("select", { value: identifierKind, onChange: (event) => setIdentifierKind(event.target.value), children: options(identifierKinds) })] }), _jsxs("label", { children: [copy.identifierValue, _jsx("input", { value: identifierValue, onChange: (event) => setIdentifierValue(event.target.value) })] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: regional, onChange: (event) => { setRegional(event.target.checked); if (!event.target.checked)
+                                    setSubdivisionCode(''); } }), copy.regional] }), _jsxs("label", { children: [copy.region, _jsxs("select", { value: subdivisionCode, disabled: !regional, onChange: (event) => setSubdivisionCode(event.target.value), children: [_jsx("option", { value: "" }), options(regions)] })] }), _jsxs("label", { children: [copy.capacity, _jsx("select", { value: controllerCapacity, onChange: (event) => setControllerCapacity(event.target.value), children: options(capacities) })] })] }), error ? _jsx("p", { role: "alert", children: error }) : null, _jsx("button", { type: "button", onClick: () => void prepare(), disabled: busy, children: busy ? copy.preparing : copy.prepare })] });
+}
+function options(values) {
+    return values.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value));
+}

package/dist/IdentityEvidenceDocumentPanel.d.ts

@@ -0,0 +1,34 @@
+import type { IdentityEvidenceIdentifier, IdentityEvidenceStatus } from './IdentityEvidenceWorkspace.js';
+export type IdentityEvidenceDocument = Readonly<{
+    id: string;
+    fileName: string;
+    status: IdentityEvidenceStatus;
+}>;
+export type IdentityEvidenceDocumentPanelCopy = Readonly<{
+    title: string;
+    body: string;
+    choosePdf: string;
+    upload: string;
+    uploading: string;
+    verify: string;
+    verifying: string;
+    noDocument: string;
+    invalidPdf: string;
+    statusLabels: Readonly<Record<IdentityEvidenceStatus, string>>;
+}>;
+/**
+ * Reusable signed-document panel for UHC, PetChain and SOSChain.
+ *
+ * The component only chooses a PDF and calls the host's high-level methods.
+ * It never parses certificates, builds gateway claims or promotes a local
+ * digest to verified evidence. The rendered status always comes from provider
+ * readback through `documents`.
+ */
+export declare function IdentityEvidenceDocumentPanel({ copy, selectedIdentifier, documents, onUpload, onVerifySignaturePdf, }: Readonly<{
+    copy: IdentityEvidenceDocumentPanelCopy;
+    selectedIdentifier?: IdentityEvidenceIdentifier;
+    documents: readonly IdentityEvidenceDocument[];
+    onUpload: (controllerIdentifierId: string, pdf: File) => Promise<void>;
+    onVerifySignaturePdf: (evidenceId: string) => Promise<void>;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=IdentityEvidenceDocumentPanel.d.ts.map

package/dist/IdentityEvidenceDocumentPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityEvidenceDocumentPanel.d.ts","sourceRoot":"","sources":["../src/IdentityEvidenceDocumentPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAExG,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAC,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,QAAQ,CAAC;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAA;CAC/D,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,IAAI,EACJ,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,oBAAoB,GACrB,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,iCAAiC,CAAA;IACvC,kBAAkB,CAAC,EAAE,0BAA0B,CAAA;IAC/C,SAAS,EAAE,SAAS,wBAAwB,EAAE,CAAA;IAC9C,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtE,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5D,CAAC,+BAgED"}

package/dist/IdentityEvidenceDocumentPanel.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Reusable signed-document panel for UHC, PetChain and SOSChain.
+ *
+ * The component only chooses a PDF and calls the host's high-level methods.
+ * It never parses certificates, builds gateway claims or promotes a local
+ * digest to verified evidence. The rendered status always comes from provider
+ * readback through `documents`.
+ */
+export function IdentityEvidenceDocumentPanel({ copy, selectedIdentifier, documents, onUpload, onVerifySignaturePdf, }) {
+    const [file, setFile] = useState();
+    const [busy, setBusy] = useState();
+    const [error, setError] = useState('');
+    async function upload() {
+        if (!selectedIdentifier || !file || file.type !== 'application/pdf') {
+            setError(copy.invalidPdf);
+            return;
+        }
+        setBusy('upload');
+        setError('');
+        try {
+            await onUpload(selectedIdentifier.id, file);
+        }
+        finally {
+            setBusy(undefined);
+        }
+    }
+    async function verify(evidenceId) {
+        setBusy('verify');
+        setError('');
+        try {
+            await onVerifySignaturePdf(evidenceId);
+        }
+        finally {
+            setBusy(undefined);
+        }
+    }
+    return (_jsxs("section", { className: "uhcp-identity-documents", "aria-labelledby": "identity-evidence-documents-title", children: [_jsxs("header", { children: [_jsx("h3", { id: "identity-evidence-documents-title", children: copy.title }), _jsx("p", { children: copy.body })] }), _jsxs("label", { children: [_jsx("span", { children: copy.choosePdf }), _jsx("input", { type: "file", accept: "application/pdf,.pdf", "aria-label": copy.choosePdf, onChange: (event) => setFile(event.target.files?.[0]) })] }), _jsx("button", { type: "button", onClick: () => void upload(), disabled: busy !== undefined || !selectedIdentifier, children: busy === 'upload' ? copy.uploading : copy.upload }), error ? _jsx("p", { role: "alert", children: error }) : null, documents.length ? (_jsx("ul", { children: documents.map((document) => (_jsxs("li", { children: [_jsxs("span", { children: [_jsx("strong", { children: document.fileName }), _jsx("small", { children: copy.statusLabels[document.status] })] }), document.status === 'pending' ? (_jsx("button", { type: "button", onClick: () => void verify(document.id), disabled: busy !== undefined, children: busy === 'verify' ? copy.verifying : copy.verify })) : null] }, document.id))) })) : _jsx("p", { children: copy.noDocument })] }));
+}

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/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';
@@ -15,4 +16,6 @@ export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';
 export * from './LegalMarkdownDocument.js';
 export * from './IdentityEvidenceWorkspace.js';
+export * from './IdentityEvidenceDocumentPanel.js';
+export * from './IdentityEvidenceDeclarationForm.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;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,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;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,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';
@@ -15,3 +16,5 @@ export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';
 export * from './LegalMarkdownDocument.js';
 export * from './IdentityEvidenceWorkspace.js';
+export * from './IdentityEvidenceDocumentPanel.js';
+export * from './IdentityEvidenceDeclarationForm.js';

package/dist/styles.css

@@ -277,8 +277,29 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .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; }
+.uhcp-identity-documents { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: 1.5rem; color: var(--uhcp-text); display: grid; gap: 1rem; padding: 1.25rem; }
+.uhcp-identity-documents h3, .uhcp-identity-documents p { margin: 0; }
+.uhcp-identity-documents header p, .uhcp-identity-documents small { color: var(--uhcp-muted); }
+.uhcp-identity-documents label { display: grid; font-weight: 800; gap: .5rem; }
+.uhcp-identity-documents input { border: 1px solid var(--uhcp-border); border-radius: .85rem; color: var(--uhcp-text); padding: .75rem; }
+.uhcp-identity-documents > button, .uhcp-identity-documents li button { background: linear-gradient(135deg, var(--uhcp-action-start), var(--uhcp-action-end)); border: 0; border-radius: .85rem; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.75rem; padding: .65rem 1rem; }
+.uhcp-identity-documents button:disabled { cursor: not-allowed; opacity: .55; }
+.uhcp-identity-documents ul { display: grid; gap: .65rem; list-style: none; margin: 0; padding: 0; }
+.uhcp-identity-documents li { align-items: center; background: var(--uhcp-panel-muted); border-radius: 1rem; display: flex; gap: 1rem; justify-content: space-between; padding: .85rem; }
+.uhcp-identity-documents li span { display: grid; gap: .25rem; }
+.uhcp-identity-documents [role='alert'] { color: #c64747; font-weight: 800; }
+.uhcp-identity-declaration { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: 1.5rem; color: var(--uhcp-text); display: grid; gap: 1rem; padding: 1.25rem; }
+.uhcp-identity-declaration h3, .uhcp-identity-declaration p { margin: 0; }
+.uhcp-identity-declaration header p { color: var(--uhcp-muted); line-height: 1.55; margin-top: .4rem; }
+.uhcp-identity-declaration-fields { display: grid; gap: 1rem; }
+.uhcp-identity-declaration label { display: grid; font-weight: 800; gap: .5rem; }
+.uhcp-identity-declaration label:has(input[type='checkbox']) { align-items: center; display: flex; }
+.uhcp-identity-declaration input:not([type='checkbox']), .uhcp-identity-declaration select { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: .85rem; color: var(--uhcp-text); font: inherit; min-height: 2.75rem; padding: .7rem .8rem; }
+.uhcp-identity-declaration > button { background: linear-gradient(135deg, var(--uhcp-action-start), var(--uhcp-action-end)); border: 0; border-radius: .85rem; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.75rem; padding: .65rem 1rem; }
+.uhcp-identity-declaration [role='alert'] { color: #c64747; font-weight: 800; }
 @media (min-width: 760px) {
   .uhcp-identity-upload-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .uhcp-identity-declaration-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 
 .uhcp-clinical-summary {
@@ -455,3 +476,4 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 @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.14",
+  "version": "0.1.16",
   "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
   "license": "Apache-2.0",
   "type": "module",