{"version":3,"file":"8FXONM75.js","sources":["../../../../components/quote/card/section/QuoteCardSectionActionsButtons.vue","../../../../components/quote/card/section/QuoteCardSectionPlanFitCallout.vue","../../../../components/quote/card/section/QuoteCardSectionOtherCostsAndBenefits.vue","../../../../components/quote/card/variants/ShowMeThePlanFit.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n  }>()\n\n  const { getQuoteCardEventProps } = QuoteAnalytics.use()\n  const { push } = AppRouter.use()\n\n  const { aepException, aepNoticeText } = await CarrierAepExceptions.use(\n    props.quote.details.carrierKey!,\n    props.quote.details.carrierName!\n  )\n</script>\n\n<template>\n  <div\n    v-if=\"aepException\"\n    class=\"flex w-full cursor-default justify-center rounded-heading bg-[#D9DCDD] px-4 py-2 text-xl font-semibold text-primary-900\"\n  >\n    {{ aepNoticeText }}\n  </div>\n  <div class=\"quote-actions\" v-else>\n    <HpButton variant=\"secondary\" @click.prevent=\"push(`/details/${quote.medicareId}`)\"\n      >See Plan Details\n    </HpButton>\n    <PxApplyButton\n      :medicare-id=\"quote.medicareId\"\n      :plan-type=\"quote.type\"\n      :plan-year=\"quote.details.year!\"\n      :event-data=\"getQuoteCardEventProps('apply', quote)\"\n    />\n  </div>\n</template>\n\n<style scoped>\n  .quote-actions {\n    @apply flex flex-col items-center gap-x-2 gap-y-2 sm:flex-row sm:justify-between;\n  }\n</style>\n","<script setup lang=\"ts\">\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { PlanType, SnpType } from '~/generated/api-clients-generated'\n\n  const props = defineProps<{\n    id: string\n    quote: QuotedPlanVm\n  }>()\n\n  const { getId } = Id.use(props.id)\n\n  const { getComponentContent } = Cms.use()\n\n  const { maybeDo } = ActionGuard.use()\n\n  const { content } = await getComponentContent('QuoteCardSectionPlanScoreCallout')\n\n  const { show } = DialogController.use()\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 { getRange } = ExpectedCostsRange.use()\n\n  const isDsnp = computed(() => props.quote.snpType === SnpType.DualEligible)\n\n  const costRange = computed(() =>\n    props.quote.type === PlanType.MAPD ? getRange(props.quote) : []\n  )\n</script>\n\n<template>\n  <section\n    class=\"plan-fit-callout-container flex flex-col items-center justify-center rounded-3xl bg-sky-100 py-3\"\n  >\n    <div class=\"flex items-center gap-x-2\" v-if=\"quote.type === PlanType.MAPD\">\n      <HpIcon name=\"healthpilot-icon-simple\" class=\"mb-2 scale-125\" />\n      <h2 class=\"mb-1 text-xl font-semibold\">\n        {{ content.ext.title }}\n      </h2>\n    </div>\n    <HpAnchor\n      v-if=\"quote.type === PlanType.MAPD\"\n      class=\"cursor-pointer text-primary-900 no-underline\"\n      @click.prevent=\"show(getId(`score-calc-sidebar`))\"\n    >\n      <QuotePlanScoreV2\n        :score=\"quote.score\"\n        band-thickness=\"thin\"\n        size=\"large\"\n        class=\"mb-2\"\n        @click=\"show(getId(`score-calc-sidebar`))\"\n      />\n      <QuoteCardScoreSidebar :id=\"getId(`score-calc-sidebar`)\" :quote=\"quote\" />\n    </HpAnchor>\n    <dl class=\"flex w-full max-w-md flex-col gap-y-4 px-3\">\n      <div class=\"flex w-full flex-col\">\n        <div class=\"flex w-full flex-col justify-between sm:flex-row\">\n          <dt class=\"font-bold\">\n            <PxTooltip name=\"DrugCostPlusPremiumCost\" text=\"Yearly Premium + Drug Costs\" />\n          </dt>\n          <dd class=\"text-xl font-bold\">\n            {{ formatUsd(estYearlyDrugCosts + quote.recommendation.annualPremium) }}\n          </dd>\n        </div>\n        <div class=\"flex w-full flex-col justify-between sm:flex-row sm:indent-3\">\n          <dt class=\"text-base\">\n            Plan Premium ({{ formatUsd(quote.recommendation.premium) }} x 12 months)\n          </dt>\n          <dd>{{ formatUsd(quote.recommendation.annualPremium) }}</dd>\n        </div>\n        <div class=\"flex w-full flex-col justify-between sm:flex-row sm:indent-3\">\n          <dt class=\"flex flex-col\">\n            <div class=\"text-base\">Yearly Drug Costs (estimated)</div>\n            <HpAnchor\n              class=\"hidden text-base font-semibold underline-offset-2 sm:block\"\n              v-if=\"quote.drugCoverage.count > 0\"\n              @click.prevent=\"show(getId('drug-monthly-breakdown-sidebar'))\"\n              >See Breakdown</HpAnchor\n            >\n          </dt>\n          <dd v-if=\"quote.drugCoverage.count > 0\" class=\"flex flex-col\">\n            {{ formatUsd(estYearlyDrugCosts) }}\n            <HpAnchor\n              class=\"text-base font-semibold underline-offset-2 sm:hidden\"\n              v-if=\"quote.drugCoverage.count > 0\"\n              @click.prevent=\"show(getId('drug-monthly-breakdown-sidebar'))\"\n              >See Breakdown</HpAnchor\n            >\n          </dd>\n          <dd v-else>\n            <HpAnchor\n              class=\"flex gap-x-0 indent-0 text-base font-semibold underline-offset-2\"\n              @click.prevent=\"() => maybeDo(() => show('update-drugs-pharmacy-sidebar'))\"\n            >\n              <HpIcon name=\"add\" class=\"scale-[75%]\" />\n              <span>Add Drugs</span>\n            </HpAnchor>\n          </dd>\n        </div>\n        <div class=\"sm:indent-3\" v-if=\"quote.drugCoverage.count > 0\">\n          <HpAnchor\n            class=\"flex gap-x-0 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        </div>\n      </div>\n      <div\n        class=\"flex w-full flex-col justify-between sm:flex-row\"\n        v-if=\"quote.type === PlanType.MAPD\"\n      >\n        <dt class=\"flex flex-col\">\n          <span class=\"font-bold leading-snug\">Projected Health Costs</span>\n          <HpAnchor\n            @click.prevent=\"show(getId('cost-range-sidebar'))\"\n            class=\"hidden text-base font-semibold underline-offset-2 sm:block\"\n            v-if=\"!isDsnp\"\n          >\n            Learn More\n          </HpAnchor>\n        </dt>\n        <dd class=\"flex flex-col text-xl\">\n          <template v-if=\"!isDsnp\"\n            >{{ formatUsd(costRange[0]) }}-{{ formatUsd(costRange[1]) }}</template\n          >\n          <template v-else>\n            <HpAnchor\n              @click.prevent=\"show(getId('cost-range-sidebar'))\"\n              class=\"text-base font-semibold underline-offset-2\"\n            >\n              Learn More\n            </HpAnchor>\n          </template>\n          <HpAnchor\n            @click.prevent=\"show(getId('cost-range-sidebar'))\"\n            class=\"text-base font-semibold underline-offset-2 sm:hidden\"\n            v-if=\"!isDsnp\"\n          >\n            Learn More\n          </HpAnchor>\n        </dd>\n      </div>\n      <div\n        class=\"flex w-full flex-col justify-between sm:flex-row\"\n        v-if=\"quote.type === PlanType.MAPD\"\n      >\n        <PxCollapsible\n          :id=\"getId('doctor-coverage')\"\n          class=\"preview-providers\"\n          v-if=\"quote.providerCoverage.count > 0\"\n        >\n          <template #header>\n            <dt class=\"providers-header\">\n              <PxTooltip name=\"DoctorsInNetwork\" text=\"Doctors In-Network\" />\n            </dt>\n            <dl class=\"font-bold\">\n              {{ quote.providerCoverage.inNetworkCount }} of\n              {{ quote.providerCoverage.count }} Covered\n            </dl>\n          </template>\n          <ul class=\"flex w-full flex-col gap-y-2 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          <HpAnchor\n            class=\"flex items-center text-base underline-offset-2 sm:indent-2\"\n            @click.prevent=\"() => show('update-doctors-sidebar')\"\n          >\n            <span class=\"font-semibold text-primary\">Edit Doctors</span>\n          </HpAnchor>\n        </PxCollapsible>\n        <template v-else>\n          <div class=\"providers-header\">\n            <PxTooltip name=\"DoctorsInNetwork\" text=\"Doctors In-Network\" />\n          </div>\n          <HpAnchor\n            class=\"flex items-center text-base underline-offset-2\"\n            @click.prevent=\"() => show('update-doctors-sidebar')\"\n          >\n            <HpIcon name=\"add\" class=\"scale-75\" />\n            <span class=\"font-semibold text-primary\">Add Doctors</span>\n          </HpAnchor>\n        </template>\n      </div>\n      <div\n        v-if=\"quote.type === PlanType.PDP\"\n        class=\"flex flex-col items-start justify-between sm:flex-row sm:items-center\"\n      >\n        <dt class=\"font-bold\">\n          <PxTooltip name=\"DrugDeductible\" />\n        </dt>\n        <dd class=\"text-xl font-bold\">\n          {{ formatUsd(quote.details.drugDeductible) }}\n        </dd>\n      </div>\n    </dl>\n  </section>\n  <DetailsDrugMonthlyBreakdownSidebar\n    :id=\"getId('drug-monthly-breakdown-sidebar')\"\n    :quote=\"quote\"\n  />\n  <QuoteCostRangeSidebar\n    :min=\"costRange[0]\"\n    :max=\"costRange[1]\"\n    :id=\"getId('cost-range-sidebar')\"\n    :is-dsnp=\"isDsnp\"\n  />\n</template>\n\n<style scoped>\n  :deep(.score-value.large) {\n    @apply text-5xl;\n  }\n\n  .providers-header :deep(.tooltip) {\n    @apply font-bold;\n  }\n\n  /*\n    Container queries would be a good way to position the collapsible toggle absolutely if\n    the containing element is wide enough to support that. But right now they appear to break\n    our tooltip positioning, so this attempt is commented out. \n  */\n\n  /* .plan-fit-callout-container {\n    container-type: inline-size;\n    container-name: fit-callout;\n  }*/\n\n  .preview-providers :deep(.collapsible-toggle) {\n    @apply !relative !right-0 sm:!absolute sm:!-right-7;\n\n    @media (min-width: 1024px) and (max-width: 1151px) {\n      @apply !relative !right-0;\n    }\n\n    /*@container fit-callout (width > 30rem) {\n      @apply !absolute !-right-7;\n    }*/\n  }\n\n  .preview-providers :deep(.collapsible-title) {\n    @apply sm:!flex-row;\n  }\n</style>\n","<script setup lang=\"ts\">\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { EngineStore } from '~/stores/engine'\n  import {\n    type BenefitAmount,\n    PlanBenefitCostType,\n    PlanType\n  } from '~/generated/api-clients-generated'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n    id: string\n  }>()\n\n  const isMapd = computed(() => props.quote.type === PlanType.MAPD)\n\n  const { getId } = Id.use(props.id)\n\n  const { track } = Analytics.use()\n\n  const onToggle = (open) => {\n    track('OtherCostsAndBenefitsToggled', {\n      action: open ? 'opened' : 'closed'\n    })\n  }\n</script>\n\n<template>\n  <section class=\"other-costs-and-benefits flex w-full\">\n    <PxCollapsible :id=\"getId('collapsible')\" :on-toggle class=\"other-costs-collapsible\">\n      <template #header=\"{ open }\">\n        <div class=\"flex w-full items-center justify-between\">\n          <h2 class=\"text-xl\">Other Costs & Benefits</h2>\n          <span class=\"hidden cursor-pointer font-semibold text-primary sm:block\">{{\n            open ? 'See Less' : 'See More'\n          }}</span>\n        </div>\n      </template>\n      <dl class=\"content-section-data\">\n        <div\n          class=\"flex w-full justify-between\"\n          v-for=\"[label, value, tooltip] in [\n          ['PCP Copay', quote.details.providerBenefits?.doctorCopay, 'DoctorVisits'],\n          ['Specialist Copay', quote.details.providerBenefits?.specialistCopay, 'SpecialistVisit'],\n          ['Max Out-of-Pocket', { amount: quote.details.maxOutOfPocket, amountType: PlanBenefitCostType.Copay}, 'MaxOutOfPocket'],\n          ['Yearly Medical Deductible', { amount: quote.details.medicalDeductible, amountType: PlanBenefitCostType.Copay}, 'MedicalDeductible'],\n        ] as [string, BenefitAmount, string][]\"\n        >\n          <dt>\n            <PxTooltip :name=\"tooltip\" :text=\"label\" />\n          </dt>\n          <dd class=\"text-2xl font-bold\">\n            {{\n              value.amountType === PlanBenefitCostType.Copay\n                ? formatUsd(value.amount)\n                : formatUsd(value.amount)\n            }}\n          </dd>\n        </div>\n      </dl>\n    </PxCollapsible>\n  </section>\n</template>\n\n<style scoped>\n  .other-costs-and-benefits :deep(.collapsible-header) {\n    @apply rounded-heading bg-gray-200 p-2.5;\n  }\n\n  .other-costs-and-benefits :deep(.collapsible-toggle) {\n    @apply !relative !inset-0;\n  }\n\n  .content-section-data {\n    @apply !pl-5 !pr-8;\n\n    .content-row {\n      dd {\n        @apply !text-2xl;\n      }\n    }\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import type { PlanBannerConfig } from '~/composables/PlanBanners'\n  import QuoteCardHeader from '~/components/quote/card/QuoteCardHeader.vue'\n  import QuoteCardFooter from '~/components/quote/card/QuoteCardFooter.vue'\n  import QuoteCardSectionPlanFitCallout from '~/components/quote/card/section/QuoteCardSectionPlanFitCallout.vue'\n  import QuoteCardSectionOtherCostsAndBenefits from '~/components/quote/card/section/QuoteCardSectionOtherCostsAndBenefits.vue'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n    id?: string\n    banner?: Partial<PlanBannerConfig & { text: string }> | null | undefined\n  }>()\n\n  const { getId } = Id.use(props.id ?? props.quote.medicareId)\n</script>\n\n<template>\n  <QuoteCardBase :id=\"getId()\" :quote=\"quote\" class=\"highlighting-plan-fit\">\n    <template #header>\n      <QuoteCardHeaderCentered :quote=\"quote\" :banner=\"banner\" :id=\"getId('header')\" />\n    </template>\n    <template #default=\"{ showPlanTags, isMapd }\">\n      <QuoteCardSectionPlanFitCallout :id=\"getId('plan-score-callout')\" :quote=\"quote\" />\n      <QuoteCardSectionPlanTagsBoxed\n        :quote=\"quote\"\n        :id=\"getId(`plan-tags-section`)\"\n        v-if=\"showPlanTags\"\n      />\n      <QuoteCardSectionBenefitButtons\n        :quote=\"quote\"\n        v-if=\"isMapd\"\n        :id=\"getId('benefitButtons')\"\n        hide-header\n      />\n      <QuoteCardSectionOtherCostsAndBenefits\n        :quote=\"quote\"\n        v-if=\"isMapd\"\n        :id=\"getId('other-costs-and-benefits-section')\"\n      />\n      <QuoteCardSectionActionsButtons :quote=\"quote\" />\n    </template>\n    <template #footer>\n      <QuoteCardFooter :quote=\"quote\" />\n    </template>\n  </QuoteCardBase>\n</template>\n\n<style></style>\n"],"names":["props","__props","getQuoteCardEventProps","QuoteAnalytics","push","AppRouter","aepException","aepNoticeText","__temp","__restore","_withAsyncContext","CarrierAepExceptions","getId","Id","getComponentContent","Cms","maybeDo","ActionGuard","content","show","DialogController","estYearlyDrugCosts","computed","_clamp","getRange","ExpectedCostsRange","isDsnp","SnpType","costRange","PlanType","track","Analytics","onToggle","open"],"mappings":"8nDAGE,MAAMA,EAAQC,EAIR,CAAE,uBAAAC,CAAA,EAA2BC,EAAe,IAAI,EAChD,CAAE,KAAAC,CAAA,EAASC,EAAU,IAAI,EAEzB,CAAE,aAAAC,EAAc,cAAAC,CAAA,GAAwB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,GAAqB,IACjEX,EAAM,MAAM,QAAQ,WACpBA,EAAM,MAAM,QAAQ,WACtB,CAAA,myDCTA,MAAMA,EAAQC,EAKR,CAAE,MAAAW,CAAM,EAAIC,EAAG,IAAIb,EAAM,EAAE,EAE3B,CAAE,oBAAAc,CAAA,EAAwBC,GAAI,IAAI,EAElC,CAAE,QAAAC,CAAA,EAAYC,EAAY,IAAI,EAE9B,CAAE,QAAAC,CAAQ,GAAU,CAAAV,EAAAC,CAAA,EAAAC,EAAA,IAAAI,EAAoB,kCAAkC,CAAA,mBAE1E,CAAE,KAAAK,CAAA,EAASC,GAAiB,IAAI,EAEhCC,EAAqBC,EAAS,IAC9BtB,EAAM,MAAM,QAAQ,OAAS,MAAQA,EAAM,MAAM,aAAa,WACzDuB,GAAOvB,EAAM,MAAM,SAAU,GAAI,EAEnCA,EAAM,MAAM,QACpB,EAEK,CAAE,SAAAwB,CAAA,EAAaC,GAAmB,IAAI,EAEtCC,EAASJ,EAAS,IAAMtB,EAAM,MAAM,UAAY2B,GAAQ,YAAY,EAEpEC,EAAYN,EAAS,IACzBtB,EAAM,MAAM,OAAS6B,EAAS,KAAOL,EAASxB,EAAM,KAAK,EAAI,CAAA,CAC/D,66KCvBA,MAAMA,EAAQC,EAKCqB,EAAS,IAAMtB,EAAM,MAAM,OAAS6B,EAAS,IAAI,EAEhE,KAAM,CAAE,MAAAjB,CAAM,EAAIC,EAAG,IAAIb,EAAM,EAAE,EAE3B,CAAE,MAAA8B,CAAA,EAAUC,GAAU,IAAI,EAE1BC,EAAYC,GAAS,CACzBH,EAAM,+BAAgC,CACpC,OAAQG,EAAO,SAAW,QAAA,CAC3B,CACH,ymCChBA,MAAMjC,EAAQC,EAMR,CAAE,MAAAW,GAAUC,EAAG,IAAIb,EAAM,IAAMA,EAAM,MAAM,UAAU"}