uhc-portal-components-react 0.1.15 → 0.1.16

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 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

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/index.d.ts

@@ -16,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,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

@@ -16,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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.1.15",
+  "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",