uhc-portal-components-react 0.2.25 → 0.2.27

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## Unreleased
 
+## 0.2.27 - 2026-10-22
+
+- Add one brand-neutral Professional profile activation screen that accepts a
+  single organization-issued credential and a local PIN. Product BFFs resolve
+  organization, sector, role, licence and technical identities; the browser no
+  longer asks employees to reconstruct separate DID and URN values.
+
+## 0.2.26 - 2026-10-22
+
+- Keep race and ethnicity outside the universal human profile: trusted
+  jurisdictional profiles may enable either, both or neither.
+- Present enabled human demographic concepts as optional additions and omit
+  empty optional concepts from read-only views.
+
 ## 0.2.25 - 2026-10-22
 
 - Add one shared read/edit demographics slot whose trusted profile renders

package/dist/ProfessionalProfileActivationPanel.d.ts

@@ -0,0 +1,28 @@
+export type ProfessionalProfileActivationCopy = Readonly<{
+    eyebrow?: string;
+    title: string;
+    description: string;
+    credentialLabel: string;
+    pinLabel: string;
+    pinConfirmationLabel: string;
+    pinMismatch: string;
+    submit: string;
+    submitting: string;
+}>;
+export type ProfessionalProfileActivationInput = Readonly<{
+    credential: string;
+    pin: string;
+}>;
+export type ProfessionalProfileActivationPanelProps = Readonly<{
+    copy: ProfessionalProfileActivationCopy;
+    busy: boolean;
+    error?: string;
+    onSubmit: (input: ProfessionalProfileActivationInput) => void | Promise<void>;
+}>;
+/**
+ * Brand-neutral first-device activation for an authorized employee.
+ * The BFF resolves trusted routing and authority from one organization-issued
+ * value; the browser never reconstructs a sector, organization, DID and URN.
+ */
+export declare function ProfessionalProfileActivationPanel({ copy, busy, error, onSubmit }: ProfessionalProfileActivationPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ProfessionalProfileActivationPanel.d.ts.map

package/dist/ProfessionalProfileActivationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfessionalProfileActivationPanel.d.ts","sourceRoot":"","sources":["../src/ProfessionalProfileActivationPanel.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iCAAiC,GAAG,QAAQ,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,kCAAkC,GAAG,QAAQ,CAAC;IACxD,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAEF,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,IAAI,EAAE,iCAAiC,CAAA;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9E,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uCAAuC,+BA8B1H"}

package/dist/ProfessionalProfileActivationPanel.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Brand-neutral first-device activation for an authorized employee.
+ * The BFF resolves trusted routing and authority from one organization-issued
+ * value; the browser never reconstructs a sector, organization, DID and URN.
+ */
+export function ProfessionalProfileActivationPanel({ copy, busy, error, onSubmit }) {
+    const [credential, setCredential] = useState('');
+    const [pin, setPin] = useState('');
+    const [pinConfirmation, setPinConfirmation] = useState('');
+    const [localError, setLocalError] = useState('');
+    function submit(event) {
+        event.preventDefault();
+        if (pin !== pinConfirmation) {
+            setLocalError(copy.pinMismatch);
+            return;
+        }
+        setLocalError('');
+        void onSubmit({ credential: credential.trim(), pin });
+    }
+    return _jsx("section", { className: "uhcp-professional-activation", "aria-labelledby": "uhcp-professional-activation-title", children: _jsxs("form", { onSubmit: submit, children: [_jsxs("header", { children: [copy.eyebrow ? _jsx("p", { className: "uhcp-eyebrow", children: copy.eyebrow }) : null, _jsx("h1", { id: "uhcp-professional-activation-title", children: copy.title }), _jsx("p", { children: copy.description })] }), _jsxs("label", { children: [_jsx("span", { children: copy.credentialLabel }), _jsx("input", { name: "professionalCredential", value: credential, onChange: event => setCredential(event.currentTarget.value), autoComplete: "one-time-code", required: true })] }), _jsxs("label", { children: [_jsx("span", { children: copy.pinLabel }), _jsx("input", { name: "newPin", type: "password", inputMode: "numeric", minLength: 6, maxLength: 12, autoComplete: "new-password", value: pin, onChange: event => setPin(event.currentTarget.value), required: true })] }), _jsxs("label", { children: [_jsx("span", { children: copy.pinConfirmationLabel }), _jsx("input", { name: "confirmPin", type: "password", inputMode: "numeric", minLength: 6, maxLength: 12, autoComplete: "new-password", value: pinConfirmation, onChange: event => setPinConfirmation(event.currentTarget.value), required: true })] }), (localError || error) ? _jsx("p", { role: "alert", children: localError || error }) : null, _jsx("button", { type: "submit", disabled: busy, children: busy ? copy.submitting : copy.submit })] }) });
+}

package/dist/SubjectDemographicsFields.d.ts

@@ -4,8 +4,8 @@ export type SubjectDemographicsOption = Readonly<{
 }>;
 export type SubjectDemographicsProfile = Readonly<{
     subjectKind: 'human';
-    raceOptions: readonly SubjectDemographicsOption[];
-    ethnicityOptions: readonly SubjectDemographicsOption[];
+    raceOptions?: readonly SubjectDemographicsOption[];
+    ethnicityOptions?: readonly SubjectDemographicsOption[];
 }> | Readonly<{
     subjectKind: 'animal';
     speciesOptions: readonly SubjectDemographicsOption[];
@@ -14,6 +14,8 @@ export type SubjectDemographicsProfile = Readonly<{
 export type SubjectDemographicsCopy = Readonly<{
     race?: string;
     ethnicity?: string;
+    addRace?: string;
+    addEthnicity?: string;
     species?: string;
     breed?: string;
 }>;

package/dist/SubjectDemographicsFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectDemographicsFields.d.ts","sourceRoot":"","sources":["../src/SubjectDemographicsFields.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAClC,QAAQ,CAAC;IACP,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,SAAS,yBAAyB,EAAE,CAAA;IACjD,gBAAgB,EAAE,SAAS,yBAAyB,EAAE,CAAA;CACvD,CAAC,GACF,QAAQ,CAAC;IACP,WAAW,EAAE,QAAQ,CAAA;IACrB,cAAc,EAAE,SAAS,yBAAyB,EAAE,CAAA;IACpD,YAAY,EAAE,SAAS,yBAAyB,EAAE,CAAA;CACnD,CAAC,CAAA;AAEN,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,cAAc,GACf,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO,EAAE,0BAA0B,CAAA;IACnC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,MAAM,CAAC,EAAE,QAAQ,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACtF,CAAC,+BAiCD"}
+{"version":3,"file":"SubjectDemographicsFields.d.ts","sourceRoot":"","sources":["../src/SubjectDemographicsFields.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAClC,QAAQ,CAAC;IACP,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,SAAS,yBAAyB,EAAE,CAAA;IAClD,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,EAAE,CAAA;CACxD,CAAC,GACF,QAAQ,CAAC;IACP,WAAW,EAAE,QAAQ,CAAA;IACrB,cAAc,EAAE,SAAS,yBAAyB,EAAE,CAAA;IACpD,YAAY,EAAE,SAAS,yBAAyB,EAAE,CAAA;CACnD,CAAC,CAAA;AAEN,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,cAAc,GACf,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO,EAAE,0BAA0B,CAAA;IACnC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,MAAM,CAAC,EAAE,QAAQ,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACtF,CAAC,+BAgFD"}

package/dist/SubjectDemographicsFields.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 /**
  * Shared presentation slot for human or animal demographics.
  *
@@ -7,26 +8,60 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the submitted fields to their own canonical persistence adapters.
  */
 export function SubjectDemographicsFields({ mode, profile, copy, values, onValuesChange, }) {
+    const [visibleHumanFields, setVisibleHumanFields] = useState(() => new Set([
+        ...(values?.primary ? ['race'] : []),
+        ...(values?.secondary ? ['ethnicity'] : []),
+    ]));
     const fields = profile.subjectKind === 'human'
         ? [
-            { name: 'human.race', label: requiredCopy(copy.race, 'race'), options: profile.raceOptions, value: values?.primary },
-            { name: 'human.ethnicity', label: requiredCopy(copy.ethnicity, 'ethnicity'), options: profile.ethnicityOptions, value: values?.secondary },
+            ...(profile.raceOptions === undefined ? [] : [{
+                    concept: 'race',
+                    valueKey: 'primary',
+                    name: 'human.race',
+                    label: requiredCopy(copy.race, 'race'),
+                    addLabel: mode === 'edit' ? requiredCopy(copy.addRace, 'add_race') : '',
+                    options: profile.raceOptions,
+                    value: values?.primary,
+                    required: false,
+                }]),
+            ...(profile.ethnicityOptions === undefined ? [] : [{
+                    concept: 'ethnicity',
+                    valueKey: 'secondary',
+                    name: 'human.ethnicity',
+                    label: requiredCopy(copy.ethnicity, 'ethnicity'),
+                    addLabel: mode === 'edit' ? requiredCopy(copy.addEthnicity, 'add_ethnicity') : '',
+                    options: profile.ethnicityOptions,
+                    value: values?.secondary,
+                    required: false,
+                }]),
         ]
         : [
-            { name: 'animal.species', label: requiredCopy(copy.species, 'species'), options: profile.speciesOptions, value: values?.primary },
-            { name: 'animal.breed', label: requiredCopy(copy.breed, 'breed'), options: profile.breedOptions, value: values?.secondary },
+            { concept: 'species', valueKey: 'primary', name: 'animal.species', label: requiredCopy(copy.species, 'species'), addLabel: '', options: profile.speciesOptions, value: values?.primary, required: true },
+            { concept: 'breed', valueKey: 'secondary', name: 'animal.breed', label: requiredCopy(copy.breed, 'breed'), addLabel: '', options: profile.breedOptions, value: values?.secondary, required: true },
         ];
-    return _jsx("div", { className: "uhcp-subject-demographics-fields", "data-subject-kind": profile.subjectKind, children: mode === 'edit'
-            ? fields.map((field) => _jsxs("label", { children: [_jsx("span", { children: field.label }), _jsxs("select", { name: field.name, "aria-label": field.label, required: true, ...(onValuesChange
-                            ? {
-                                value: field.value ?? '',
-                                onChange: (event) => onValuesChange({
-                                    primary: field === fields[0] ? event.currentTarget.value : values?.primary,
-                                    secondary: field === fields[1] ? event.currentTarget.value : values?.secondary,
-                                }),
-                            }
-                            : { defaultValue: field.value ?? '' }), children: [_jsx("option", { value: "", disabled: true, children: field.label }), field.options.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] })] }, field.name))
-            : _jsx("dl", { children: fields.map((field) => _jsxs("div", { children: [_jsx("dt", { children: field.label }), _jsx("dd", { children: field.value || '—' })] }, field.name)) }) });
+    return _jsx("div", { className: "uhcp-subject-demographics-fields", "data-subject-kind": profile.subjectKind, children: mode === 'edit' && profile.subjectKind === 'human'
+            ? fields.map((field) => visibleHumanFields.has(field.concept)
+                ? _jsxs("label", { children: [_jsx("span", { children: field.label }), _jsxs("select", { name: field.name, "aria-label": field.label, ...(onValuesChange
+                                ? {
+                                    value: field.value ?? '',
+                                    onChange: (event) => onValuesChange({
+                                        primary: field.valueKey === 'primary' ? event.currentTarget.value : values?.primary,
+                                        secondary: field.valueKey === 'secondary' ? event.currentTarget.value : values?.secondary,
+                                    }),
+                                }
+                                : { defaultValue: field.value ?? '' }), children: [_jsx("option", { value: "", disabled: true, children: field.label }), field.options.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] })] }, field.name)
+                : _jsx("button", { className: "uhcp-subject-demographics-add", type: "button", onClick: () => setVisibleHumanFields((current) => new Set([...current, field.concept])), children: field.addLabel }, field.name))
+            : mode === 'edit'
+                ? fields.map((field) => _jsxs("label", { children: [_jsx("span", { children: field.label }), _jsxs("select", { name: field.name, "aria-label": field.label, required: field.required, ...(onValuesChange
+                                ? {
+                                    value: field.value ?? '',
+                                    onChange: (event) => onValuesChange({
+                                        primary: field.valueKey === 'primary' ? event.currentTarget.value : values?.primary,
+                                        secondary: field.valueKey === 'secondary' ? event.currentTarget.value : values?.secondary,
+                                    }),
+                                }
+                                : { defaultValue: field.value ?? '' }), children: [_jsx("option", { value: "", disabled: true, children: field.label }), field.options.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] })] }, field.name))
+                : _jsx("dl", { children: fields.filter((field) => profile.subjectKind === 'animal' || field.value).map((field) => _jsxs("div", { children: [_jsx("dt", { children: field.label }), _jsx("dd", { children: field.value || '—' })] }, field.name)) }) });
 }
 function requiredCopy(value, field) {
     const normalized = String(value || '').trim();

package/dist/index.d.ts

@@ -55,5 +55,6 @@ export * from './CardPreview.js';
 export * from './CollapsiblePortalSection.js';
 export * from './ElapsedOperationStatus.js';
 export * from './ProfileRecoveryPanel.js';
+export * from './ProfessionalProfileActivationPanel.js';
 export * from './passkey-policy.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -55,4 +55,5 @@ export * from './CardPreview.js';
 export * from './CollapsiblePortalSection.js';
 export * from './ElapsedOperationStatus.js';
 export * from './ProfileRecoveryPanel.js';
+export * from './ProfessionalProfileActivationPanel.js';
 export * from './passkey-policy.js';

package/dist/styles.css

@@ -926,6 +926,14 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-professional-access button { background: linear-gradient(135deg, var(--uhcp-action-start, #0f9ca8), var(--uhcp-action-end, #2563a9)); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.8rem; padding: .7rem 1rem; }
 .uhcp-professional-access button:disabled { cursor: wait; opacity: .55; }
 .uhcp-professional-access .uhcp-secondary { background: transparent; border: 1px solid var(--uhcp-line, #cbd5e1); color: inherit; }
+.uhcp-professional-activation { display:grid; margin-inline:auto; max-width:42rem; }
+.uhcp-professional-activation form { display:grid; gap:1rem; }
+.uhcp-professional-activation header { display:grid; gap:.55rem; }
+.uhcp-professional-activation h1,.uhcp-professional-activation p { margin:0; }
+.uhcp-professional-activation label { display:grid; font-weight:700; gap:.4rem; }
+.uhcp-professional-activation input { background:var(--uhcp-surface,#fff); border:1px solid var(--uhcp-line,#cbd5e1); border-radius:.8rem; color:inherit; font:inherit; min-height:2.8rem; padding-inline:.85rem; }
+.uhcp-professional-activation button { background:linear-gradient(135deg,var(--uhcp-action-start,#0f9ca8),var(--uhcp-action-end,#2563a9)); border:0; border-radius:999px; color:#fff; cursor:pointer; font:inherit; font-weight:800; justify-self:start; min-height:2.8rem; padding:.7rem 1rem; }
+.uhcp-professional-activation button:disabled { cursor:wait; opacity:.55; }
 .uhcp-animal-onboarding-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; justify-content:flex-end; }
 .uhcp-animal-identity-readonly-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:1rem; }
 .uhcp-animal-identity-readonly-grid div { background:var(--uhcp-surface,#fff); border:1px solid var(--uhcp-border,#cbd5e1); border-radius:.8rem; padding:.8rem; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "description": "Brand-neutral React portal screens, account preferences and protected-profile UI.",
   "license": "Apache-2.0",
   "type": "module",