{"version":3,"file":"CnxgL_5M.js","sources":["../../../../components/quote/card/section/QuoteCardSectionCostsPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { EngineStore } from '~/stores/engine'\n  import { PlanType } from '~/generated/api-clients-generated'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n    id: string\n    hideHeader?: boolean\n  }>()\n\n  const engine = EngineStore.use()\n  const emptyState = computed(() => engine.isEmptyState)\n  const { flag } = FeatureFlags.use()\n  const { maybeDo } = ActionGuard.use()\n\n  const costEssentialsSidebar = computed(\n    () => flag<boolean>('quote-card-cost-essentials-sidebar').value\n  )\n\n  const estYearlyDrugCosts = computed(() => {\n    if (props.quote.details.year === 2025 && props.quote.drugCoverage.allCovered) {\n      return _clamp(props.quote.drugCost, 2000)\n    }\n    return props.quote.drugCost\n  })\n\n  const drugCosts = computed(() =>\n    _flatMap(props.quote.drugCoverage?.pharmacyCosts?.[0]?.monthlyCosts, (x) => x.details).reduce(\n      (acc, curr) => ({\n        ...acc,\n        [curr!.externalId!]: (acc[curr!.externalId!] ?? 0) + (curr!.memberCost ?? 0)\n      }),\n      {} as Record<string, number>\n    )\n  )\n\n  const isMapd = computed(() => props.quote.type === PlanType.MAPD)\n\n  const { getId } = Id.use(props.id)\n  const { show } = DialogController.use()\n</script>\n\n<template>\n  <section class=\"flex w-full flex-col\">\n    <header class=\"content-section-header bg-gray-200\" v-if=\"!hideHeader\">\n      <div>\n        <h2>Plan Preview</h2>\n      </div>\n      <QuoteCardCostEssentialsSidebar\n        :quote=\"quote\"\n        :empty-state=\"emptyState!\"\n        :id=\"getId(`cost-essentials-sidebar`)\"\n        v-if=\"isMapd && costEssentialsSidebar\"\n      />\n    </header>\n    <dl class=\"content-section-data\">\n      <div class=\"content-row\">\n        <dt>\n          <PxTooltip name=\"PlanPremiums\" text=\"Monthly Premium\" />\n        </dt>\n        <dl>\n          {{ $formatUSD(quote.details.premium) }}\n        </dl>\n      </div>\n      <div class=\"content-row\" v-if=\"quote.type === PlanType.MAPD\">\n        <dt>\n          <PxTooltip name=\"MaxOutOfPocket\" text=\"Max Out-of-Pocket\" />\n        </dt>\n        <dl>\n          {{ $formatUSD(quote.details.maxOutOfPocket) }}\n        </dl>\n      </div>\n      <div class=\"content-row\" v-if=\"quote.type === PlanType.PDP\">\n        <dt>\n          <PxTooltip name=\"DrugDeductible\" text=\"Drug Deductible\" />\n        </dt>\n        <dl>\n          {{ $formatUSD(quote.details.drugDeductible) }}\n        </dl>\n      </div>\n      <div class=\"content-row\">\n        <PxCollapsible\n          :id=\"getId('estimated-yearly-drug-costs')\"\n          class=\"preview-drugs\"\n          v-if=\"quote.drugCoverage.count > 0\"\n        >\n          <template #header=\"{ open }\">\n            <dt :class=\"['collapsible-tooltip', { 'open-tooltip': open }]\">\n              <PxTooltip name=\"EstimatedDrugCosts\" text=\"Estimated Yearly Drug Costs\" />\n            </dt>\n            <dl>\n              {{ $formatUSD(estYearlyDrugCosts) }}\n            </dl>\n          </template>\n          <ul class=\"mb-2 mt-4 flex w-full flex-col gap-y-2 border-l border-border px-2\">\n            <li\n              v-for=\"drug in quote.drugCoverage.coverageSummaries\"\n              :key=\"drug.ndc!\"\n              class=\"flex w-full flex-col items-start justify-between text-base xs:flex-row\"\n            >\n              <div>\n                {{ drug.drugName }}\n              </div>\n              <div class=\"w-1/3 text-nowrap text-right\">\n                {{ $formatUSD(drugCosts[drug.externalId!]) }} / year\n              </div>\n            </li>\n          </ul>\n          <HpAnchor\n            class=\"flex indent-2 text-base font-semibold underline-offset-2\"\n            @click.prevent=\"() => maybeDo(() => show('update-drugs-pharmacy-sidebar'))\"\n          >\n            <span>Edit Drugs</span>\n          </HpAnchor>\n        </PxCollapsible>\n        <template v-else>\n          <PxTooltip name=\"EstimatedDrugCosts\" text=\"Estimated Yearly Drug Costs\" />\n          <HpAnchor\n            class=\"flex items-center no-underline\"\n            @click.prevent=\"() => show('update-drugs-pharmacy-sidebar')\"\n          >\n            <HpIcon name=\"circle-plus\" />\n            <span class=\"font-semibold text-primary\">Add Drugs</span>\n          </HpAnchor>\n        </template>\n      </div>\n      <div class=\"content-row\" v-if=\"quote.type === PlanType.MAPD\">\n        <PxCollapsible\n          :id=\"getId('doctor-coverage')\"\n          class=\"preview-providers\"\n          v-if=\"quote.providerCoverage.count > 0\"\n        >\n          <template #header=\"{ open }\">\n            <dt :class=\"['collapsible-tooltip', { 'open-tooltip': open }]\">\n              <PxTooltip name=\"DoctorsInNetwork\" text=\"Doctors In-Network\" />\n            </dt>\n            <dl>\n              {{ quote.providerCoverage.inNetworkCount }} of\n              {{ quote.providerCoverage.count }} Covered\n            </dl>\n          </template>\n          <ul class=\"mb-2 mt-4 flex w-full flex-col gap-y-2 border-l border-border px-2\">\n            <li\n              v-for=\"dr in quote.providerCoverage.providers\"\n              :key=\"dr.npi!\"\n              class=\"flex w-full items-start justify-between text-base\"\n            >\n              <div>\n                {{ dr.name }}\n              </div>\n              <div class=\"flex w-1/2 items-center justify-end gap-x-1 text-nowrap sm:w-1/3\">\n                <HpIcon v-if=\"dr.inNetwork\" name=\"check\" class=\"scale-75 text-success\" />\n                <HpIcon v-else class=\"text-danger-dark\" name=\"no\" />\n                {{ dr.inNetwork ? 'In Network' : 'Out of Network' }}\n              </div>\n            </li>\n          </ul>\n          <div>\n            <HpAnchor\n              class=\"flex indent-2 text-base font-semibold underline-offset-2\"\n              @click.prevent=\"() => maybeDo(() => show('update-doctors-sidebar'))\"\n            >\n              <span>Edit Doctors</span>\n            </HpAnchor>\n          </div>\n        </PxCollapsible>\n        <template v-else>\n          <PxTooltip name=\"DoctorsInNetwork\" text=\"Doctors In-Network\" />\n          <HpAnchor\n            class=\"flex items-center no-underline\"\n            @click.prevent=\"() => show('update-doctors-sidebar')\"\n          >\n            <HpIcon name=\"circle-plus\" />\n            <span class=\"font-semibold text-primary\">Add Doctors</span>\n          </HpAnchor>\n        </template>\n      </div>\n    </dl>\n    <div class=\"flex w-full justify-center\">\n      <QuoteCardCostsSidebar\n        :id=\"getId(`cost-breakdown-sidebar`)\"\n        :quote=\"quote\"\n        :empty-state=\"emptyState!\"\n        version=\"CostsPreview\"\n      />\n    </div>\n  </section>\n</template>\n\n<style scoped>\n  .content-section-data {\n    @apply !pl-5 !pr-8;\n\n    .content-row {\n      dl {\n        @apply !text-2xl;\n      }\n    }\n  }\n\n  .collapsible-tooltip.open-tooltip {\n    :deep(.tooltip) {\n      @apply font-bold;\n    }\n  }\n</style>\n"],"names":["props","__props","engine","EngineStore","emptyState","computed","flag","FeatureFlags","maybeDo","ActionGuard","costEssentialsSidebar","estYearlyDrugCosts","_clamp","drugCosts","_flatMap","_c","_b","_a","x","acc","curr","isMapd","PlanType","getId","Id","show","DialogController"],"mappings":"80CAKE,MAAMA,EAAQC,EAMRC,EAASC,EAAY,IAAI,EACzBC,EAAaC,EAAS,IAAMH,EAAO,YAAY,EAC/C,CAAE,KAAAI,CAAA,EAASC,EAAa,IAAI,EAC5B,CAAE,QAAAC,CAAA,EAAYC,EAAY,IAAI,EAE9BC,EAAwBL,EAC5B,IAAMC,EAAc,oCAAoC,EAAE,KAC5D,EAEMK,EAAqBN,EAAS,IAC9BL,EAAM,MAAM,QAAQ,OAAS,MAAQA,EAAM,MAAM,aAAa,WACzDY,EAAOZ,EAAM,MAAM,SAAU,GAAI,EAEnCA,EAAM,MAAM,QACpB,EAEKa,EAAYR,EAAS,IAAA,WACzBS,OAAAA,GAASC,GAAAC,GAAAC,EAAAjB,EAAM,MAAM,eAAZ,YAAAiB,EAA0B,gBAA1B,YAAAD,EAA0C,KAA1C,YAAAD,EAA8C,aAAeG,GAAMA,EAAE,OAAO,EAAE,OACrF,CAACC,EAAKC,KAAU,CACd,GAAGD,EACH,CAACC,EAAM,UAAW,GAAID,EAAIC,EAAM,UAAW,GAAK,IAAMA,EAAM,YAAc,EAAA,GAE5E,CAAA,CAAC,EAEL,EAEMC,EAAShB,EAAS,IAAML,EAAM,MAAM,OAASsB,EAAS,IAAI,EAE1D,CAAE,MAAAC,CAAM,EAAIC,EAAG,IAAIxB,EAAM,EAAE,EAC3B,CAAE,KAAAyB,CAAA,EAASC,EAAiB,IAAI"}