{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "immunization-history", "title": "Immunization History", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/immunization-history/immunization-history.component.ts", "content": "// Digital vaccine record passport and clinical immunization history: SMART Health Card\n// verifiable credential with cryptographic signature, active protection summary chips, a\n// detailed CDC/WHO vaccine administration table with CVX codes and lot tracking, and travel\n// health advisory alerts. Port of the React block 1:1 (static display, no client state).\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport {\n AlertCircle,\n Building2,\n Calendar,\n Check,\n CheckCircle2,\n Download,\n ExternalLink,\n FileCheck,\n Globe,\n Lock,\n LucideAngularModule,\n Plane,\n QrCode,\n ShieldCheck,\n Syringe,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\ntype BadgeVariant = 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'info' | 'destructive'\n\ninterface VaccineRecord {\n id: string\n vaccineName: string\n formulation: string\n cvxCode: string\n ndcCode?: string\n doseSequence: string\n doseBadgeVariant: BadgeVariant\n administeredDate: string\n manufacturer: string\n lotNumber: string\n facility: string\n provider: string\n nextDueDate: string\n statusType: 'valid' | 'permanent' | 'booster-due'\n statusLabel: string\n}\n\ninterface ProtectionSummary {\n disease: string\n status: string\n doseLabel: string\n lastAdministered: string\n badgeVariant: BadgeVariant\n badgeText: string\n}\n\nconst patientProfile = {\n name: 'Elena Rostova',\n dob: '1994-06-12',\n age: 32,\n gender: 'Female',\n mrn: 'IMM-9406-821',\n jurisdiction: 'State of California (CAIR2 Registry)',\n complianceStatus: 'Fully Immunized · Meets School & Travel Mandates',\n shcIssuer: 'California Department of Public Health (CDPH)',\n shcKeyId: 'CDPH-SMART-2025-V3',\n shcSignature: 'ECDSA P-256 (SHA-256)',\n jwsFragment: 'shc:/5676290952432060346029243740436037704054664037593670346029243740436037704054664037593670',\n}\n\nconst protectionSummaries: ProtectionSummary[] = [\n {\n disease: 'COVID-19',\n status: 'Active Protection',\n doseLabel: 'Updated Booster (2025/2026)',\n lastAdministered: 'Oct 12, 2025',\n badgeVariant: 'success',\n badgeText: 'Verified Active',\n },\n {\n disease: 'Influenza',\n status: 'Seasonal Protection',\n doseLabel: 'Quadrivalent (2025/2026)',\n lastAdministered: 'Sep 28, 2025',\n badgeVariant: 'success',\n badgeText: 'Valid thru Sep 2026',\n },\n {\n disease: 'Tdap',\n status: 'Active (10-Yr Cycle)',\n doseLabel: 'Tetanus, Diphtheria, Pertussis',\n lastAdministered: 'Jun 14, 2022',\n badgeVariant: 'secondary',\n badgeText: 'Valid thru 2032',\n },\n {\n disease: 'MMR',\n status: 'Immune Protection',\n doseLabel: 'Complete 2-Dose Series',\n lastAdministered: 'Aug 22, 2010',\n badgeVariant: 'success',\n badgeText: 'Lifelong Immunity',\n },\n]\n\nconst vaccineRecords: VaccineRecord[] = [\n {\n id: 'rec-1',\n vaccineName: 'COVID-19 mRNA (Pfizer-BioNTech Bivalent)',\n formulation: 'Spikevike mRNA bivalent lineage booster',\n cvxCode: 'CVX 229',\n ndcCode: 'NDC 59267-1000-02',\n doseSequence: 'Dose 3 of 3',\n doseBadgeVariant: 'outline',\n administeredDate: 'Oct 12, 2025',\n manufacturer: 'Pfizer-BioNTech',\n lotNumber: '#EW0182',\n facility: 'UCLA Health Urgent Care',\n provider: 'Nurse J. Adams, RN',\n nextDueDate: 'October 2026',\n statusType: 'valid',\n statusLabel: 'Annual Booster Due 2026',\n },\n {\n id: 'rec-2',\n vaccineName: 'Influenza Quadrivalent',\n formulation: 'Inactivated influenza split virion',\n cvxCode: 'CVX 158',\n ndcCode: 'NDC 49281-0422-50',\n doseSequence: 'Annual Booster',\n doseBadgeVariant: 'outline',\n administeredDate: 'Sep 28, 2025',\n manufacturer: 'Sanofi Pasteur',\n lotNumber: '#FL8842',\n facility: 'CVS MinuteClinic #4921',\n provider: 'Pharmacist R. Patel, PharmD',\n nextDueDate: 'September 2026',\n statusType: 'valid',\n statusLabel: 'Valid 2025/2026 Season',\n },\n {\n id: 'rec-3',\n vaccineName: 'Tdap (Tetanus, Diphtheria, Pertussis)',\n formulation: 'Adsorbed acellular toxoid formulation',\n cvxCode: 'CVX 115',\n ndcCode: 'NDC 58160-0842-11',\n doseSequence: 'Booster (10-Yr)',\n doseBadgeVariant: 'outline',\n administeredDate: 'Jun 14, 2022',\n manufacturer: 'GlaxoSmithKline',\n lotNumber: '#TD9021',\n facility: 'Cedars-Sinai Primary Care',\n provider: 'Dr. S. Miller, MD',\n nextDueDate: 'June 2032',\n statusType: 'valid',\n statusLabel: 'Valid thru 2032',\n },\n {\n id: 'rec-4',\n vaccineName: 'Hepatitis B (Recombinant)',\n formulation: 'Recombinant HBsAg protein subunit',\n cvxCode: 'CVX 43',\n ndcCode: 'NDC 00006-4995-00',\n doseSequence: 'Dose 3 of 3',\n doseBadgeVariant: 'outline',\n administeredDate: 'Jan 18, 2018',\n manufacturer: 'Merck & Co.',\n lotNumber: '#HB4419',\n facility: 'Kaiser Permanente Sunset',\n provider: 'Nurse K. Chen, RN',\n nextDueDate: 'Lifelong Immunity',\n statusType: 'permanent',\n statusLabel: 'Lifelong Immunity',\n },\n {\n id: 'rec-5',\n vaccineName: 'MMR (Measles, Mumps, Rubella)',\n formulation: 'Live attenuated viral vaccine',\n cvxCode: 'CVX 03',\n ndcCode: 'NDC 00006-4681-00',\n doseSequence: 'Dose 2 of 2',\n doseBadgeVariant: 'outline',\n administeredDate: 'Aug 22, 2010',\n manufacturer: 'Merck & Co.',\n lotNumber: '#MR1083',\n facility: \"Stanford Children's Health\",\n provider: 'Dr. L. Gomez, MD',\n nextDueDate: 'Lifelong Immunity',\n statusType: 'permanent',\n statusLabel: 'Lifelong Immunity',\n },\n]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-immunization-history, [ui-immunization-history]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n

\n Immunization Record & Vaccine Passport\n

\n \n \n {{ patient.complianceStatus }}\n \n
\n\n
\n {{ patient.name }}\n \n DOB:\n {{ patient.dob }}\n ({{ patient.age }} yrs · {{ patient.gender }})\n \n MRN: {{ patient.mrn }}\n {{ patient.jurisdiction }}\n
\n
\n\n \n
\n \n \n
\n
\n
\n\n \n
\n \n \n \n
\n\n
\n
\n
\n \n \n
\n
\n
\n

SMART® Health Card Verified

\n W3C Credential\n
\n

\n Issuer: {{ patient.shcIssuer }} · Signed via {{ patient.shcKeyId }}\n

\n
\n
\n\n
\n \n \n {{ patient.shcSignature }}\n \n \n \n Cryptographically Signed\n \n
\n
\n
\n\n
\n
\n \n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n
\n
\n

Offline Verifiable Pass

\n

\n Compatible with Apple Health, Google Wallet, and international border checkpoint verifiers.\n

\n
\n
\n JWS Payload Digest\n \n {{ patient.jwsFragment }}\n \n
\n
\n \n Public Key Confirmed Active\n
\n
\n
\n
\n\n \n
\n
\n

Active Health Protections & Key Immunizations

\n 4 Core Mandates Met\n
\n\n
\n @for (chip of protections; track chip.disease) {\n \n
\n
\n \n \n
\n
\n {{ chip.disease }}\n

{{ chip.doseLabel }}

\n
\n
\n \n {{ chip.badgeText }}\n \n
\n\n \n \n Last:\n {{ chip.lastAdministered }}\n \n {{ chip.status }}\n
\n
\n }\n
\n \n \n \n \n\n \n
\n
\n
\n
\n

Administered Immunization History

\n

\n Complete chronological registry of vaccine administrations, CDC CVX codes, lot verification, and\n clinical facilities.\n

\n
\n
\n \n \n 5 Records Verified\n \n
\n
\n
\n\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n @for (record of records; track record.id) {\n \n \n \n \n \n \n \n \n }\n \n
Vaccine & CVX CodeDose SequenceAdministered DateManufacturer & Lot #Administering Facility & ProviderStatus / Next Due
\n
{{ record.vaccineName }}
\n
\n {{ record.cvxCode }}\n @if (record.ndcCode) {\n ·\n {{ record.ndcCode }}\n }\n
\n 		\n \n {{ record.doseSequence }}\n \n \n
\n \n {{\n record.administeredDate\n }}\n
\n 		\n
{{ record.manufacturer }}
\n
{{ record.lotNumber }}
\n 		\n
\n \n {{ record.facility }}\n
\n
{{ record.provider }}
\n 		\n \n {{ record.nextDueDate }}\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n \n \n
\n
\n
\n
\n

\n Upcoming Recommendations & Travel Health Advisory\n

\n \n \n CDC Notice · Level 2\n \n
\n

\n Clinical recommendations based on patient age cohort, seasonal guidelines, and destination health\n advisories.\n

\n
\n\n
\n \n
\n
\n
\n \n Yellow Fever Vaccine (Live 17D)\n
\n \n Travel Advisory\n \n
\n

\n Recommended for upcoming travel to endemic regions in South America (Brazil, Peru, Colombia).\n Single dose provides lifelong immunity; administer ≥10 days prior to departure.\n

\n \n Priority: High for South America\n Pending Rx\n
\n
\n\n \n
\n
\n
\n \n Meningococcal Conjugate (MenACWY)\n
\n Routine Booster\n
\n

\n Recommended 5-year booster for international academic programs, dormitory residency, and\n congregate international travel settings.\n

\n \n \n Next Window:\n Jan – Mar 2027\n \n Due in 11 mos\n
\n
\n
\n
\n
\n\n \n
\n \n \n
\n \n \n \n \n `,\n})\nexport class UiImmunizationHistoryComponent {\n protected readonly AlertCircle = AlertCircle\n protected readonly Building2 = Building2\n protected readonly Calendar = Calendar\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Download = Download\n protected readonly ExternalLink = ExternalLink\n protected readonly FileCheck = FileCheck\n protected readonly Globe = Globe\n protected readonly Lock = Lock\n protected readonly Plane = Plane\n protected readonly QrCode = QrCode\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Syringe = Syringe\n\n protected readonly patient = patientProfile\n protected readonly protections = protectionSummaries\n protected readonly records = vaccineRecords\n\n @Input('class') className?: string\n\n get rootClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/immunization-history/immunization-history.component.ts" }, { "path": "packages/registry-angular/blocks/immunization-history/index.ts", "content": "export { UiImmunizationHistoryComponent } from './immunization-history.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/immunization-history/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/table.json" ], "description": "Digital vaccine record passport and clinical immunization history: SMART Health Card verifiable credential with cryptographic signature, active protection summary chips, detailed CDC/WHO vaccine administration table with CVX codes and lot tracking, and travel health advisory alerts.", "categories": [ "healthcare", "app" ] }