{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "prescription-refill-manager", "title": "Prescription Refill Manager", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/prescription-refill-manager/prescription-refill-manager.component.ts", "content": "// Pharmacy patient portal: active prescriptions, refill requests, dosage schedules,\n// delivery tracking, and preferred pharmacy details with integrated dialogs.\n// Consolidates the 7 Vue files (manager + table + 5 dialogs + data + types) into one\n// standalone Angular block. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core'\nimport {\n AlertCircle,\n ArrowLeftRight,\n Building2,\n Calendar,\n Check,\n CheckCircle2,\n Clock,\n FileText,\n Info,\n LucideAngularModule,\n MapPin,\n MoreHorizontal,\n Phone,\n Pill,\n Plus,\n RefreshCw,\n Search,\n ShieldAlert,\n Store,\n Truck,\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 UiCardFooterComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport {\n UiDialogComponent,\n UiDialogContentComponent,\n UiDialogDescriptionComponent,\n UiDialogFooterComponent,\n UiDialogHeaderComponent,\n UiDialogTitleComponent,\n} from '@/ui/dialog/dialog.component'\nimport {\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n} from '@/ui/dropdown-menu/dropdown-menu.component'\nimport { UiInputComponent } from '@/ui/input/input.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\nimport { UiTextareaComponent } from '@/ui/textarea/textarea.component'\n\nexport type PrescriptionStatus = 'ready' | 'needs_auth' | 'in_transit' | 'active'\n\nexport interface Prescription {\n id: string\n rxNumber: string\n name: string\n genericFor: string\n dosageForm: string\n instructions: string\n refillsRemaining: number\n totalRefills: number\n lastFilledDate: string\n nextDueDate: string\n isDue: boolean\n prescriber: { name: string; specialty: string; clinic: string; phone: string }\n status: PrescriptionStatus\n daysSupply: number\n copayEst: number\n ndc: string\n packageTracking?: {\n carrier: string\n trackingNumber: string\n status: string\n estimatedArrival: string\n steps: { title: string; time: string; done: boolean; current?: boolean }[]\n }\n}\n\nexport interface Pharmacy {\n id: string\n name: string\n subtitle: string\n address: string\n phone: string\n fax: string\n hours: string\n isDriveThru: boolean\n}\n\nexport interface TransferFormState {\n pharmacyName: string\n phone: string\n rxNumber: string\n medicationName: string\n notes: string\n}\n\nconst defaultPrescriptions: Prescription[] = [\n {\n id: 'rx-1',\n rxNumber: 'RX-849201',\n name: 'Metformin HCl 500mg',\n genericFor: 'Generic for Glucophage',\n dosageForm: 'Oral Tablet',\n instructions: 'Take 1 tablet by mouth twice daily with meals',\n refillsRemaining: 2,\n totalRefills: 5,\n lastFilledDate: 'Jul 24, 2026',\n nextDueDate: 'Aug 24, 2026',\n isDue: true,\n prescriber: {\n name: 'Dr. Emily Vance, MD',\n specialty: 'Internal Medicine',\n clinic: 'Wilshire Medical Center',\n phone: '(310) 555-0142',\n },\n status: 'ready',\n daysSupply: 30,\n copayEst: 10,\n ndc: '50090-0819-0',\n },\n {\n id: 'rx-2',\n rxNumber: 'RX-849202',\n name: 'Lisinopril 20mg',\n genericFor: 'Generic for Prinivil / Zestril',\n dosageForm: 'Oral Tablet',\n instructions: 'Take 1 tablet by mouth daily in the morning',\n refillsRemaining: 3,\n totalRefills: 6,\n lastFilledDate: 'Jul 10, 2026',\n nextDueDate: 'Aug 10, 2026',\n isDue: true,\n prescriber: {\n name: 'Dr. Marcus Chen, MD',\n specialty: 'Cardiology',\n clinic: 'Pacific Heart & Vascular Institute',\n phone: '(310) 555-0188',\n },\n status: 'ready',\n daysSupply: 30,\n copayEst: 10,\n ndc: '68180-0518-01',\n },\n {\n id: 'rx-3',\n rxNumber: 'RX-774920',\n name: 'Albuterol HFA Inhaler',\n genericFor: 'ProAir HFA 90mcg Inhalation Aerosol',\n dosageForm: 'Inhalation Aerosol (8.5g canister)',\n instructions: 'Inhale 2 puffs every 4-6 hours as needed for wheezing or shortness of breath',\n refillsRemaining: 0,\n totalRefills: 3,\n lastFilledDate: 'Jun 15, 2026',\n nextDueDate: 'Aug 18, 2026',\n isDue: false,\n prescriber: {\n name: 'Dr. Sarah Lin, MD',\n specialty: 'Pulmonology',\n clinic: 'Westside Respiratory Clinic',\n phone: '(310) 555-0195',\n },\n status: 'needs_auth',\n daysSupply: 30,\n copayEst: 15,\n ndc: '59310-0579-22',\n },\n {\n id: 'rx-4',\n rxNumber: 'RX-910384',\n name: 'Atorvastatin Calcium 40mg',\n genericFor: 'Generic for Lipitor',\n dosageForm: 'Oral Tablet',\n instructions: 'Take 1 tablet by mouth once daily at bedtime',\n refillsRemaining: 1,\n totalRefills: 4,\n lastFilledDate: 'Aug 19, 2026',\n nextDueDate: 'Nov 19, 2026',\n isDue: false,\n prescriber: {\n name: 'Dr. Marcus Chen, MD',\n specialty: 'Cardiology',\n clinic: 'Pacific Heart & Vascular Institute',\n phone: '(310) 555-0188',\n },\n status: 'in_transit',\n daysSupply: 90,\n copayEst: 20,\n ndc: '00071-0157-23',\n packageTracking: {\n carrier: 'USPS Priority Rx Express',\n trackingNumber: '9400 1118 9956 2831 4092 11',\n status: 'Out for Delivery',\n estimatedArrival: 'Today by 6:00 PM',\n steps: [\n { title: 'Prescription Refill Ordered', time: 'Aug 19, 9:30 AM', done: true },\n { title: 'Verified & Dispensed by Pharmacist', time: 'Aug 19, 2:15 PM', done: true },\n { title: 'Shipped from Regional Fulfillment', time: 'Aug 20, 8:00 AM', done: true },\n { title: 'Out for Delivery', time: 'Aug 21, 8:45 AM', done: true, current: true },\n ],\n },\n },\n]\n\nconst defaultAvailablePharmacies: Pharmacy[] = [\n {\n id: 'cvs-4829',\n name: 'CVS Pharmacy #4829',\n subtitle: '24-Hour Drive-Thru',\n address: '4500 Wilshire Blvd, Los Angeles, CA 90010',\n phone: '(213) 555-0198',\n fax: '(213) 555-0199',\n hours: 'Open 24 Hours · Drive-Thru Open',\n isDriveThru: true,\n },\n {\n id: 'walgreens-1204',\n name: 'Walgreens Pharmacy #1204',\n subtitle: 'Full Service Pharmacy',\n address: '3724 W Olympic Blvd, Los Angeles, CA 90019',\n phone: '(323) 555-0144',\n fax: '(323) 555-0145',\n hours: 'Mon-Sun: 8:00 AM – 10:00 PM',\n isDriveThru: false,\n },\n {\n id: 'kaiser-sunset',\n name: 'Kaiser Sunset Medical Center Pharmacy',\n subtitle: 'Specialty & Mail Hub',\n address: '4760 Sunset Blvd, Los Angeles, CA 90027',\n phone: '(323) 555-0177',\n fax: '(323) 555-0178',\n hours: 'Mon-Fri: 7:00 AM – 9:00 PM · Sat-Sun: 8:00 AM – 6:00 PM',\n isDriveThru: true,\n },\n]\n\ntype StatusFilter = 'all' | 'ready' | 'needs_auth' | 'in_transit'\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-prescription-refill-manager, [ui-prescription-refill-manager]',\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 UiCardFooterComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiDialogComponent,\n UiDialogContentComponent,\n UiDialogDescriptionComponent,\n UiDialogFooterComponent,\n UiDialogHeaderComponent,\n UiDialogTitleComponent,\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n UiInputComponent,\n UiSeparatorComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n UiTextareaComponent,\n ],\n template: `\n
\n \n \n
\n
\n
\n \n
\n

Prescriptions & Medications

\n \n Active Care Plan\n \n
\n

\n Manage recurring refills, dosage schedules, and home delivery tracking.\n

\n
\n\n
\n \n \n
\n \n\n \n
\n
\n
\n
\n

Active Prescriptions

\n
\n 4\n Total on file\n
\n

All active maintenance therapies

\n
\n
\n \n
\n
\n
\n\n
\n
\n
\n
\n

Refills Ready for Order

\n \n 2 Action Needed\n \n
\n
\n 2\n Meds eligible now\n
\n

Metformin HCl & Lisinopril due

\n
\n
\n \n
\n
\n
\n\n
\n
\n
\n
\n

In Delivery / Transit

\n \n \n 1 En Route\n \n
\n
\n 1\n Package tracked\n
\n

Atorvastatin 40mg · USPS Priority

\n
\n
\n \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n \n \n
\n
\n
\n

\n {{ activePharmacy().name }} · {{ activePharmacy().subtitle }}\n

\n \n \n Preferred Pharmacy\n \n \n {{ activePharmacy().hours }}\n \n
\n

\n Default location for prescription fulfillment, drive-thru pick-ups, and transfers.\n

\n
\n
\n\n \n \n Change Pharmacy\n \n
\n
\n \n
\n
\n
\n \n {{ activePharmacy().address }}\n
\n
\n \n Phone: {{ activePharmacy().phone }}\n
\n
\n \n Rx Counter: Ready in 2 hrs\n
\n
\n
\n
\n\n \n
\n
\n
\n
\n

\n Active Prescriptions ({{ filteredPrescriptions().length }})\n

\n

\n Review remaining refills, dosage instructions, and ordering eligibility.\n

\n
\n\n
\n
\n \n \n
\n\n
\n \n All ({{ prescriptions().length }})\n \n \n Ready for Refill (2)\n \n \n In Transit (1)\n \n \n Needs Auth (1)\n \n
\n
\n
\n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n @for (rx of filteredPrescriptions(); track rx.id) {\n \n \n\n \n\n \n\n \n\n \n\n \n \n }\n \n
Medication & Rx#Directions & DosageRefill StatusFill Dates / SchedulePrescribing DoctorQuick Action
\n
\n
\n {{ rx.name }}\n
\n

{{ rx.genericFor }}

\n
\n \n {{ rx.rxNumber }}\n \n NDC: {{ rx.ndc }}\n
\n
\n 		\n
\n

\n {{ rx.instructions }}\n

\n

\n Form: {{ rx.dosageForm }} · Qty:\n {{ rx.daysSupply }} Days\n

\n
\n 		\n
\n @if (rx.status === 'ready') {\n \n \n {{ rx.refillsRemaining }} refills remaining\n \n } @else if (rx.status === 'needs_auth') {\n \n \n 0 refills - Needs MD authorization\n \n } @else if (rx.status === 'in_transit') {\n \n \n In Transit · Est. Arrival Today\n \n } @else {\n \n {{ rx.refillsRemaining }} of {{ rx.totalRefills }} remaining\n \n }\n\n

\n Est. Copay: \\${{ rx.copayEst }}.00\n

\n
\n 		\n
\n
\n \n \n Last Filled:\n {{ rx.lastFilledDate }}\n \n
\n
\n \n Next Due: {{ rx.nextDueDate }}\n
\n @if (rx.isDue) {\n Refill window open \n }\n
\n 		\n
\n

{{ rx.prescriber.name }}

\n

{{ rx.prescriber.specialty }}

\n

{{ rx.prescriber.clinic }}

\n
\n 		\n
\n @if (rx.status === 'ready') {\n \n \n Order Refill\n \n } @else if (rx.status === 'needs_auth') {\n \n \n Request Auth\n \n } @else if (rx.status === 'in_transit') {\n \n \n Track\n \n }\n\n \n \n \n \n \n Rx Options\n \n @if (rx.status === 'ready') {\n \n \n Order Refill (30/90 Days)\n \n }\n @if (rx.status === 'needs_auth') {\n \n \n Request MD Renewal\n \n }\n @if (rx.packageTracking) {\n \n \n Track USPS Delivery\n \n }\n \n \n Transfer to Another Pharmacy\n \n \n \n \n View Full Drug Monograph\n \n \n \n Call Prescriber ({{ rx.prescriber.phone }})\n \n \n \n
\n
\n
\n\n \n
\n \n Refills requested before 3:00 PM are processed same-day by our clinical pharmacy team.\n
\n
\n Automatic Refill Program: Enabled\n
\n
\n
\n\n \n \n @if (selectedPrescription(); as rx) {\n \n
\n
\n
\n \n
\n
\n

Request Prescription Refill

\n

\n Select your supply duration, delivery method, and confirm your copay.\n

\n
\n
\n
\n\n @if (orderSubmitted()) {\n
\n
\n
\n \n
\n

Refill Order Successfully Placed!

\n

\n Your order for {{ rx.name }} ({{ supplyDuration() }}-day supply) has been sent to\n {{ activePharmacy().name }}.\n

\n
\n\n
\n
\n Fulfillment Method:\n {{\n deliveryMethod() === 'delivery' ? 'Express Home Delivery (1-2 Days)' : 'In-Store Pickup'\n }}\n
\n
\n Estimated Copay:\n \\${{ estimatedCopay().toFixed(2) }}\n
\n
\n Remaining Refills After This Order:\n {{\n rx.refillsRemaining - 1 >= 0 ? rx.refillsRemaining - 1 : 0\n }}\n
\n
\n\n
\n \n
\n
\n } @else {\n
\n
\n
\n
\n

Selected Prescription

\n

{{ rx.name }}

\n

{{ rx.genericFor }}

\n
\n
\n \n {{ rx.rxNumber }}\n \n

{{ rx.refillsRemaining }} refills remaining

\n
\n
\n
\n\n
\n Supply Duration\n
\n \n 30-Day Supply · \\${{ rx.copayEst }}.00\n \n \n 90-Day Supply · $20.00\n \n
\n
\n\n
\n Fulfillment Method\n
\n \n \n In-Store Pickup\n \n \n \n Home Delivery\n \n
\n
\n\n
\n \n \n
\n
\n }\n \n }\n \n\n \n \n @if (trackingPrescription(); as rx) {\n \n
\n
\n
\n \n
\n
\n

Delivery & Tracking Status

\n

Tracking details for {{ rx.name }}

\n
\n
\n
\n\n @if (rx.packageTracking; as tracking) {\n
\n
\n
\n Carrier & Service:\n {{ tracking.carrier }}\n
\n
\n Tracking Number:\n {{ tracking.trackingNumber }}\n
\n
\n Status:\n \n {{ tracking.status }}\n \n
\n
\n Estimated Delivery:\n {{ tracking.estimatedArrival }}\n
\n
\n\n
\n

Package History Timeline

\n
\n @for (step of tracking.steps; track step.title) {\n
\n
\n \n {{ step.title }}\n

\n

{{ step.time }}

\n
\n }\n
\n
\n
\n }\n\n
\n \n
\n \n }\n \n\n \n \n \n
\n
\n
\n \n
\n
\n

Transfer Prescription

\n

\n Move an existing prescription from another pharmacy to {{ activePharmacy().name }}.\n

\n
\n
\n
\n\n @if (transferSubmitted()) {\n
\n
\n
\n \n
\n

Transfer Request Submitted!

\n

\n Our clinical pharmacy team will contact your previous pharmacy to transfer the prescription. This\n typically takes 24–48 hours.\n

\n
\n
\n \n
\n
\n } @else {\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

Select Preferred Pharmacy

\n

\n Choose the location where your local orders and drive-thru pickups are routed.\n

\n
\n
\n
\n\n
\n @for (pharmacy of availablePharmacies(); track pharmacy.id) {\n
\n
\n
\n {{ pharmacy.name }}\n @if (pharmacy.id === activePharmacy().id) {\n Current\n }\n
\n

{{ pharmacy.address }}

\n
\n Phone: {{ pharmacy.phone }}\n {{ pharmacy.hours }}\n
\n
\n
\n
\n @if (tempSelectedPharmacyId() === pharmacy.id) {\n
\n }\n
\n
\n
\n }\n
\n\n
\n \n \n
\n \n \n\n \n \n @if (authRequestedRx(); as rx) {\n \n
\n
\n
\n \n
\n
\n

Request Prescriber Authorization

\n

Renew zero-refill prescription with your physician.

\n
\n
\n
\n\n @if (authRequestSubmitted()) {\n
\n
\n \n
\n

Authorization Request Sent!

\n

\n A renewal request for {{ rx.name }} has been electronically transmitted to\n {{ rx.prescriber.name }}.\n

\n
\n \n
\n
\n } @else {\n
\n
\n

{{ rx.name }}

\n

{{ rx.genericFor }}

\n

\n Prescribing Physician: {{ rx.prescriber.name }}\n

\n

Clinic: {{ rx.prescriber.clinic }} ({{ rx.prescriber.phone }})

\n
\n\n

\n Because this prescription has 0 refills remaining, we will send an electronic request (e-Prescription\n Renewal) directly to your doctor's office.\n

\n\n
\n \n \n
\n
\n }\n \n }\n \n \n `,\n})\nexport class UiPrescriptionRefillManagerComponent {\n protected readonly AlertCircle = AlertCircle\n protected readonly ArrowLeftRight = ArrowLeftRight\n protected readonly Building2 = Building2\n protected readonly Calendar = Calendar\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Clock = Clock\n protected readonly FileText = FileText\n protected readonly Info = Info\n protected readonly MapPin = MapPin\n protected readonly MoreHorizontal = MoreHorizontal\n protected readonly Phone = Phone\n protected readonly Pill = Pill\n protected readonly Plus = Plus\n protected readonly RefreshCw = RefreshCw\n protected readonly Search = Search\n protected readonly ShieldAlert = ShieldAlert\n protected readonly Store = Store\n protected readonly Truck = Truck\n\n @Input('class') className?: string\n @Input() set initialPharmacyId(v: string | undefined) {\n const found = this.availablePharmacies().find((p) => p.id === v)\n if (found) this.activePharmacy.set(found)\n }\n\n readonly prescriptions = signal(defaultPrescriptions.map((p) => ({ ...p })))\n readonly availablePharmacies = signal(defaultAvailablePharmacies.map((p) => ({ ...p })))\n readonly activePharmacy = signal({ ...defaultAvailablePharmacies[0] })\n\n readonly searchQuery = signal('')\n readonly statusFilter = signal('all')\n\n readonly isRefillOpen = signal(false)\n readonly selectedPrescriptionId = signal('rx-1')\n readonly supplyDuration = signal<'30' | '90'>('90')\n readonly deliveryMethod = signal<'pickup' | 'delivery'>('delivery')\n readonly orderSubmitted = signal(false)\n\n readonly isTrackingOpen = signal(false)\n readonly trackingPrescription = signal(null)\n\n readonly isTransferOpen = signal(false)\n readonly transferForm = signal({\n pharmacyName: '',\n phone: '',\n rxNumber: '',\n medicationName: '',\n notes: '',\n })\n readonly transferSubmitted = signal(false)\n\n readonly isChangePharmacyOpen = signal(false)\n readonly tempSelectedPharmacyId = signal(defaultAvailablePharmacies[0].id)\n\n readonly isAuthRequestOpen = signal(false)\n readonly authRequestedRx = signal(null)\n readonly authRequestSubmitted = signal(false)\n\n readonly filteredPrescriptions = computed(() => {\n const q = this.searchQuery().toLowerCase()\n const f = this.statusFilter()\n return this.prescriptions().filter((rx) => {\n const matchesSearch =\n rx.name.toLowerCase().includes(q) ||\n rx.rxNumber.toLowerCase().includes(q) ||\n rx.genericFor.toLowerCase().includes(q) ||\n rx.prescriber.name.toLowerCase().includes(q)\n if (!matchesSearch) return false\n if (f === 'all') return true\n return rx.status === f\n })\n })\n\n readonly selectedPrescription = computed(() => {\n return this.prescriptions().find((rx) => rx.id === this.selectedPrescriptionId()) ?? this.prescriptions()[0]\n })\n\n readonly estimatedCopay = computed(() =>\n this.supplyDuration() === '90' ? 20.0 : this.selectedPrescription().copayEst,\n )\n\n get rootClass(): string {\n return cn('bg-background text-foreground w-full space-y-6', this.className)\n }\n\n filterButtonClass(filter: StatusFilter): string {\n const active = this.statusFilter() === filter\n return cn(\n 'h-8 text-xs font-medium',\n active && 'bg-accent text-accent-foreground',\n active && filter === 'ready' && 'text-warning',\n active && filter === 'needs_auth' && 'text-destructive',\n )\n }\n\n prescriptionRowClass(rx: Prescription): string {\n return cn('transition-colors', rx.status === 'ready' && 'bg-warning/[0.02] bg-warning/[0.04]')\n }\n\n dueDateClass(rx: Prescription): string {\n return cn(\n 'flex items-center gap-1.5 font-medium tabular-nums',\n rx.isDue ? 'text-warning font-semibold' : 'text-muted-foreground',\n )\n }\n\n trackingDotClass(step: { done: boolean; current?: boolean }): string {\n return cn(\n 'ring-background absolute top-0.5 -left-[23px] flex size-3.5 items-center justify-center rounded-full ring-2',\n step.current\n ? 'bg-info ring-info animate-pulse'\n : step.done\n ? 'bg-primary text-primary-foreground'\n : 'bg-muted border',\n )\n }\n\n pharmacyOptionClass(pharmacy: Pharmacy): string {\n return cn(\n 'flex cursor-pointer items-start justify-between rounded-xl border p-3.5 transition-colors',\n this.tempSelectedPharmacyId() === pharmacy.id\n ? 'border-primary bg-primary/5 ring-primary ring-1'\n : 'border-border bg-card hover:bg-muted/40',\n )\n }\n\n pharmacyRadioClass(pharmacy: Pharmacy): string {\n return cn(\n 'flex size-4 items-center justify-center rounded-full border',\n this.tempSelectedPharmacyId() === pharmacy.id\n ? 'border-primary bg-primary text-primary-foreground'\n : 'border-muted-foreground/40',\n )\n }\n\n openRefillModal(prescriptionId?: string): void {\n if (prescriptionId) {\n this.selectedPrescriptionId.set(prescriptionId)\n } else {\n const readyMed = this.prescriptions().find((r) => r.status === 'ready')\n this.selectedPrescriptionId.set(readyMed ? readyMed.id : this.prescriptions()[0].id)\n }\n this.orderSubmitted.set(false)\n this.isRefillOpen.set(true)\n }\n\n onRefillOpenChange(open: boolean): void {\n this.isRefillOpen.set(open)\n if (!open) this.orderSubmitted.set(false)\n }\n\n submitRefillOrder(): void {\n this.orderSubmitted.set(true)\n this.prescriptions.update((prev) =>\n prev.map((rx) =>\n rx.id === this.selectedPrescriptionId()\n ? { ...rx, refillsRemaining: Math.max(0, rx.refillsRemaining - 1) }\n : rx,\n ),\n )\n }\n\n handleOpenTracking(rx: Prescription): void {\n this.trackingPrescription.set(rx)\n this.isTrackingOpen.set(true)\n }\n\n handleOpenAuthRequest(rx: Prescription): void {\n this.authRequestedRx.set(rx)\n this.authRequestSubmitted.set(false)\n this.isAuthRequestOpen.set(true)\n }\n\n handleOpenTransfer(): void {\n this.transferForm.set({ pharmacyName: '', phone: '', rxNumber: '', medicationName: '', notes: '' })\n this.transferSubmitted.set(false)\n this.isTransferOpen.set(true)\n }\n\n onTransferOpenChange(open: boolean): void {\n this.isTransferOpen.set(open)\n if (!open) this.transferSubmitted.set(false)\n }\n\n patchTransfer(patch: Partial): void {\n this.transferForm.update((prev) => ({ ...prev, ...patch }))\n }\n\n submitTransfer(): void {\n this.transferSubmitted.set(true)\n }\n\n handleChangePharmacy(): void {\n this.tempSelectedPharmacyId.set(this.activePharmacy().id)\n this.isChangePharmacyOpen.set(true)\n }\n\n savePharmacyChange(): void {\n const chosen = this.availablePharmacies().find((p) => p.id === this.tempSelectedPharmacyId())\n if (chosen) this.activePharmacy.set(chosen)\n this.isChangePharmacyOpen.set(false)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/prescription-refill-manager/prescription-refill-manager.component.ts" }, { "path": "packages/registry-angular/blocks/prescription-refill-manager/index.ts", "content": "export {\n UiPrescriptionRefillManagerComponent,\n type Pharmacy,\n type Prescription,\n type PrescriptionStatus,\n type TransferFormState,\n} from './prescription-refill-manager.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/prescription-refill-manager/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/dialog.json", "https://uipkge.dev/r/angular/dropdown-menu.json", "https://uipkge.dev/r/angular/input.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/table.json", "https://uipkge.dev/r/angular/textarea.json" ], "description": "Pharmacy patient portal for managing active prescriptions, refill requests, dosage schedules, delivery tracking, and preferred pharmacy details with an integrated refill order dialog.", "categories": [ "healthcare", "app" ] }