{"version":3,"file":"D_Dfylhb.js","sources":["../../../../composables/PlanBanners.ts","../../../../components/quote/QuoteCardBenefitDetailsSidebar.vue","../../../../components/quote/card/QuoteCardBase.vue","../../../../components/px/PxComparePlanControl.vue","../../../../components/quote/card/QuoteCardFooter.vue"],"sourcesContent":["import { EngineStore } from '~/stores/engine'\nimport { PlanType } from '~/generated/api-clients-generated'\nimport type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n\nexport interface PlanBannerConfig {\n  color?: string | null | undefined\n  icon?: string | null | undefined\n  priority?: number | null | undefined\n}\n\nexport class PlanBanners {\n  static async use(medicareId: string) {\n    const { getComponentContent } = Cms.use()\n    const { content } = await getComponentContent('PlanBanners', '2')\n\n    const { flag } = FeatureFlags.use()\n    const { hydratePlaceholders } = Cms.use()\n\n    const config = computed(\n      () => flag<Record<string, PlanBannerConfig>>('plan-banner-config').value\n    )\n\n    const engine = EngineStore.use()\n\n    const quote = computed(() => engine.quotesCatalog[medicareId])\n\n    const currentKey = computed(() => {\n      let key = ''\n      if (engine.isEmptyState) key += 'empty_'\n      if (quote.value.type === PlanType.MAPD) key += 'mapd_'\n      else if (quote.value.type === PlanType.PDP) key += 'pdp_'\n\n      return key\n    })\n\n    const availableBanners = computed(() => Object.keys(content.value.ext)\n      .filter(k => k.startsWith(currentKey.value))\n      .map(k => {\n        const configKey = Object.keys(config.value).find(x => k.endsWith(x))\n        const bannerConf = config.value?.[configKey ?? 'none']\n\n        return {\n          key: k,\n          attribute: _camelCase(k.replace(currentKey.value, '')),\n          color: bannerConf?.color,\n          icon: bannerConf?.icon,\n          priority: +(bannerConf?.priority ?? 0),\n          text: hydratePlaceholders(content.value.ext?.[k], {\n            carrierName: quote.value.details.carrierName\n          })\n        }\n      })\n    )\n\n    const banner = computed(() => _sortBy(availableBanners.value\n      .filter(x => quote.value.planAttributes.includes(x.attribute)),\n        ab => -ab.priority)?.[0])\n\n    return {\n      banner,\n      availableBanners,\n      currentKey\n    }\n  }\n}\n","<script setup lang=\"ts\">\n  const props = defineProps<{\n    id: string\n    icon: string\n    label: string\n    details: Array\n  }>()\n\n  const { show } = DialogController.use()\n</script>\n\n<template>\n  <HpSidebar :id=\"id\" :title=\"label\" :icon=\"icon\">\n    <aside class=\"benefit-sidebar-outer\">\n      <section v-for=\"item in details\" class=\"benefit-category\">\n        <h2 class=\"category-header\">{{ item.name }}</h2>\n        <p class=\"category-description\" v-html=\"item.description\"></p>\n      </section>\n    </aside>\n  </HpSidebar>\n</template>\n\n<style scoped>\n  .benefit-sidebar-outer {\n    @apply mt-2 flex w-full flex-col gap-4;\n\n    .benefit-category {\n      @apply flex w-full flex-col gap-1;\n\n      .category-header {\n        @apply text-lg font-bold;\n      }\n\n      .category-description {\n      }\n    }\n  }\n</style>\n","<script setup lang=\"ts\">\n  import { PlanType } from '~/generated/api-clients-generated'\n  import { EngineStore } from '~/stores/engine'\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n  import { PlanCheckupStore } from '~/stores/planCheckup'\n\n  const props = defineProps<{\n    id: string\n    quote: QuotedPlanVm\n  }>()\n\n  const { getId } = Id.use(props.id)\n\n  const { flag } = FeatureFlags.use()\n\n  const engine = EngineStore.use()\n  const checkupStore = PlanCheckupStore.use()\n  const emptyState = computed(() => engine.isEmptyState)\n\n  const { quotingConfig } = QuotingConfig.use()\n  const { currentSort } = QuoteUtils.useSort()\n\n  const hideQuoteScoreThreshold = computed(\n    () => flag<number>('displayed-quote-score-threshold').value\n  )\n\n  const isMapd = computed(() => props.quote.type === PlanType.MAPD)\n  const isPdp = computed(() => props.quote.type === PlanType.PDP)\n\n  const showNeedsSection = computed(\n    () =>\n      quotingConfig.value.emptyAddNeeds ||\n      (props.quote.type === PlanType.MAPD && props.quote.providerCoverage.count > 0) ||\n      props.quote.drugCoverage.count > 0 ||\n      !_isNil(props.quote.pharmacyCoverage.first) ||\n      (props.quote.type === PlanType.MAPD && props.quote.additionalBenefits.count > 0)\n  )\n\n  const showCosts = computed(() => true)\n\n  const showPlanTags = computed(\n    () =>\n      !quotingConfig.value.hidePlanTags &&\n      !emptyState.value &&\n      !(\n        currentSort.value === 'healthpilot_rec' &&\n        props.quote.recommendation.exists &&\n        props.quote.score < hideQuoteScoreThreshold.value &&\n        props.quote.medicareId !== checkupStore?.currentCheckup?.currentPlanId\n      )\n  )\n\n  const carrierAepExceptions = computed(() => flag<string[]>('carrier-aep-exceptions').value)\n  const aepException = computed(() =>\n    carrierAepExceptions.value.includes(props.quote.details.carrierKey!)\n  )\n</script>\n\n<template>\n  <article class=\"quote-card\" :id=\"getId()\">\n    <header>\n      <slot name=\"header\" v-bind=\"{ getId }\"></slot>\n    </header>\n    <main class=\"card-content\">\n      <slot\n        name=\"default\"\n        v-bind=\"{ getId, showNeedsSection, showCosts, showPlanTags, isMapd, isPdp, aepException }\"\n      ></slot>\n    </main>\n    <footer>\n      <slot name=\"footer\" v-bind=\"{ getId }\"></slot>\n    </footer>\n  </article>\n</template>\n\n<style>\n  .quote-card {\n    @apply flex h-full w-full flex-col rounded-quote border border-border bg-white;\n\n    main.card-content {\n      @apply mb-4 flex grow flex-col justify-end space-y-4 px-6;\n\n      section {\n        @apply flex flex-col;\n\n        header.content-section-header {\n          @apply flex w-full items-center justify-between rounded-heading p-2.5;\n\n          div {\n            @apply flex items-center space-x-2 text-primary-900;\n\n            h2 {\n              @apply text-2xl;\n            }\n          }\n        }\n\n        .content-section-data {\n          @apply flex flex-col space-y-4 px-4 py-4 md:px-12;\n\n          .content-row {\n            @apply flex w-full flex-col justify-between md:flex-row md:items-center;\n\n            dt {\n              @apply text-lg text-primary-900;\n            }\n\n            dl {\n              @apply text-xl font-bold text-primary-900;\n            }\n          }\n        }\n      }\n    }\n\n    & > footer {\n      @apply flex w-full items-center justify-between border-t border-border-light px-6 py-2;\n    }\n  }\n</style>\n","<template>\n  <HpAnchor\n    class=\"action-link\"\n    v-if=\"isCompared\"\n    @click.prevent=\"removePlan\"\n    :id=\"`remove-compared-plan-${medicareId}`\"\n  >\n    <HpIcon name=\"bookmark-filled\" />\n    Compared\n  </HpAnchor>\n  <HpAnchor class=\"action-link\" v-else @click.prevent=\"addPlan\" :id=\"`compare-plan-${medicareId}`\">\n    <HpIcon name=\"bookmark\" />\n    <span class=\"hidden xs:flex\">Add to Compare</span>\n    <span class=\"flex xs:hidden\">Compare</span>\n  </HpAnchor>\n</template>\n\n<script lang=\"ts\" setup>\n  import { SessionStore } from '~/stores/session'\n\n  const props = defineProps<{\n    medicareId: string\n    eventData: (() => Record<string, any>) | Record<string, any> | null | undefined\n  }>()\n\n  const session = SessionStore.use()\n\n  const isCompared = computed(() => session.comparedPlans.includes(props.medicareId))\n\n  const addPlan = () => {\n    session.comparedPlans.push(props.medicareId)\n    // SessionStore.save()\n  }\n\n  const removePlan = () => {\n    session.comparedPlans = _without(session.comparedPlans, props.medicareId)\n    // SessionStore.save()\n  }\n</script>\n\n<style scoped></style>\n\n<style>\n  input[type='checkbox'] {\n    cursor: pointer;\n  }\n</style>\n","<script setup lang=\"ts\">\n  import type { QuotedPlanVm } from '~/models/quoting/QuotedPlan'\n\n  defineProps<{\n    quote: QuotedPlanVm\n  }>()\n\n  const { getQuoteCardEventProps } = QuoteAnalytics.use()\n</script>\n\n<template>\n  <PxComparePlanControl\n    :medicare-id=\"quote.medicareId\"\n    :event-data=\"getQuoteCardEventProps('add-to-compare', quote)\"\n  />\n  <PxSavedPlanControl\n    :medicare-id=\"quote.medicareId\"\n    :year=\"quote.details.year!\"\n    :event-data=\"getQuoteCardEventProps('save-this-plan', quote)\"\n  />\n</template>\n\n<style scoped>\n\n</style>"],"names":["PlanBanners","medicareId","getComponentContent","Cms","content","flag","FeatureFlags","hydratePlaceholders","config","computed","engine","EngineStore","quote","currentKey","key","PlanType","availableBanners","k","configKey","x","bannerConf","_a","_camelCase","_b","_sortBy","ab","DialogController","props","__props","getId","Id","checkupStore","PlanCheckupStore","emptyState","quotingConfig","QuotingConfig","currentSort","QuoteUtils","hideQuoteScoreThreshold","isMapd","isPdp","showNeedsSection","_isNil","showCosts","showPlanTags","carrierAepExceptions","aepException","session","SessionStore","isCompared","addPlan","removePlan","_without","getQuoteCardEventProps","QuoteAnalytics"],"mappings":"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"}