{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "insurance-eligibility-checker",
  "title": "Insurance Eligibility Checker",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-angular/blocks/insurance-eligibility-checker/insurance-eligibility-checker.component.ts",
      "content": "// Real-time health insurance eligibility and benefits verification dashboard: patient member\n// demographics, active payer status, individual deductible and out-of-pocket maximum progress\n// trackers, primary care and specialist copay benefit cards, category-level coverage breakdown\n// table with in/out-of-network rates, and Medicare secondary coordination of benefits.\n// Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, DestroyRef, Input, inject, signal } from '@angular/core'\nimport {\n  Activity,\n  AlertCircle,\n  Building2,\n  CheckCircle2,\n  CreditCard,\n  FileCheck,\n  FileText,\n  Hospital,\n  Info,\n  LucideAngularModule,\n  Pill,\n  RefreshCw,\n  ShieldCheck,\n  Stethoscope,\n  User,\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 { UiProgressComponent } from '@/ui/progress/progress.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'\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-insurance-eligibility-checker, [ui-insurance-eligibility-checker]',\n  standalone: true,\n  // React renders the root <div> 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    UiProgressComponent,\n    UiSeparatorComponent,\n    UiTableBodyComponent,\n    UiTableCellComponent,\n    UiTableComponent,\n    UiTableHeadComponent,\n    UiTableHeaderComponent,\n    UiTableRowComponent,\n  ],\n  template: `\n    <div data-slot=\"insurance-eligibility-checker\" [class]=\"rootClass\">\n      <!-- Header: Patient Demographics & Real-time Eligibility Status -->\n      <header class=\"bg-card border-border rounded-xl border p-5 shadow-xs sm:p-6\">\n        <div class=\"flex flex-col gap-6\">\n          <!-- Top Row: Title & Real-time Action -->\n          <div class=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div class=\"space-y-1\">\n              <div class=\"flex items-center gap-2\">\n                <div\n                  class=\"bg-primary/10 text-primary border-primary/20 flex size-8 shrink-0 items-center justify-center rounded-lg border\"\n                >\n                  <lucide-icon [img]=\"ShieldCheck\" class=\"size-4\" />\n                </div>\n                <h1 class=\"text-foreground text-xl font-bold tracking-tight sm:text-2xl\">\n                  Insurance Eligibility & Benefits Verifier\n                </h1>\n              </div>\n              <p class=\"text-muted-foreground text-xs sm:text-sm\">\n                Real-time EDI 270/271 electronic benefit eligibility inquiry, deductible accumulators, and coverage\n                limits.\n              </p>\n            </div>\n\n            <div class=\"flex flex-wrap items-center gap-2\">\n              <button\n                ui-button\n                variant=\"outline\"\n                size=\"sm\"\n                [disabled]=\"isVerifying()\"\n                class=\"gap-1.5 text-xs font-medium\"\n                (click)=\"handleReverify()\"\n              >\n                <lucide-icon\n                  [img]=\"RefreshCw\"\n                  [class]=\"isVerifying() ? 'text-primary size-3.5 animate-spin' : 'size-3.5'\"\n                />\n                <span>{{ isVerifying() ? 'Verifying EDI 270...' : 'Re-verify Real-time' }}</span>\n              </button>\n            </div>\n          </div>\n\n          <ui-separator />\n\n          <!-- Patient & Primary Payer Profile Details -->\n          <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <!-- Patient Demographics -->\n            <div class=\"space-y-1\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <lucide-icon [img]=\"User\" class=\"size-3.5\" />\n                <span>Patient Name & DOB</span>\n              </div>\n              <p class=\"text-foreground text-sm font-semibold\">David Chen</p>\n              <p class=\"text-muted-foreground text-xs tabular-nums\">DOB: 1978-10-14 (48 yrs · Male)</p>\n            </div>\n\n            <!-- Primary Payer / Plan -->\n            <div class=\"space-y-1\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <lucide-icon [img]=\"Building2\" class=\"size-3.5\" />\n                <span>Insurance Payer & Plan</span>\n              </div>\n              <p class=\"text-foreground text-sm font-semibold\">BlueCross BlueShield</p>\n              <p class=\"text-muted-foreground text-xs\">PPO - Choice Plus Network</p>\n            </div>\n\n            <!-- Member & Group ID -->\n            <div class=\"space-y-1\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <lucide-icon [img]=\"CreditCard\" class=\"size-3.5\" />\n                <span>Member & Policy ID</span>\n              </div>\n              <p class=\"text-foreground font-mono text-sm font-semibold tabular-nums\">#BCBS-98421094</p>\n              <p class=\"text-muted-foreground text-xs tabular-nums\">Group: GRP-88204-01 · Plan #902</p>\n            </div>\n\n            <!-- Verification Status Badge -->\n            <div class=\"space-y-1.5\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <lucide-icon [img]=\"Activity\" class=\"size-3.5\" />\n                <span>Verification Status</span>\n              </div>\n              <div>\n                <span\n                  ui-badge\n                  wrap\n                  variant=\"outline\"\n                  class=\"border-success/30 bg-success/10 text-success gap-1.5 text-xs font-medium\"\n                >\n                  <span class=\"bg-success size-1.5 animate-pulse rounded-full\"></span>\n                  <span>{{ lastVerifiedText() }}</span>\n                </span>\n              </div>\n              <p class=\"text-muted-foreground text-xs tabular-nums\">\n                Trace: EDI-271-99842 · Effective: Jan 01, 2026 – Dec 31, 2026\n              </p>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      <!-- 4 Primary Benefit Cards -->\n      <section class=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <!-- Card 1: Individual Deductible -->\n        <div ui-card class=\"relative overflow-hidden\">\n          <div ui-card-header class=\"pb-2\">\n            <div class=\"flex items-center justify-between\">\n              <h3 ui-card-title class=\"text-muted-foreground text-xs font-medium tracking-wider uppercase\">\n                Individual Deductible\n              </h3>\n              <span ui-badge wrap variant=\"secondary\" class=\"text-xs font-normal\">In-Network</span>\n            </div>\n            <div class=\"mt-2 space-y-1\">\n              <div class=\"flex items-baseline gap-1.5\">\n                <span class=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">$1,200.00</span>\n                <span class=\"text-muted-foreground text-xs font-normal tabular-nums\">/ $2,500.00 met</span>\n              </div>\n              <p ui-card-description class=\"text-xs\">\n                <strong class=\"text-foreground font-medium tabular-nums\">$1,300.00</strong> remaining in plan year\n              </p>\n            </div>\n          </div>\n          <div ui-card-content class=\"pt-0\">\n            <div class=\"space-y-1.5\">\n              <div class=\"flex items-center justify-between text-xs\">\n                <span class=\"text-muted-foreground\">Accumulator Met</span>\n                <span class=\"text-foreground font-semibold tabular-nums\">48%</span>\n              </div>\n              <ui-progress [value]=\"48\" class=\"h-2\" />\n              <p class=\"text-muted-foreground pt-1 text-xs tabular-nums\">\n                Family Deductible: $2,400.00 / $5,000.00 met (48%)\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <!-- Card 2: Out-of-Pocket Maximum -->\n        <div ui-card class=\"relative overflow-hidden\">\n          <div ui-card-header class=\"pb-2\">\n            <div class=\"flex items-center justify-between\">\n              <h3 ui-card-title class=\"text-muted-foreground text-xs font-medium tracking-wider uppercase\">\n                Out-of-Pocket Maximum\n              </h3>\n              <span ui-badge wrap variant=\"secondary\" class=\"text-xs font-normal\">Annual Max</span>\n            </div>\n            <div class=\"mt-2 space-y-1\">\n              <div class=\"flex items-baseline gap-1.5\">\n                <span class=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">$2,800.00</span>\n                <span class=\"text-muted-foreground text-xs font-normal tabular-nums\">/ $6,000.00 met</span>\n              </div>\n              <p ui-card-description class=\"text-xs\">\n                <strong class=\"text-foreground font-medium tabular-nums\">$3,200.00</strong> until 100% plan liability\n              </p>\n            </div>\n          </div>\n          <div ui-card-content class=\"pt-0\">\n            <div class=\"space-y-1.5\">\n              <div class=\"flex items-center justify-between text-xs\">\n                <span class=\"text-muted-foreground\">Accumulator Met</span>\n                <span class=\"text-foreground font-semibold tabular-nums\">46%</span>\n              </div>\n              <ui-progress [value]=\"46\" class=\"h-2\" />\n              <p class=\"text-muted-foreground pt-1 text-xs tabular-nums\">\n                Includes deductibles, copays & Rx coinsurance\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <!-- Card 3: Primary Care Copay -->\n        <div ui-card class=\"relative overflow-hidden\">\n          <div ui-card-header class=\"pb-2\">\n            <div class=\"flex items-center justify-between\">\n              <h3 ui-card-title class=\"text-muted-foreground text-xs font-medium tracking-wider uppercase\">\n                Primary Care Copay\n              </h3>\n              <span\n                ui-badge\n                wrap\n                variant=\"outline\"\n                class=\"border-success/30 bg-success/10 text-success text-xs font-medium\"\n              >\n                No Deductible\n              </span>\n            </div>\n            <div class=\"mt-2 space-y-1\">\n              <div class=\"flex items-baseline gap-1.5\">\n                <span class=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">$25.00</span>\n                <span class=\"text-muted-foreground text-xs font-normal\">copay</span>\n              </div>\n              <p ui-card-description class=\"text-xs\">No deductible required prior to copay benefit</p>\n            </div>\n          </div>\n          <div ui-card-content class=\"pt-0\">\n            <div class=\"border-border/60 bg-muted/30 rounded-lg border p-2.5 text-xs\">\n              <div class=\"flex items-center gap-1.5\">\n                <lucide-icon [img]=\"Stethoscope\" class=\"text-primary size-3.5 shrink-0\" />\n                <span class=\"text-foreground font-medium\">Designated PCP In-Network</span>\n              </div>\n              <p class=\"text-muted-foreground mt-1 text-xs\">$0.00 copay for annual preventive wellness checkups</p>\n            </div>\n          </div>\n        </div>\n\n        <!-- Card 4: Specialist Copay -->\n        <div ui-card class=\"relative overflow-hidden\">\n          <div ui-card-header class=\"pb-2\">\n            <div class=\"flex items-center justify-between\">\n              <h3 ui-card-title class=\"text-muted-foreground text-xs font-medium tracking-wider uppercase\">\n                Specialist Copay\n              </h3>\n              <span\n                ui-badge\n                wrap\n                variant=\"outline\"\n                class=\"border-warning/30 bg-warning/10 text-warning text-xs font-medium\"\n              >\n                PA Required\n              </span>\n            </div>\n            <div class=\"mt-2 space-y-1\">\n              <div class=\"flex items-baseline gap-1.5\">\n                <span class=\"text-foreground text-2xl font-bold tracking-tight tabular-nums\">$50.00</span>\n                <span class=\"text-muted-foreground text-xs font-normal\">copay</span>\n              </div>\n              <p ui-card-description class=\"text-xs\">Prior authorization required for select procedures</p>\n            </div>\n          </div>\n          <div ui-card-content class=\"pt-0\">\n            <div class=\"border-border/60 bg-muted/30 rounded-lg border p-2.5 text-xs\">\n              <div class=\"flex items-center gap-1.5\">\n                <lucide-icon [img]=\"Hospital\" class=\"text-primary size-3.5 shrink-0\" />\n                <span class=\"text-foreground font-medium\">Direct Specialist Access</span>\n              </div>\n              <p class=\"text-muted-foreground mt-1 text-xs\">No primary care physician (PCP) referral required</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <!-- Detailed Coverage Category Breakdown Table -->\n      <div ui-card>\n        <div ui-card-header>\n          <div class=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n            <div class=\"space-y-1\">\n              <div class=\"flex items-center gap-2\">\n                <lucide-icon [img]=\"FileCheck\" class=\"text-primary size-4\" />\n                <h3 ui-card-title class=\"text-base sm:text-lg\">Detailed Coverage Category Breakdown</h3>\n              </div>\n              <p ui-card-description class=\"text-xs sm:text-sm\">\n                Schedule of in-network vs out-of-network patient cost-sharing, authorization rules, and annual benefit\n                limits.\n              </p>\n            </div>\n            <span ui-badge wrap variant=\"outline\" class=\"text-muted-foreground w-fit text-xs font-normal\">\n              Updated via ANSI 835/271\n            </span>\n          </div>\n        </div>\n        <div ui-card-content class=\"p-0\">\n          <div class=\"overflow-x-auto\">\n            <table ui-table>\n              <thead ui-table-header>\n                <tr ui-table-row class=\"bg-muted/40\">\n                  <th ui-table-head class=\"min-w-[220px] font-semibold\">Service Category</th>\n                  <th ui-table-head class=\"min-w-[170px] font-semibold\">In-Network Coverage</th>\n                  <th ui-table-head class=\"min-w-[170px] font-semibold\">Out-of-Network Coverage</th>\n                  <th ui-table-head class=\"min-w-[190px] font-semibold\">Prior Authorization (PA)</th>\n                  <th ui-table-head class=\"min-w-[200px] text-right font-semibold\">Annual Limits & Copay</th>\n                </tr>\n              </thead>\n              <tbody ui-table-body>\n                <!-- Row 1: Preventive Care -->\n                <tr ui-table-row>\n                  <td ui-table-cell class=\"align-top font-medium\">\n                    <div class=\"flex items-start gap-2.5\">\n                      <div\n                        class=\"border-success/20 bg-success/10 text-success mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md border\"\n                      >\n                        <lucide-icon [img]=\"ShieldCheck\" class=\"size-4\" />\n                      </div>\n                      <div class=\"space-y-0.5\">\n                        <p class=\"text-foreground text-sm font-semibold\">Preventive Care</p>\n                        <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                          Annual wellness exams, biometric screenings, routine adult & pediatric immunizations,\n                          mammograms.\n                        </p>\n                      </div>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-1\">\n                      <span class=\"text-foreground text-sm font-bold tabular-nums\">100% covered</span>\n                      <span\n                        ui-badge\n                        wrap\n                        variant=\"outline\"\n                        class=\"border-success/30 bg-success/10 text-success block w-fit text-xs font-normal\"\n                      >\n                        $0 Deductible & Copay\n                      </span>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-0.5\">\n                      <span class=\"text-foreground text-sm font-medium tabular-nums\">60% of UCR</span>\n                      <p class=\"text-muted-foreground text-xs\">Subject to out-of-network deductible</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"text-success flex items-center gap-1.5 text-xs\">\n                      <lucide-icon [img]=\"CheckCircle2\" class=\"size-3.5 shrink-0\" />\n                      <span class=\"font-medium\">Not Required</span>\n                    </div>\n                    <p class=\"text-muted-foreground mt-0.5 text-xs\">Direct access without pre-certification</p>\n                  </td>\n                  <td ui-table-cell class=\"text-right align-top\">\n                    <div class=\"space-y-0.5\">\n                      <p class=\"text-foreground text-sm font-bold tabular-nums\">$0.00 copay</p>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">Unlimited annual wellness visits</p>\n                    </div>\n                  </td>\n                </tr>\n\n                <!-- Row 2: Specialist Visits -->\n                <tr ui-table-row>\n                  <td ui-table-cell class=\"align-top font-medium\">\n                    <div class=\"flex items-start gap-2.5\">\n                      <div\n                        class=\"bg-primary/10 text-primary border-primary/20 mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md border\"\n                      >\n                        <lucide-icon [img]=\"Stethoscope\" class=\"size-4\" />\n                      </div>\n                      <div class=\"space-y-0.5\">\n                        <p class=\"text-foreground text-sm font-semibold\">Specialist Visits</p>\n                        <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                          Cardiology, neurology, physical & occupational therapy, diagnostic imaging, and outpatient\n                          consultations.\n                        </p>\n                      </div>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-1\">\n                      <span class=\"text-foreground text-sm font-bold tabular-nums\">80% after deductible</span>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">$50.00 office visit copay</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-0.5\">\n                      <span class=\"text-foreground text-sm font-medium tabular-nums\">60% of UCR</span>\n                      <p class=\"text-muted-foreground text-xs\">Balance billing applies above UCR</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"text-warning flex items-center gap-1.5 text-xs\">\n                      <lucide-icon [img]=\"AlertCircle\" class=\"size-3.5 shrink-0\" />\n                      <span class=\"font-medium\">Required for Procedures</span>\n                    </div>\n                    <p class=\"text-muted-foreground mt-0.5 text-xs\">PA required for MRI, CT scans & surgery</p>\n                  </td>\n                  <td ui-table-cell class=\"text-right align-top\">\n                    <div class=\"space-y-0.5\">\n                      <p class=\"text-foreground text-sm font-bold tabular-nums\">$50.00 copay</p>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">Max 30 PT visits / calendar year</p>\n                    </div>\n                  </td>\n                </tr>\n\n                <!-- Row 3: Urgent Care & ER. Deliberate divergence: React drops the\n                     Hospital icon here and both React/Vue omit the flex wrapper that rows\n                     1/2/4 use — this keeps the row visually consistent with its siblings. -->\n                <tr ui-table-row>\n                  <td ui-table-cell class=\"align-top font-medium\">\n                    <div class=\"flex items-start gap-2.5\">\n                      <div\n                        class=\"border-destructive/20 bg-destructive/10 text-destructive mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md border\"\n                      >\n                        <lucide-icon [img]=\"Hospital\" class=\"size-4\" />\n                      </div>\n                      <div class=\"space-y-0.5\">\n                        <p class=\"text-foreground text-sm font-semibold\">Urgent Care & ER</p>\n                        <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                          Emergency department trauma evaluation, hospital triage, advanced imaging, and walk-in urgent\n                          clinics.\n                        </p>\n                      </div>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-1\">\n                      <span class=\"text-foreground text-sm font-bold tabular-nums\">100% after copay</span>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">$100 Urgent / $350 ER + 20%</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-0.5\">\n                      <span class=\"text-foreground text-sm font-medium tabular-nums\">Emergency: In-Network Rate</span>\n                      <p class=\"text-muted-foreground text-xs\">Prudent Layperson Standard (ACA)</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"text-success flex items-center gap-1.5 text-xs\">\n                      <lucide-icon [img]=\"CheckCircle2\" class=\"size-3.5 shrink-0\" />\n                      <span class=\"font-medium\">Exempt for Emergency</span>\n                    </div>\n                    <p class=\"text-muted-foreground mt-0.5 text-xs\">Notification requested within 48h</p>\n                  </td>\n                  <td ui-table-cell class=\"text-right align-top\">\n                    <div class=\"space-y-0.5\">\n                      <p class=\"text-foreground text-sm font-bold tabular-nums\">$100.00 / $350.00</p>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">ER copay waived if admitted</p>\n                    </div>\n                  </td>\n                </tr>\n\n                <!-- Row 4: Prescription Drug Tiers -->\n                <tr ui-table-row>\n                  <td ui-table-cell class=\"align-top font-medium\">\n                    <div class=\"flex items-start gap-2.5\">\n                      <div\n                        class=\"border-chart-1/20 bg-chart-1/10 text-chart-1 mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md border\"\n                      >\n                        <lucide-icon [img]=\"Pill\" class=\"size-4\" />\n                      </div>\n                      <div class=\"space-y-0.5\">\n                        <p class=\"text-foreground text-sm font-semibold\">Prescription Drug Tiers</p>\n                        <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                          Tier 1 Generic, Tier 2 Preferred Brand, Tier 3 Non-Preferred Brand, Tier 4 Specialty\n                          Biologics.\n                        </p>\n                      </div>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-1\">\n                      <span class=\"text-foreground text-sm font-bold tabular-nums\">Tier 1–3 Copay / T4 20%</span>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">T1: $10 · T2: $35 · T3: $70</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"space-y-0.5\">\n                      <span class=\"text-muted-foreground text-sm font-medium\">Not Covered</span>\n                      <p class=\"text-muted-foreground text-xs\">Participating retail & mail order only</p>\n                    </div>\n                  </td>\n                  <td ui-table-cell class=\"align-top\">\n                    <div class=\"text-warning flex items-center gap-1.5 text-xs\">\n                      <lucide-icon [img]=\"AlertCircle\" class=\"size-3.5 shrink-0\" />\n                      <span class=\"font-medium\">Step Therapy / PA</span>\n                    </div>\n                    <p class=\"text-muted-foreground mt-0.5 text-xs\">Mandatory PA for Tier 4 Specialty</p>\n                  </td>\n                  <td ui-table-cell class=\"text-right align-top\">\n                    <div class=\"space-y-0.5\">\n                      <p class=\"text-foreground text-sm font-bold tabular-nums\">$10.00 – $70.00</p>\n                      <p class=\"text-muted-foreground text-xs tabular-nums\">$3,500.00 Rx Annual OOP Max</p>\n                    </div>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n\n      <!-- Secondary Insurance / Coordination of Benefits (COB) Card -->\n      <div ui-card>\n        <div ui-card-header>\n          <div class=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n            <div class=\"space-y-1\">\n              <div class=\"flex items-center gap-2\">\n                <lucide-icon [img]=\"FileText\" class=\"text-primary size-4\" />\n                <h3 ui-card-title class=\"text-base sm:text-lg\">Secondary Insurance & Coordination of Benefits (COB)</h3>\n              </div>\n              <p ui-card-description class=\"text-xs sm:text-sm\">\n                Medicare secondary payor rules and automated electronic crossover claims coordination.\n              </p>\n            </div>\n            <span\n              ui-badge\n              wrap\n              variant=\"outline\"\n              class=\"border-success/30 bg-success/10 text-success w-fit text-xs font-medium\"\n            >\n              Automatic Crossover Active\n            </span>\n          </div>\n        </div>\n        <div ui-card-content class=\"space-y-4\">\n          <div class=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <!-- Secondary Payer -->\n            <div class=\"border-border/70 bg-muted/30 space-y-1 rounded-lg border p-3.5\">\n              <p class=\"text-muted-foreground text-xs font-medium\">Secondary Payer</p>\n              <p class=\"text-foreground text-sm font-semibold\">Medicare Part B (CMS)</p>\n              <p class=\"text-muted-foreground text-xs\">Medical Insurance</p>\n            </div>\n\n            <!-- Policy & HICN Number -->\n            <div class=\"border-border/70 bg-muted/30 space-y-1 rounded-lg border p-3.5\">\n              <p class=\"text-muted-foreground text-xs font-medium\">Secondary Policy / MBI</p>\n              <p class=\"text-foreground font-mono text-sm font-semibold tabular-nums\">#MED-9023411-B</p>\n              <p class=\"text-muted-foreground text-xs\">Coordination: Secondary Payor</p>\n            </div>\n\n            <!-- Part B Deductible -->\n            <div class=\"border-border/70 bg-muted/30 space-y-1 rounded-lg border p-3.5\">\n              <p class=\"text-muted-foreground text-xs font-medium\">Medicare Part B Deductible</p>\n              <p class=\"text-foreground text-sm font-semibold tabular-nums\">$240.00 / $240.00 met</p>\n              <p class=\"text-success text-xs font-medium\">100% Deductible Satisfied</p>\n            </div>\n\n            <!-- Secondary Benefit Coverage -->\n            <div class=\"border-border/70 bg-muted/30 space-y-1 rounded-lg border p-3.5\">\n              <p class=\"text-muted-foreground text-xs font-medium\">Secondary Cost Sharing</p>\n              <p class=\"text-foreground text-sm font-semibold\">20% Coinsurance Balance</p>\n              <p class=\"text-muted-foreground text-xs\">Covers patient gap liability</p>\n            </div>\n          </div>\n\n          <!-- Coordination of Benefits EDI Advice Banner -->\n          <div class=\"border-border/80 bg-muted/40 flex items-start gap-3 rounded-lg border p-3.5\">\n            <lucide-icon [img]=\"Info\" class=\"text-primary mt-0.5 size-4 shrink-0\" />\n            <div class=\"space-y-0.5 text-xs leading-relaxed\">\n              <p class=\"text-foreground font-semibold\">Automated 837P / EDI-271 Crossover Agreement (COBA)</p>\n              <p class=\"text-muted-foreground\">\n                Primary claims processed by BlueCross BlueShield automatically transmit to Medicare for secondary\n                adjudication. No manual paper secondary submission is required for eligible in-network clinical\n                encounters.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n})\nexport class UiInsuranceEligibilityCheckerComponent {\n  protected readonly Activity = Activity\n  protected readonly AlertCircle = AlertCircle\n  protected readonly Building2 = Building2\n  protected readonly CheckCircle2 = CheckCircle2\n  protected readonly CreditCard = CreditCard\n  protected readonly FileCheck = FileCheck\n  protected readonly FileText = FileText\n  protected readonly Hospital = Hospital\n  protected readonly Info = Info\n  protected readonly Pill = Pill\n  protected readonly RefreshCw = RefreshCw\n  protected readonly ShieldCheck = ShieldCheck\n  protected readonly Stethoscope = Stethoscope\n  protected readonly User = User\n\n  @Input('class') className?: string\n\n  readonly isVerifying = signal(false)\n  readonly lastVerifiedText = signal('Active Coverage · Verified Today at 09:15 AM')\n  private verifyTimer: ReturnType<typeof setTimeout> | undefined\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => clearTimeout(this.verifyTimer))\n  }\n\n  get rootClass(): string {\n    return cn('bg-background text-foreground w-full space-y-6', this.className)\n  }\n\n  handleReverify(): void {\n    if (this.isVerifying()) return\n    this.isVerifying.set(true)\n    this.verifyTimer = setTimeout(() => {\n      this.isVerifying.set(false)\n      const now = new Intl.DateTimeFormat('en-US', {\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n        hour12: true,\n      }).format(new Date())\n      this.lastVerifiedText.set(`Active Coverage · Verified Real-time at ${now}`)\n    }, 750)\n  }\n}\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/insurance-eligibility-checker/insurance-eligibility-checker.component.ts"
    },
    {
      "path": "packages/registry-angular/blocks/insurance-eligibility-checker/index.ts",
      "content": "export { UiInsuranceEligibilityCheckerComponent } from './insurance-eligibility-checker.component'\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/insurance-eligibility-checker/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/progress.json",
    "https://uipkge.dev/r/angular/separator.json",
    "https://uipkge.dev/r/angular/table.json"
  ],
  "description": "Real-time health insurance eligibility and benefits verification dashboard: patient member demographics, active payer status, individual deductible and out-of-pocket maximum progress trackers, primary care and specialist copay benefit cards, category-level coverage breakdown table with in/out-of-network rates, and Medicare secondary coordination of benefits.",
  "categories": [
    "healthcare",
    "app"
  ]
}