{"version":3,"file":"DtMWHGvo.js","sources":["../../../../components/quote/QuoteCardCostEssentialsSidebar.vue","../../../../components/quote/QuoteCardCostsSidebar.vue","../../../../components/quote/card/section/QuoteCardSectionActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { RxStore } from '~/stores/rx'\n  import { PlanBenefitCostType } from '~/generated/api-clients-generated'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n    emptyState: boolean\n    id: string\n  }>()\n\n  const { getComponentContent } = Cms.use()\n  const rx = RxStore.use()\n  const { maybeDo } = ActionGuard.use()\n  const { show } = DialogController.use()\n\n  const { content } = await getComponentContent('QuoteCardCostEssentialsSidebar')\n\n  const { track } = Analytics.use()\n\n  const onSidebarShown = () => {\n    track('CostEssentialsSidebarShown', {\n      planId: props.quote.medicareId\n    })\n  }\n\n  const costs = computed(() => [\n    {\n      id: 'monthlyPremium',\n      tooltip: 'PlanPremiums',\n      label: 'Monthly Premium',\n      value: props.quote.details.premium\n    },\n    {\n      id: 'maxOop',\n      tooltip: 'MaxOutOfPocket',\n      label: 'Max out-of-pocket',\n      value: props.quote.details.maxOutOfPocket\n    },\n    {\n      id: 'yearlyDeductible',\n      tooltip: 'MedicalDeductible',\n      label: 'Yearly Deductible',\n      value: props.quote.details.combinedDeductible\n    },\n    {\n      id: 'primaryCareCopay',\n      tooltip: 'PrimaryCareVisit',\n      label: 'Primary Care visit copay',\n      value: props.quote.details.providerBenefits?.doctorCopay?.amount,\n      type: props.quote.details.providerBenefits?.doctorCopay?.amountType\n    },\n    {\n      id: 'specialistCopay',\n      tooltip: 'SpecialistVisit',\n      label: 'Specialist visit copay',\n      value: props.quote.details.providerBenefits?.specialistCopay?.amount,\n      type: props.quote.details.providerBenefits?.specialistCopay?.amountType\n    },\n    {\n      id: 'estimatedYearlyDrugCosts',\n      tooltip: 'EstimatedDrugCosts',\n      label: 'Estimated yearly drug costs',\n      value: props.quote.drugCost\n    },\n    {\n      id: 'expectedAllInCosts',\n      tooltip: 'OutOfPocketMedicalCosts',\n      label: 'Estimated Out-of-Pocket Costs',\n      value: props.quote.recommendation.medicalCost\n    }\n  ])\n</script>\n\n<template>\n  <HpAnchor class=\"action-link\" v-dialog-target:[id] @click.prevent>See more</HpAnchor>\n  <HpSidebar :title=\"content.ext.title\" :icon=\"content.ext.icon\" :id=\"id\" @show=\"onSidebarShown\">\n    <aside>\n      <section class=\"flex w-full flex-col py-4\">\n        <dl class=\"flex flex-col divide-y divide-border-light border-t border-border-light\">\n          <div\n            class=\"flex w-full items-center divide-x divide-border-light\"\n            v-for=\"cost in costs.filter((x) => !_isNil(x.value))\"\n          >\n            <dt class=\"w-[60%] px-2 py-2\">\n              <PxTooltip :text=\"cost.label\" :name=\"cost.tooltip\" class=\"text-primary-900\" />\n            </dt>\n            <dl class=\"w-[40%] p-4 text-right text-2xl font-bold text-primary-900\">\n              <template v-if=\"rx.rxs.length < 1 && cost.id === 'estimatedYearlyDrugCosts'\">\n                <HpAnchor\n                  class=\"flex !items-center no-underline\"\n                  @click.prevent=\"() => maybeDo(() => show('update-drugs-sidebar'))\"\n                  :event-data=\"\n                    () => ({\n                      openedFrom: 'CostEssentialsSidebar'\n                    })\n                  \"\n                >\n                  <HpIcon name=\"add\" class=\"scale-[75%]\" />\n                  <span>Add Drugs</span>\n                </HpAnchor>\n              </template>\n              <template v-else-if=\"emptyState && cost.id === 'expectedAllInCosts'\">\n                <HpAnchor\n                  class=\"flex !items-center no-underline\"\n                  @click.prevent=\"() => maybeDo(show('update-insurance-sidebar'))\"\n                  :event-data=\"\n                    () => ({\n                      openedFrom: 'CostEssentialsSidebar'\n                    })\n                  \"\n                >\n                  <HpIcon name=\"add\" class=\"scale-[75%]\" />\n                  <span>Add Details</span>\n                </HpAnchor>\n              </template>\n              <template v-else-if=\"!!cost.type\">{{\n                formatBenefit({ amount: cost.value, amountType: cost.type })\n              }}</template>\n              <template v-else>{{ _isNil(cost.value) ? 'N/A' : $formatUSD(cost.value) }}</template>\n            </dl>\n          </div>\n        </dl>\n      </section>\n    </aside>\n  </HpSidebar>\n</template>\n\n<style scoped></style>\n","<template>\n  <HpAnchor class=\"text-center font-semibold no-underline\" @click.prevent=\"show(id)\">\n    <HpIcon class=\"-mt-1 mr-2 inline\" :name=\"content.ext.icon\" />\n    <span>{{ content.ext.launcher_button_text }}</span>\n  </HpAnchor>\n  <HpSidebar :id=\"id\" :title=\"content.ext.title\" icon=\"piggy-bank\">\n    <aside>\n      <section class=\"mb-4 flex w-full flex-col\">\n        <dl class=\"mb-2 flex flex-col border-t border-border-light px-2\">\n          <div\n            :class=\"[\n              'flex',\n              'items-center',\n              'w-full',\n              { 'border-b border-border-light': idx !== displayedCosts.length - 1 }\n            ]\"\n            v-for=\"(cost, idx) in displayedCosts\"\n          >\n            <dt class=\"flex w-[62%] flex-col border-r border-border-light py-4\">\n              <PxTooltip class=\"text-primary-900\" :name=\"cost.tooltip\" :text=\"cost.title\" />\n              <span class=\"text-base text-gray-800\">{{ cost.subtitle }}</span>\n            </dt>\n            <dd class=\"ml-auto text-2xl font-bold text-primary-900\">\n              <template v-if=\"rx.rxs.length < 1 && cost.key === 'drug_costs'\">\n                <HpAnchor\n                  class=\"flex no-underline\"\n                  @click.prevent=\"() => maybeDo(() => show('update-drugs-sidebar'))\"\n                >\n                  <HpIcon name=\"add\" class=\"scale-[75%]\" />\n                  <span>Add Drugs</span>\n                </HpAnchor>\n              </template>\n              <template v-else-if=\"emptyState && cost.key === 'oop'\">\n                <HpAnchor class=\"flex no-underline\" @click.prevent=\"() => maybeDo(() => show('update-insurance-sidebar'))\">\n                  <HpIcon name=\"add\" class=\"scale-[75%]\" />\n                  <span>Add Details</span>\n                </HpAnchor>\n              </template>\n              <template v-else>{{ $formatUSD(cost.value) }}</template>\n            </dd>\n          </div>\n        </dl>\n        <div class=\"flex w-full justify-between rounded-xl bg-primary-100 px-2 py-2\">\n          <div class=\"w-[60%] text-2xl font-bold text-primary-900\">Total</div>\n          <div class=\"ml-auto text-2xl font-bold text-primary-900\">\n            {{ $formatUSD(quote.getYearlyEstCost(!!emptyState ? configuredCosts.filter(cost => cost !== 'oop') : configuredCosts)) }}\n          </div>\n        </div>\n      </section>\n      <section class=\"py-8\">\n        <HpButton\n          variant=\"none\"\n          class=\"py-3 font-semibold shadow-card\"\n          @click.prevent=\"() => maybeDo(() => show(`${props.id}-current-plan-compare-sidebar}`))\"\n          ><span class=\"flex items-center gap-2 px-3\"\n            ><HpIcon name=\"arrows-left-right-offset\" class=\"text-primary\" /><span\n              >Compare this plan against my current plan</span\n            ></span\n          ></HpButton\n        >\n      </section>\n      <footer class=\"flex flex-col space-y-4\" v-if=\"quote.type === PlanType.MAPD\">\n        <p class=\"text-base\"><sup>1</sup> {{ content.ext.part_b_premiums_footnote }}</p>\n        <p class=\"text-base\"><sup>2</sup> {{ content.ext.out_of_pocket_footnote }}</p>\n      </footer>\n    </aside>\n  </HpSidebar>\n  <HpSidebar :id=\"`${id}-current-plan-compare-sidebar}`\">\n    <div class=\"mt-8\">\n      <CurrentPlanStateMachine\n        config=\"sidebar\"\n        :original-quote=\"quote\"\n        :id=\"`${id}-current-plan-compare-sidebar}`\"\n      />\n    </div>\n\n    <template #footer>\n      <!--      buttons get teleported here from the state machine components-->\n      <div></div>\n    </template>\n  </HpSidebar>\n</template>\n\n<script lang=\"ts\" setup>\n  import { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { RxStore } from '~/stores/rx'\n  import CurrentPlanStateMachine from '~/components/currentPlan/CurrentPlanStateMachine.vue'\n  import { PlanType } from '~/generated/api-clients-generated'\n\n  const props = defineProps<{\n    quote: QuotedPlanVm\n    emptyState: boolean\n    id: string,\n    version?: string | null | undefined\n  }>()\n\n  const { getComponentContent } = Cms.use()\n  const { flag } = FeatureFlags.use()\n\n  const { $formatUSD } = useNuxtApp()\n\n  const { content } = await getComponentContent('QuoteCardCostsSidebar', props.version ?? null)\n\n  const configuredCosts = computed(() => flag<string[]>('quote-cost-elements').value)\n\n  const rx = RxStore.use()\n\n  const { maybeDo } = ActionGuard.use()\n  const { show, hide } = DialogController.use()\n\n  const costs = computed(() => [\n    {\n      key: 'plan_premiums',\n      title: 'Plan Premiums',\n      subtitle: `${$formatUSD(props.quote.details.premium)} x 12`,\n      value: props.quote.details.premium * 12,\n      tooltip: 'PlanPremiums',\n      planTypes: [PlanType.MAPD, PlanType.PDP]\n    },\n    {\n      key: 'drug_costs',\n      title: 'Drug Costs',\n      subtitle: `Based on your drug list`,\n      value: props.quote.drugCost,\n      tooltip: 'EstimatedDrugCosts',\n      planTypes: [PlanType.MAPD, PlanType.PDP]\n    },\n    {\n      key: 'part_b_premium',\n      title: `Standard Part B Premiums <sup>1</sup>`,\n      subtitle: `${$formatUSD(props.quote.recommendation.partBPremium)} x 12`,\n      value: props.quote.recommendation.exists\n        ? props.quote.recommendation.partBPremium * 12\n        : null,\n      tooltip: 'PartBPremiums',\n      planTypes: [PlanType.MAPD]\n    },\n    {\n      key: 'part_b_reduction',\n      title: 'Part B Premium Reduction',\n      subtitle: `${props.quote.recommendation.partBReduction > 0 ? '-' : ''}${$formatUSD(\n        props.quote.recommendation.partBReduction\n      )} x 12`,\n      value: props.quote.recommendation.exists\n        ? props.quote.recommendation.partBReduction === 0\n          ? props.quote.recommendation.partBReduction\n          : -(props.quote.recommendation.partBReduction * 12)\n        : null,\n      tooltip: 'PartBPremiumReduction',\n      planTypes: [PlanType.MAPD]\n    },\n    {\n      key: 'oop',\n      title: `Estimated Out-of-Pocket Costs <sup>2</sup>`,\n      subtitle: `Based on your healthcare usage`,\n      value: props.quote.recommendation.medicalCost,\n      tooltip: 'OutOfPocketMedicalCosts',\n      planTypes: [PlanType.MAPD]\n    }\n  ])\n\n  const displayedCosts = computed(() =>\n    costs.value.filter(\n      (c) =>\n        c.planTypes.includes(props.quote.type) &&\n        configuredCosts.value.includes(c.key) &&\n        !_isNil(c.value)\n    )\n  )\n</script>\n\n<style scoped></style>\n","<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 v-if=\"aepException\" class=\"flex w-full justify-center rounded-heading\">\n    {{ aepNoticeText }}\n  </div>\n  <div class=\"quote-actions\" v-else>\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    <HpAnchor class=\"font-semibold\" @click.prevent=\"push(`/details/${quote.medicareId}`)\"\n      >See Plan Details\n    </HpAnchor>\n  </div>\n</template>\n\n<style scoped>\n  .quote-actions {\n    @apply flex flex-col items-center space-y-4;\n  }\n</style>\n"],"names":["props","__props","getComponentContent","Cms","rx","RxStore","maybeDo","ActionGuard","show","DialogController","content","__temp","__restore","_withAsyncContext","track","Analytics","onSidebarShown","costs","computed","_b","_a","_d","_c","_f","_e","_h","_g","flag","FeatureFlags","$formatUSD","useNuxtApp","configuredCosts","PlanType","displayedCosts","c","_isNil","getQuoteCardEventProps","QuoteAnalytics","push","AppRouter","aepException","aepNoticeText","CarrierAepExceptions"],"mappings":"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"}