uhc-portal-components-react 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.1.8 - 2026-08-02
+
+- Add the shared subject-first SOSChain card picker and workspace for Places,
+  IndividualProducts and emergency/civil-protection communications.
+- Keep authorization host-owned: the component receives server-resolved cards
+  and capabilities and never treats a browser selection as authority.
+
+## 0.1.7 - 2026-07-30
+
+- Add controlled, actor-neutral invitation-acceptance and subject-access
+  request panels. The same scanner/manual locator can be hosted by an
+  individual-member or professional facade; authorization remains in the BFF
+  and GW.
+- Keep requested clinical sections as explicit `system|code` values supplied
+  by the host instead of deriving role or permission semantics in React.
+
 ## 0.1.6 - 2026-07-30
 
 - Consume Common Utils 2.3.12 so the shared IPS viewer uses the complete

package/README.md

@@ -53,6 +53,15 @@ The package deliberately exposes modules instead of a cloned application:
 - `IpsBundleSummary`: receives one in-memory IPS document Bundle, obtains all
   `Composition.section` entries through Common Utils and renders every
   section's cards. It performs no ingestion or GW call.
+- `InvitationAcceptancePanel`: controlled invitation-code UI for a related
+  individual member; the host refreshes the authorized-subject list after its
+  BFF accepts the invitation.
+- `SubjectAccessRequestPanel`: controlled QR, numeric-code or `did:web`
+  resolver plus section selector. It deliberately has no scanner role: the
+  same component is reusable by an individual member or a professional.
+- `SoschainWorkspace`: subject-card picker and four-area workspace for Places,
+  devices/vehicles and read-only emergency communications. The host supplies
+  already-authorized cards and capabilities.
 
 Clinical label semantics stay in `gdc-common-utils-ts` / the SDK reader. Hosts
 pass human titles to `ClinicalSectionSummary`: local `CodeableConcept.text`
@@ -73,6 +82,13 @@ The browser may render an optimistic in-memory Bundle while its authenticated
 BFF persists the command. Only backend code calls
 `ingestCommunicationAndUpdateIndex(...)`; the component never does.
 
+Access panels likewise contain no consent or SMART-token logic. A host first
+resolves the card locator, then asks its authenticated BFF to record the access
+request. If consent is already present, the BFF may obtain a narrowed SMART
+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,

package/dist/InvitationAcceptancePanel.d.ts

@@ -0,0 +1,25 @@
+export type InvitationAcceptanceStatus = 'idle' | 'submitting' | 'accepted' | 'error';
+export type InvitationAcceptancePanelCopy = Readonly<{
+    title: string;
+    description: string;
+    codeLabel: string;
+    submit: string;
+    submitting: string;
+    accepted: string;
+}>;
+export type InvitationAcceptancePanelProps = Readonly<{
+    copy: InvitationAcceptancePanelCopy;
+    code: string;
+    status: InvitationAcceptanceStatus;
+    error?: string;
+    onCodeChange: (code: string) => void;
+    onAccept: () => void | Promise<void>;
+}>;
+/**
+ * Controlled invitation-acceptance form reusable by any personal portal.
+ *
+ * The component owns no authorization semantics. The host BFF verifies the
+ * authenticated actor, accepts the invitation and refreshes related subjects.
+ */
+export declare function InvitationAcceptancePanel({ copy, code, status, error, onCodeChange, onAccept, }: InvitationAcceptancePanelProps): import("react").JSX.Element;
+//# sourceMappingURL=InvitationAcceptancePanel.d.ts.map

package/dist/InvitationAcceptancePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationAcceptancePanel.d.ts","sourceRoot":"","sources":["../src/InvitationAcceptancePanel.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,0BAA0B,GAClC,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,CAAA;AAEX,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,IAAI,EAAE,6BAA6B,CAAA;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,0BAA0B,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE,8BAA8B,+BA+BhC"}

package/dist/InvitationAcceptancePanel.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Controlled invitation-acceptance form reusable by any personal portal.
+ *
+ * The component owns no authorization semantics. The host BFF verifies the
+ * authenticated actor, accepts the invitation and refreshes related subjects.
+ */
+export function InvitationAcceptancePanel({ copy, code, status, error, onCodeChange, onAccept, }) {
+    function submit(event) {
+        event.preventDefault();
+        void onAccept();
+    }
+    return (_jsxs("section", { className: "uhcp-access-panel", "aria-labelledby": "uhcp-invitation-title", children: [_jsx("h2", { id: "uhcp-invitation-title", children: copy.title }), _jsx("p", { children: copy.description }), status === 'accepted'
+                ? _jsx("p", { role: "status", children: copy.accepted })
+                : (_jsxs("form", { onSubmit: submit, children: [_jsxs("label", { children: [_jsx("span", { children: copy.codeLabel }), _jsx("input", { value: code, onChange: (event) => onCodeChange(event.currentTarget.value), required: true, disabled: status === 'submitting' })] }), error && _jsx("p", { role: "alert", children: error }), _jsx("button", { type: "submit", disabled: status === 'submitting' || !code.trim(), children: status === 'submitting' ? copy.submitting : copy.submit })] }))] }));
+}

package/dist/SoschainWorkspace.d.ts

@@ -0,0 +1,70 @@
+export type SoschainWorkspaceArea = 'overview' | 'places' | 'products' | 'communications';
+export type SoschainCardSummary = Readonly<{
+    identifier: string;
+    displayName: string;
+    kindLabel: string;
+    selected?: boolean;
+    openHref: string;
+}>;
+export type SoschainAssociationSummary = Readonly<{
+    identifier: string;
+    name: string;
+    kindLabel: string;
+    detail: string;
+    statusLabel: string;
+}>;
+export type SoschainCommunicationSummary = Readonly<{
+    identifier: string;
+    sender: string;
+    categoryLabel: string;
+    subject: string;
+    body: string;
+    occurredAt: string;
+    placeLabel?: string;
+}>;
+export type SoschainWorkspaceCopy = Readonly<{
+    cardsTitle: string;
+    cardsDescription: string;
+    openCard: string;
+    selectedCard: string;
+    workspaceEyebrow: string;
+    noCardTitle: string;
+    noCardBody: string;
+    areas: Record<SoschainWorkspaceArea, string>;
+    overviewTitle: string;
+    overviewBody: string;
+    placesTitle: string;
+    placesBody: string;
+    productsTitle: string;
+    productsBody: string;
+    communicationsTitle: string;
+    communicationsBody: string;
+    addPlace: string;
+    addProduct: string;
+    emptyPlaces: string;
+    emptyProducts: string;
+    emptyCommunications: string;
+    readOnly: string;
+}>;
+export type SoschainWorkspaceProps = Readonly<{
+    copy: SoschainWorkspaceCopy;
+    cards: readonly SoschainCardSummary[];
+    selectedCard?: SoschainCardSummary;
+    activeArea: SoschainWorkspaceArea;
+    areaHrefs: Record<SoschainWorkspaceArea, string>;
+    places: readonly SoschainAssociationSummary[];
+    products: readonly SoschainAssociationSummary[];
+    communications: readonly SoschainCommunicationSummary[];
+    canManageAssociations: boolean;
+    addPlaceHref?: string;
+    addProductHref?: string;
+}>;
+/**
+ * Shared subject-first SOSChain workspace for personal and professional apps.
+ *
+ * The host supplies already-authorized cards, associations, capabilities and
+ * communications. This presentational component never derives authority from
+ * a selected role, card, tab or browser-controlled value.
+ */
+export declare function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, canManageAssociations, addPlaceHref, addProductHref, }: SoschainWorkspaceProps): import("react").JSX.Element;
+//# sourceMappingURL=SoschainWorkspace.d.ts.map

package/dist/SoschainWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoschainWorkspace.d.ts","sourceRoot":"","sources":["../src/SoschainWorkspace.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAEzF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA;IAC5C,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,IAAI,EAAE,qBAAqB,CAAA;IAC3B,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAA;IACrC,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,UAAU,EAAE,qBAAqB,CAAA;IACjC,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA;IAChD,MAAM,EAAE,SAAS,0BAA0B,EAAE,CAAA;IAC7C,QAAQ,EAAE,SAAS,0BAA0B,EAAE,CAAA;IAC/C,cAAc,EAAE,SAAS,4BAA4B,EAAE,CAAA;IACvD,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAqBF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,cAAc,GACf,EAAE,sBAAsB,+BAmGxB"}

package/dist/SoschainWorkspace.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AssociationList({ items, empty }) {
+    if (items.length === 0)
+        return _jsx("p", { className: "uhcp-sos-empty", children: empty });
+    return (_jsx("ul", { className: "uhcp-sos-entity-list", children: items.map((item) => (_jsxs("li", { children: [_jsx("span", { className: "uhcp-sos-kind", children: item.kindLabel }), _jsx("strong", { children: item.name }), _jsx("span", { children: item.detail }), _jsx("small", { children: item.statusLabel })] }, item.identifier))) }));
+}
+/**
+ * Shared subject-first SOSChain workspace for personal and professional apps.
+ *
+ * The host supplies already-authorized cards, associations, capabilities and
+ * communications. This presentational component never derives authority from
+ * a selected role, card, tab or browser-controlled value.
+ */
+export function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, canManageAssociations, addPlaceHref, addProductHref, }) {
+    if (!selectedCard) {
+        return (_jsxs("section", { className: "uhcp-sos-wrap", "aria-labelledby": "sos-card-picker-title", children: [_jsxs("header", { className: "uhcp-sos-heading", children: [_jsx("span", { children: copy.workspaceEyebrow }), _jsx("h1", { id: "sos-card-picker-title", children: copy.cardsTitle }), _jsx("p", { children: copy.cardsDescription })] }), cards.length === 0 ? (_jsxs("div", { className: "uhcp-sos-empty-panel", children: [_jsx("h2", { children: copy.noCardTitle }), _jsx("p", { children: copy.noCardBody })] })) : (_jsx("ul", { className: "uhcp-sos-card-grid", children: cards.map((card) => (_jsx("li", { children: _jsxs("a", { href: card.openHref, children: [_jsx("span", { children: card.kindLabel }), _jsx("strong", { children: card.displayName }), _jsx("small", { children: card.identifier }), _jsxs("b", { children: [copy.openCard, " \u2192"] })] }) }, card.identifier))) }))] }));
+    }
+    const title = activeArea === 'places'
+        ? copy.placesTitle
+        : activeArea === 'products'
+            ? copy.productsTitle
+            : activeArea === 'communications'
+                ? copy.communicationsTitle
+                : copy.overviewTitle;
+    const body = activeArea === 'places'
+        ? copy.placesBody
+        : activeArea === 'products'
+            ? copy.productsBody
+            : activeArea === 'communications'
+                ? copy.communicationsBody
+                : copy.overviewBody;
+    return (_jsxs("section", { className: "uhcp-sos-wrap", children: [_jsxs("header", { className: "uhcp-sos-heading", children: [_jsx("span", { children: copy.selectedCard }), _jsx("h1", { children: selectedCard.displayName }), _jsxs("p", { children: [selectedCard.kindLabel, " \u00B7 ", selectedCard.identifier] })] }), _jsx("nav", { className: "uhcp-sos-tabs", "aria-label": copy.workspaceEyebrow, children: Object.keys(areaHrefs).map((area) => (_jsx("a", { href: areaHrefs[area], "aria-current": activeArea === area ? 'page' : undefined, children: copy.areas[area] }, area))) }), _jsxs("div", { className: "uhcp-sos-panel", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { children: title }), _jsx("p", { children: body })] }), !canManageAssociations && activeArea !== 'communications' && (_jsx("span", { className: "uhcp-sos-readonly", children: copy.readOnly })), canManageAssociations && activeArea === 'places' && addPlaceHref && _jsx("a", { href: addPlaceHref, children: copy.addPlace }), canManageAssociations && activeArea === 'products' && addProductHref && _jsx("a", { href: addProductHref, children: copy.addProduct })] }), activeArea === 'overview' && (_jsxs("div", { className: "uhcp-sos-overview-grid", children: [_jsxs("article", { children: [_jsx("strong", { children: places.length }), _jsx("span", { children: copy.areas.places })] }), _jsxs("article", { children: [_jsx("strong", { children: products.length }), _jsx("span", { children: copy.areas.products })] }), _jsxs("article", { children: [_jsx("strong", { children: communications.length }), _jsx("span", { children: copy.areas.communications })] })] })), activeArea === 'places' && _jsx(AssociationList, { items: places, empty: copy.emptyPlaces }), activeArea === 'products' && _jsx(AssociationList, { items: products, empty: copy.emptyProducts }), activeArea === 'communications' && (communications.length === 0 ? _jsx("p", { className: "uhcp-sos-empty", children: copy.emptyCommunications }) : (_jsx("ol", { className: "uhcp-sos-timeline", children: communications.map((message) => (_jsxs("li", { children: [_jsxs("div", { children: [_jsx("span", { children: message.categoryLabel }), _jsx("time", { children: message.occurredAt })] }), _jsx("strong", { children: message.subject }), _jsx("p", { children: message.body }), _jsxs("small", { children: [message.sender, message.placeLabel ? ` · ${message.placeLabel}` : ''] })] }, message.identifier))) })))] })] }));
+}

package/dist/SubjectAccessRequestPanel.d.ts

@@ -0,0 +1,48 @@
+export type SubjectLocatorKind = 'qr' | 'numeric-code' | 'did-web';
+export type SubjectAccessRequestStatus = 'idle' | 'resolving' | 'resolved' | 'requesting' | 'requested' | 'granted' | 'error';
+export type SubjectAccessSectionOption = Readonly<{
+    code: string;
+    label: string;
+    selected: boolean;
+}>;
+export type ResolvedSubjectAccessTarget = Readonly<{
+    subjectId: string;
+    display: string;
+}>;
+export type SubjectAccessRequestPanelCopy = Readonly<{
+    title: string;
+    description: string;
+    locatorKindLabel: string;
+    locatorKinds: Record<SubjectLocatorKind, string>;
+    locatorLabel: string;
+    resolve: string;
+    resolving: string;
+    sectionsLabel: string;
+    request: string;
+    requesting: string;
+    requested: string;
+    granted: string;
+}>;
+export type SubjectAccessRequestPanelProps = Readonly<{
+    copy: SubjectAccessRequestPanelCopy;
+    locatorKind: SubjectLocatorKind;
+    locator: string;
+    status: SubjectAccessRequestStatus;
+    target?: ResolvedSubjectAccessTarget;
+    sections: readonly SubjectAccessSectionOption[];
+    error?: string;
+    onLocatorKindChange: (kind: SubjectLocatorKind) => void;
+    onLocatorChange: (locator: string) => void;
+    onResolve: () => void | Promise<void>;
+    onToggleSection: (code: string) => void;
+    onRequest: () => void | Promise<void>;
+}>;
+/**
+ * Controlled scanner/manual-locator and access-request surface.
+ *
+ * “Who scans” is intentionally absent from this contract. An individual
+ * member, professional or another later actor facade can reuse the same
+ * component; the authenticated BFF and GW decide identity and authorization.
+ */
+export declare function SubjectAccessRequestPanel({ copy, locatorKind, locator, status, target, sections, error, onLocatorKindChange, onLocatorChange, onResolve, onToggleSection, onRequest, }: SubjectAccessRequestPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=SubjectAccessRequestPanel.d.ts.map

package/dist/SubjectAccessRequestPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubjectAccessRequestPanel.d.ts","sourceRoot":"","sources":["../src/SubjectAccessRequestPanel.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,cAAc,GAAG,SAAS,CAAA;AAClE,MAAM,MAAM,0BAA0B,GAClC,MAAM,GACN,WAAW,GACX,UAAU,GACV,YAAY,GACZ,WAAW,GACX,SAAS,GACT,OAAO,CAAA;AAEX,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;IAChD,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,IAAI,EAAE,6BAA6B,CAAA;IACnC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,0BAA0B,CAAA;IAClC,MAAM,CAAC,EAAE,2BAA2B,CAAA;IACpC,QAAQ,EAAE,SAAS,0BAA0B,EAAE,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,eAAe,EACf,SAAS,GACV,EAAE,8BAA8B,+BA4EhC"}

package/dist/SubjectAccessRequestPanel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Controlled scanner/manual-locator and access-request surface.
+ *
+ * “Who scans” is intentionally absent from this contract. An individual
+ * member, professional or another later actor facade can reuse the same
+ * component; the authenticated BFF and GW decide identity and authorization.
+ */
+export function SubjectAccessRequestPanel({ copy, locatorKind, locator, status, target, sections, error, onLocatorKindChange, onLocatorChange, onResolve, onToggleSection, onRequest, }) {
+    function resolve(event) {
+        event.preventDefault();
+        void onResolve();
+    }
+    function request(event) {
+        event.preventDefault();
+        void onRequest();
+    }
+    return (_jsxs("section", { className: "uhcp-access-panel", "aria-labelledby": "uhcp-access-request-title", children: [_jsx("h2", { id: "uhcp-access-request-title", children: copy.title }), _jsx("p", { children: copy.description }), _jsxs("form", { onSubmit: resolve, children: [_jsxs("label", { children: [_jsx("span", { children: copy.locatorKindLabel }), _jsx("select", { value: locatorKind, onChange: (event) => onLocatorKindChange(event.currentTarget.value), disabled: status === 'resolving', children: Object.entries(copy.locatorKinds).map(([kind, label]) => _jsx("option", { value: kind, children: label }, kind)) })] }), _jsxs("label", { children: [_jsx("span", { children: copy.locatorLabel }), _jsx("input", { value: locator, onChange: (event) => onLocatorChange(event.currentTarget.value), required: true, disabled: status === 'resolving' })] }), _jsx("button", { type: "submit", disabled: status === 'resolving' || !locator.trim(), children: status === 'resolving' ? copy.resolving : copy.resolve })] }), target && (_jsxs("form", { onSubmit: request, children: [_jsx("p", { children: _jsx("bdi", { children: target.display }) }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.sectionsLabel }), sections.map((section) => (_jsxs("label", { "data-section-code": section.code, children: [_jsx("input", { type: "checkbox", checked: section.selected, onChange: () => onToggleSection(section.code), disabled: status === 'requesting' || status === 'granted' }), _jsx("span", { children: section.label })] }, section.code)))] }), _jsx("button", { type: "submit", disabled: status === 'requesting'
+                            || status === 'granted'
+                            || !sections.some((section) => section.selected), children: status === 'requesting' ? copy.requesting : copy.request })] })), status === 'requested' && _jsx("p", { role: "status", children: copy.requested }), status === 'granted' && _jsx("p", { role: "status", children: copy.granted }), error && _jsx("p", { role: "alert", children: error })] }));
+}

package/dist/index.d.ts

@@ -7,4 +7,7 @@ export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
+export * from './InvitationAcceptancePanel.js';
+export * from './SubjectAccessRequestPanel.js';
+export * from './SoschainWorkspace.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"}
+{"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"}

package/dist/index.js

@@ -7,3 +7,6 @@ export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
+export * from './InvitationAcceptancePanel.js';
+export * from './SubjectAccessRequestPanel.js';
+export * from './SoschainWorkspace.js';

package/dist/styles.css

@@ -184,6 +184,33 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-clinical-title { font-weight: 800; margin: 0; }
 .uhcp-clinical-type { color: var(--uhcp-muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; margin: .35rem 0 0; text-transform: uppercase; }
 .uhcp-clinical-date, .uhcp-clinical-empty { color: var(--uhcp-muted); margin: .35rem 0 0; }
+.uhcp-access-panel { color: var(--uhcp-text); display: grid; gap: 1rem; }
+.uhcp-access-panel h2, .uhcp-access-panel p { margin: 0; }
+.uhcp-access-panel > p { color: var(--uhcp-muted); line-height: 1.5; }
+.uhcp-access-panel form { display: grid; gap: 1rem; }
+.uhcp-access-panel label { display: grid; font-weight: 700; gap: .4rem; }
+.uhcp-access-panel input, .uhcp-access-panel select {
+  background: var(--uhcp-panel);
+  border: 1px solid var(--uhcp-border);
+  border-radius: .75rem;
+  color: var(--uhcp-text);
+  font: inherit;
+  padding: .8rem;
+}
+.uhcp-access-panel fieldset { border: 1px solid var(--uhcp-border); border-radius: 1rem; display: grid; gap: .6rem; margin: 0; padding: 1rem; }
+.uhcp-access-panel fieldset label { align-items: center; display: flex; }
+.uhcp-access-panel button {
+  background: linear-gradient(135deg, var(--uhcp-action-start), var(--uhcp-action-end));
+  border: 0;
+  border-radius: .75rem;
+  color: #fff;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 800;
+  padding: .8rem 1rem;
+}
+.uhcp-access-panel button:disabled { cursor: not-allowed; opacity: .55; }
+.uhcp-access-panel [role="alert"] { color: #c64747; font-weight: 700; }
 .uhcp-entry-hero {
   align-items: center;
   background:
@@ -237,3 +264,36 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 @media (prefers-reduced-motion: reduce) {
   .uhcp-access-card { transition: none; }
 }
+.uhcp-sos-wrap { margin: 0 auto; max-width: 1160px; padding: clamp(1.25rem, 4vw, 3rem); }
+.uhcp-sos-heading > span, .uhcp-sos-kind { color: var(--uhcp-emerald); font-size: .75rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
+.uhcp-sos-heading h1 { font-size: clamp(2rem, 5vw, 3.75rem); letter-spacing: -.04em; margin: .45rem 0; }
+.uhcp-sos-heading p, .uhcp-sos-panel header p { color: var(--uhcp-muted); line-height: 1.6; margin: 0; }
+.uhcp-sos-card-grid, .uhcp-sos-entity-list { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); list-style: none; margin: 2rem 0 0; padding: 0; }
+.uhcp-sos-card-grid a, .uhcp-sos-entity-list li { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: 1.5rem; color: var(--uhcp-text); display: grid; gap: .65rem; padding: 1.4rem; text-decoration: none; }
+.uhcp-sos-card-grid a:hover { border-color: var(--uhcp-turquoise); transform: translateY(-2px); }
+.uhcp-sos-card-grid a:focus-visible, .uhcp-sos-tabs a:focus-visible, .uhcp-sos-panel a:focus-visible { outline: 3px solid var(--uhcp-turquoise); outline-offset: 3px; }
+.uhcp-sos-card-grid span, .uhcp-sos-card-grid small, .uhcp-sos-entity-list span, .uhcp-sos-entity-list small { color: var(--uhcp-muted); }
+.uhcp-sos-card-grid b { color: var(--uhcp-turquoise); }
+.uhcp-sos-tabs { display: flex; gap: .5rem; margin: 2rem 0 1rem; overflow-x: auto; padding: .25rem; }
+.uhcp-sos-tabs a { border-radius: 999px; color: var(--uhcp-muted); font-weight: 800; padding: .75rem 1rem; text-decoration: none; white-space: nowrap; }
+.uhcp-sos-tabs a[aria-current='page'] { background: linear-gradient(135deg, var(--uhcp-action-start), var(--uhcp-action-end)); color: #fff; }
+.uhcp-sos-panel, .uhcp-sos-empty-panel { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: 2rem; padding: clamp(1.25rem, 4vw, 2.25rem); }
+.uhcp-sos-panel > header { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
+.uhcp-sos-panel h2 { margin: 0 0 .35rem; }
+.uhcp-sos-panel > header > a { background: linear-gradient(135deg, var(--uhcp-action-start), var(--uhcp-action-end)); border-radius: 999px; color: #fff; font-weight: 800; padding: .75rem 1rem; text-decoration: none; white-space: nowrap; }
+.uhcp-sos-readonly { background: var(--uhcp-panel-muted); border-radius: 999px; color: var(--uhcp-muted); font-size: .75rem; font-weight: 800; padding: .55rem .75rem; white-space: nowrap; }
+.uhcp-sos-overview-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); margin-top: 2rem; }
+.uhcp-sos-overview-grid article { background: var(--uhcp-panel-muted); border-radius: 1.25rem; display: grid; gap: .3rem; padding: 1.25rem; }
+.uhcp-sos-overview-grid strong { color: var(--uhcp-turquoise); font-size: 2.25rem; }
+.uhcp-sos-overview-grid span, .uhcp-sos-empty { color: var(--uhcp-muted); }
+.uhcp-sos-timeline { display: grid; gap: 0; list-style: none; margin: 2rem 0 0; padding: 0; }
+.uhcp-sos-timeline li { border-left: 2px solid var(--uhcp-border); padding: 0 0 1.75rem 1.5rem; position: relative; }
+.uhcp-sos-timeline li::before { background: var(--uhcp-turquoise); border-radius: 50%; content: ''; height: .75rem; left: -.44rem; position: absolute; top: .2rem; width: .75rem; }
+.uhcp-sos-timeline div { display: flex; gap: 1rem; justify-content: space-between; }
+.uhcp-sos-timeline div span { color: var(--uhcp-emerald); font-size: .75rem; font-weight: 900; text-transform: uppercase; }
+.uhcp-sos-timeline time, .uhcp-sos-timeline small { color: var(--uhcp-muted); font-size: .8rem; }
+.uhcp-sos-timeline p { line-height: 1.55; }
+@media (max-width: 620px) {
+  .uhcp-sos-overview-grid { grid-template-columns: 1fr; }
+  .uhcp-sos-panel > header { display: grid; }
+}

package/package.json

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