{"version":3,"file":"ProductBox-12768936.js","sources":["../../src/hooks/useBenefits.js","../../src/components/Benefits/BenefitsTable.vue","../../src/components/Product/ProductAccident.vue","../../src/components/Product/ProductAction.vue","../../src/components/Product/ProductDoctor.vue","../../src/components/Product/ProductDuration.vue","../../src/components/Product/ProductFranchise.vue","../../src/components/Comparison/Content.vue","../../src/components/Comparison/ComparisonLink.vue","../../src/components/Product/ProductVitalFranchise.vue","../../src/components/Product/ProductBox.vue"],"sourcesContent":["export default function useBenefits() {\n  function getBenefitsTableData(benefits, columns, selectedId, benefitShowProductLinks = false) {\n    const data = {}\n    const contentColumns = columns.filter(column => column !== 'benefitTypes')\n    let selectedContentColumn = -1\n    if (contentColumns.length > 1) {\n      selectedContentColumn = contentColumns.findIndex(column => {\n        return column === selectedId\n      })\n    }\n\n    data.header = _getHeaderRow(benefits, columns, selectedContentColumn, benefitShowProductLinks)\n    data.selectedContentColumn = selectedContentColumn\n    data.content = _getContent(benefits, contentColumns)\n    return data\n  }\n\n  function _getContent(benefits, contentColumns) {\n    const features = benefits.benefitTypes?.features\n    return features?.flatMap((feature, featureIndex) => {\n      const featureElements = []\n      featureElements.push({\n        isMainType: true,\n        title: feature.type,\n        icon: feature.typeIcon,\n        content: contentColumns.map(column => benefits[column]?.features[featureIndex].type),\n      })\n      const subTypes = feature.subType.map((subType, subTypeIndex) => {\n        const subTypeIcons = feature?.subTypeIcons\n        return {\n          isMainType: false,\n          title: subType,\n          icon: subTypeIcons ? subTypeIcons[subTypeIndex] : null,\n          content: contentColumns.map(column => benefits[column]?.features[featureIndex].subType[subTypeIndex]),\n        }\n      })\n      featureElements.push(...subTypes)\n      return featureElements\n    })\n  }\n\n  function _getHeaderRow(benefits, columns, selectedContentColumn, benefitShowProductLinks) {\n    const contentArray = []\n    columns.forEach(column => {\n      if (column !== 'benefitTypes') {\n        contentArray.push(_getTitleData(benefits[column], benefitShowProductLinks))\n      }\n    })\n    return {\n      contentArray,\n      selectedContentColumn,\n    }\n  }\n\n  function _getTitleData(element, benefitShowProductLinks) {\n    return {\n      title: element?.title ? element.title : '&nbsp;',\n      subTitle: element?.subTitle,\n      productLink: benefitShowProductLinks ? element?.productLink : null,\n    }\n  }\n\n  return {\n    getBenefitsTableData,\n  }\n}\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    ref=\"benefitsTableRef\"\n    class=\"benefitsTable\"\n  >\n    <div class=\"table\">\n      <table>\n        <thead>\n          <tr>\n            <th>&nbsp;</th>\n            <template\n              v-for=\"(item, index) in $props.benefitsData.header.contentArray\"\n              :key=\"index\">\n              <th :class=\"{ 'selected': index === $props.benefitsData.selectedContentColumn }\">\n                <div class=\"thContent\">\n                  <div>\n                    <the-typography\n                      v-if=\"hasSubtitles\"\n                      type=\"bodyMediumLong\"\n                      v-text=\"item.subTitle || '&nbsp;'\"\n                    />\n\n                    <the-typography\n                      type=\"heading04\"\n                      v-text=\"item.title\"\n                    />\n                  </div>\n\n                  <template v-if=\"item.productLink\">\n                    <a\n                      class=\"productLink-link\"\n                      :href=\"getUrl(item.productLink)\"\n                    >\n                      <the-icon\n                        class=\"productLink-icon\"\n                        art=\"solid\"\n                        name=\"arrow-right-long\"\n                      />\n                      <span v-text=\"$t('benefits.widget.productLinkText')\" />\n                    </a>\n                  </template>\n                </div>\n              </th>\n            </template>\n          </tr>\n        </thead>\n        <tbody class=\"rows\">\n          <tr\n            v-for=\"(row, rowIndex) in $props.benefitsData.content\"\n            :key=\"rowIndex\"\n            class=\"row\">\n            <td class=\"row__title\">\n              <the-icon\n                v-if=\"row.icon\"\n                art=\"light\"\n                class=\"row-title-icon\"\n                :name=\"row.icon\"\n              />\n              <the-typography\n                :type=\"row.isMainType ? 'heading06' : 'bodyMediumLong'\"\n                v-html=\"row.title\"\n              />\n              \n            </td>\n\n\n            <template\n              v-for=\"(rowContent, rowContentIndex) in row.content\"\n              :key=\"rowContentIndex\">\n              <td\n                :class=\"{ 'selected': rowContentIndex === benefitsData.selectedContentColumn }\"\n                v-html=\"rowContent\"\n              />\n            </template>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { computed, createVNode, render, getCurrentInstance, ref, watchEffect } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport tippy from 'tippy.js'\n\nimport { useApplication } from '@/hooks'\n\n// HOOKS\nconst { tm } = useI18n()\nconst { isReady } = useApplication()\nconst instance = getCurrentInstance()\n\n// PROPS\nconst props = defineProps({\n  benefitsData: {\n    type: Object,\n    required: true,\n  },\n})\n\n// DATA\nconst benefitsTableRef = ref(undefined)\nlet __Icon\nif (instance?.appContext?.components?.Icon) {\n  __Icon = createVNode(instance?.appContext?.components?.Icon, { art: 'light', name: 'circle-question' })\n}\n\n// COMPUTEDS\nconst hasSubtitles = computed(() => {\n  return props.benefitsData.header.contentArray.some(item => !!item.subTitle)\n})\n\n// METHODS\nfunction addTooltips() {\n  const elements = benefitsTableRef.value?.querySelectorAll('[data-tooltip]')\n  const content = tm('benefits.tooltip')\n\n  elements?.forEach(node => {\n    const tooltipKey = node.dataset?.tooltip.toLowerCase()\n    const tooltip = content[tooltipKey] ? content[tooltipKey] : null\n\n    if (tooltip) {\n      node.setAttribute('class', 'benefits__tooltip')\n      node.setAttribute('v-tooltip', tooltip)\n      node.innerHTML = node.innerHTML + ''\n\n      tippy(node, {\n        trigger: 'mouseenter focus click',\n        allowHTML: true,\n        appendTo: document.body,\n        arrow: true,\n        content: tooltip,\n        interactive: true,\n        theme: 'material',\n      })\n\n      render(__Icon, node)\n    }\n  })\n}\n\nfunction getUrl(productLink) {\n  return `${import.meta.env.VITE_SANITAS_PATH}${productLink}`\n}\n\n// WATCHER\nwatchEffect(() => {\n  if (isReady.value) {\n    addTooltips()\n  }\n})\n</script>\n\n<style name=\"global\">\n.benefits__tooltip {\n  cursor: pointer;\n  border-bottom: 2px dotted var(--c-primary-color-3);\n}\n\n.table {\n  em {\n    font-style: normal;\n    font-weight: bold;\n  }\n\n  ul {\n    margin-block-start: 1em;\n    margin-block-end: 1em;\n    margin-inline-start: 0px;\n    margin-inline-end: 0px;\n    padding-inline-start: 40px;\n  }\n\n  ul li {\n    font-size: 14px;\n    line-height: 20px;\n    color: var(--c-secondary-neutral-1);\n  }\n}\n</style>\n\n<style name=\"mobile\" scoped>\n.table {\n  background-color: var(--c-primary-neutral-3);\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--c-secondary-neutral-1);\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: auto;\n\n  table {\n    th,\n    td {\n      padding: 8px 16px;\n      min-width: 220px;\n    }\n  }\n\n  table {\n    border-spacing: 0;\n    border-collapse: collapse;\n\n    th {\n      min-width: 220px;\n      vertical-align: top;\n      text-align: left;\n      height: 0;\n      color: var(--c-primary-neutral-1);\n\n      .thContent {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        gap: 8px;\n        height: 100%;\n\n        a {\n          color: var(--c-secondary-neutral-1);\n\n          span {\n            margin: 0 0 0 8px;\n          }\n        }\n      }\n    }\n\n    tr {\n      border-bottom: 1px solid var(--c-primary-neutral-1);\n    }\n\n    td {\n      color: var(--c-primary-neutral-1);\n    }\n  }\n\n  .row {\n    &__title {\n      display: flex;\n      gap: 16px;\n      color: var(--c-primary-neutral-1);\n\n      .icon {\n        font-size: 20px;\n        color: var(--c-primary-neutral-1);\n      }\n    }\n  }\n\n  .selected {\n    background-color: var(--c-primary-color-2-d);\n  }\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    class=\"accident\"\n    cy-option=\"accident\"\n  >\n    <Form.Toggle\n      v-model=\"value\"\n      name=\"accident\"\n      @update:modelValue=\"onChange\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\n\nimport * as Form from '@/components/Form'\n\nconst $emit = defineEmits(['select'])\n\nlet value = ref(props.option.toggle)\n\n// Props\nconst props = defineProps({\n  option: {\n    type: Object,\n    required: true,\n  },\n})\n\n// Methods\nfunction onChange(toggle) {\n  const option = Object.assign({}, props.option, { toggle: toggle })\n  $emit('select', option)\n}\n</script>\n\n<style name=\"mobile\" scoped>\n.accident {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-right: 0;\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div :class=\"classes\">\n    <template v-if=\"isDisabled\">\n      <div class=\"action__unavailable\">\n        <span>{{ $t(title) }}&nbsp;</span>\n        <the-icon\n          v-tooltip=\"tooltip\"\n          art=\"light\"\n          name=\"question-circle\"\n        />\n      </div>\n    </template>\n\n    <template v-else>\n      <ovp-button\n        :key=\"title\"\n        v-tooltip=\"tooltip\"\n        :disabled=\"isDisabled\"\n        :has-loading-indicator=\"hasLoadingIndicator\"\n        :tiny=\"tiny\"\n        :plain=\"isPlain\"\n        :primary=\"isPrimary\"\n        :secondary=\"isSecondary\"\n        @click.stop=\"actionHandler\"\n      >\n        {{ $t(title) }}\n      </ovp-button>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport OvpButton from '@/components/Form/Button'\n\nimport useProduct from '@/hooks/useProduct'\n\n// Hooks\nconst { te, tm } = useI18n()\n\n// Init\nconst props = defineProps({\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n\n  personId: {\n    type: String,\n    required: true,\n  },\n\n  primary: {\n    type: Boolean,\n    default: false,\n  },\n\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  selected: {\n    type: Boolean,\n    default: false,\n  },\n\n  tiny: {\n    type: Boolean,\n    default: false,\n  },\n\n  hasLoadingIndicator: {\n    type: Boolean,\n    default: false,\n  },\n})\nconst emit = defineEmits(['add', 'search', 'remove'])\n\n// Computed\nconst classes = computed(() => {\n  return {\n    action: true,\n    'action--disabled': isDisabled.value,\n  }\n})\n\nconst isDisabled = computed(() => {\n  return props.disabled || (!props.product.valid && !props.selected)\n})\n\nconst isPlain = computed(() => {\n  return props.disabled\n})\n\nconst isPrimary = computed(() => {\n  return props.primary && !isPlain.value && !props.disabled && !needsDoctor.value\n})\n\nconst isSecondary = computed(() => {\n  return !isPrimary.value && !isPlain.value\n})\n\n/**\n * Only show search doctor if the product is not selected.\n * If it's selected and the doctor is missing,\n * a warning message and action will be displayed in the product doctor.\n */\nconst needsDoctor = computed(() => {\n  return props.product.medicalOffice && !props.product.doctor && !props.product.selected\n})\n\nconst title = computed(() => {\n  if (!props.product.valid && !props.selected) {\n    return 'product.unavailable'\n  } else if (props.selected) {\n    return getContent(props.product.productId, 'actions.remove')\n  } else if (!props.tiny && needsDoctor.value) {\n    return 'product.doctor.add'\n  } else {\n    return getContent(props.product.productId, 'actions.add')\n  }\n})\n\nconst tooltip = computed(() => {\n  if (isDisabled.value) {\n    let content = props.product.messages\n      ?.map(m => {\n        return tm(`error.${m.key}`)\n      })\n      .join('; ')\n      .trim()\n\n    if (!content) {\n      content = tm(getContent(props.product.productId, 'unavailable'))\n    }\n\n    return {\n      allowHTML: true,\n      content,\n    }\n  } else {\n    return false\n  }\n})\n\nconst willReplaceIds = computed(() => {\n  const { willReplace } = useProduct()\n\n  return willReplace(props.personId, props.product.productId)\n})\n\n// Methods\nfunction actionHandler() {\n  if (isDisabled.value) return\n  if (props.product.medicalOffice && needsDoctor.value) {\n    emit('search')\n  } else if (!props.selected && props.product.valid) {\n    const productId = willReplaceIds.value\n    emit('add', { replace: !!productId, productId })\n  } else if (props.selected) {\n    emit('remove')\n  }\n}\n\nfunction getContent(productId, key) {\n  const productPath = `content.products.${productId}`\n  return te(`${productPath}.${key}`) ? `${productPath}.${key}` : `product.${key}`\n}\n</script>\n\n<style name=\"mobile\" scoped>\n.action .button.plain {\n  color: var(--c-primary-neutral-1) !important;\n\n  .icon {\n    color: var(--c-primary-neutral-1);\n    margin: 0 0 0 5px;\n  }\n}\n\n.action--disabled button,\n.action--disabled button:hover {\n  opacity: 0.5 !important;\n  cursor: not-allowed !important;\n  border-color: transparent !important;\n  background: none !important;\n  color: var(--c-primary-color-3) !important;\n  fill: var(--c-primary-color-3) !important;\n}\n\n.action__unavailable {\n  font-size: 15px;\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    v-if=\"isEnabled\"\n    class=\"doctor\">\n    <template v-if=\"hasDoctor\">\n      <div class=\"doctor-present\">\n        <div class=\"doctor-info\">\n          <the-icon\n            v-tooltip=\"$t('product.doctor.title')\"\n            art=\"duo\"\n            class=\"doctor__title\"\n            name=\"house-medical\"\n          />\n\n          <div\n            class=\"doctor__name\"\n            v-text=\"doctorName\"\n          />\n\n          <a\n            class=\"doctor__search\"\n            @click=\"search\"\n          >\n            <the-icon\n              art=\"light\"\n              name=\"pencil\"\n            />\n          </a>\n        </div>\n\n        <template v-if=\"discountGroup\">\n          <div class=\"doctor-discount\">\n            <div v-show=\"false\">\n              <div :id=\"`discountGroup_${product.productId}`\">\n                <h4>{{ $t('medicalofficesearch.reductions.title') }}</h4>\n                <div>{{ $t('medicalofficesearch.reductions.text') }}</div>\n                <div>\n                  <div>\n                    <the-icon\n                      art=\"solid\"\n                      class=\"doctor__icon\"\n                      name=\"signal-good\"\n                    />\n                    {{ $t('medicalofficesearch.reductions.level.highest') }}\n                  </div>\n                  <div>\n                    <the-icon\n                      art=\"solid\"\n                      class=\"doctor__icon\"\n                      name=\"signal-fair\"\n                    />\n                    {{ $t('medicalofficesearch.reductions.level.medium') }}\n                  </div>\n                  <div>\n                    <the-icon\n                      art=\"solid\"\n                      class=\"doctor__icon\"\n                      name=\"signal-weak\"\n                    />\n                    {{ $t('medicalofficesearch.reductions.level.lowest') }}\n                  </div>\n                </div>\n                <br>\n                <div v-html=\"$t('medicalofficesearch.reductions.note')\" />\n                <br>\n              </div>\n            </div>\n\n            <div\n              v-if=\"!isEmpty(discountTooltip)\"\n              class=\"doctor-discount__title\"\n            >\n              <span v-tooltip=\"discountTooltip\">\n                {{ $t('product.reduction')}}\n                <the-icon\n                  art=\"solid\"\n                  class=\"doctor__icon\"\n                  :name=\"discountIcon\"\n                />\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n    </template>\n\n    <template v-else-if=\"!!transferableDoctorOtherPerson\">\n      <div class=\"doctor-persontransfer\">\n        <div class=\"doctor__transfer-other-info\">\n          <div\n            class=\"doctor__title\"\n            v-text=\"$t('product.applyProductAndDoctor', { name: transferableDoctorOtherPersonName })\"\n          />\n          <div\n            v-text=\"doctorNameTransferableDoctorOtherPerson\"\n          />\n        </div>\n        <Form.Button\n          key=\"transfer\"\n          secondary\n          tiny\n          :text=\"$t('product.actions.add')\"\n          @click=\"transferDoctorFromOtherPerson\"\n        />\n      </div>\n    </template>\n\n    <template v-else-if=\"product.selected\">\n      <the-message severity=\"warning\">\n        <div class=\"doctor-missing\">\n          <div\n            class=\"doctor__title\"\n            v-text=\"$t('product.doctor.missing')\"\n          />\n\n          <div class=\"doctor-actions\">\n            <Form.Button\n              key=\"search\"\n              secondary\n              icon=\"pen\"\n              icon-color=\"original-green\"\n              :text=\"$t(`content.products.${product.productId}.searchMedicalOffice`)\"\n              @click=\"search\"\n            />\n          </div>\n        </div>\n      </the-message>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport isEmpty from 'lodash/isEmpty'\nimport { events$, loading$ } from '@/services'\n\nimport {\n  AVM_TYPE_CARE_MED,\n  AVM_TYPE_NET_MED,\n  AVM_TYPE_MED_BASE,\n  productAVMtypes,\n} from '@/components/MedicalSearch/config/constants'\n\nimport { EVENT_PRODUCT, EVENT_TRANSFER_DOCTOR_FROM_OTHER } from '@/config/events'\n\nimport * as Form from '@/components/Form'\nimport { useI18n } from 'vue-i18n'\n\nimport useBasket from '@/hooks/useBasket'\nimport useConfirmation from '@/hooks/useConfirmation'\nimport useDoctor from '@/hooks/useDoctor'\nimport useLogger from '@/hooks/useLogger'\nimport usePerson from '@/hooks/usePerson'\nimport useProduct from '@/hooks/useProduct'\n\n// Init\nconst emit = defineEmits(['search'])\n\n// Hooks\nconst { t } = useI18n()\nconst { confirm } = useConfirmation()\nconst { updateOvpBasket } = useBasket()\nconst { getDoctorName, getTransferableDoctorFromOtherPerson } = useDoctor()\nconst { logError } = useLogger()\nconst { getFirstName, persons, getPersonWithDetails } = usePerson()\nconst {\n  addProductDoctorToBasket,\n  getAVMId,\n  getCategoryIdFromProduct,\n  getSelectedProductsOfPerson,\n  hasPersonOnlyVVG,\n  isProductInBasket,\n} = useProduct()\n\n// Props\nconst props = defineProps({\n  personId: {\n    type: String,\n    required: true,\n  },\n\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\n\n// Data\nconst discountTooltip = ref({})\n\n// Computed\nconst transferableDoctorOtherPerson = computed(() => {\n  // no transfer if person already has kvg\n  const person = getPersonWithDetails(props.personId)\n  if (getSelectedProductsOfPerson(person.products.products).length > 0 && !hasPersonOnlyVVG(props.personId)) {\n    return null\n  }\n\n  return getTransferableDoctorFromOtherPerson(persons.value, props.personId)\n    .filter(c => Object.values(c).filter(v => v === undefined).length === 0)\n    .find(c =>\n      c.doctor.medicalOfficeNets.find(n => {\n        const candidateNetworkId = getAVMId(c.productId)\n        const hmoProducts = [AVM_TYPE_CARE_MED, AVM_TYPE_NET_MED]\n\n        // medbase doctors only shown if source product is MedBase, caremed/netmed only if source is caremed or netmed\n        if (\n          (candidateNetworkId === AVM_TYPE_MED_BASE && networkId.value !== AVM_TYPE_MED_BASE) ||\n          (hmoProducts.includes(candidateNetworkId) && !hmoProducts.includes(networkId.value))\n        ) {\n          return false\n        }\n        return n.avmDefinition === networkId.value\n      })\n    )\n})\n\nconst discountGroup = computed(() => {\n  if (!props.product.showDiscountGroup || !doctor.value) return false\n  const network = doctor.value.medicalOfficeNets.find(n => n.avmDefinition === networkId.value)\n  return network?.discountGroup\n})\n\nconst discountIcon = computed(() => {\n  const group = parseInt(discountGroup.value)\n  switch (group) {\n    case 1:\n    default:\n      return 'signal-good'\n\n    case 2:\n      return 'signal-fair'\n\n    case 3:\n      return 'signal-weak'\n  }\n})\n\nconst doctor = computed(() => {\n  return props.product.doctor\n})\n\nconst doctorName = computed(() => {\n  return getDoctorName(doctor.value)\n})\n\nconst doctorNameTransferableDoctorOtherPerson = computed(() => {\n  return getDoctorName(transferableDoctorOtherPerson.value?.doctor)\n})\n\nconst transferableDoctorOtherPersonName = computed(() => {\n  const __personId = transferableDoctorOtherPerson.value?.source\n  if (!__personId) {\n    return ''\n  }\n  return getFirstName(__personId)\n})\n\nconst hasDoctor = computed(() => {\n  return !isEmpty(props.product.doctor)\n})\n\nconst networkId = computed(() => {\n  return getAVMId(props.product.productId)\n})\n\nconst isTransferable = computed(() => {\n  const productId = props.product.productId\n  if (!isProductInBasket(props.personId, productId) || !doctor.value) {\n    return false\n  }\n\n  const ident = productAVMtypes[productId]\n  if (AVM_TYPE_CARE_MED !== ident) {\n    return false\n  }\n\n  const searchKey = ident === AVM_TYPE_NET_MED ? AVM_TYPE_CARE_MED : AVM_TYPE_NET_MED\n  return !!doctor.value.medicalOfficeNets.find(n => n.avmDefinition === searchKey)\n})\n\nconst isEnabled = computed(() => {\n  return (\n    props.product.medicalOffice &&\n    (hasDoctor.value || props.product.selected || isTransferable.value || !!transferableDoctorOtherPerson.value)\n  )\n})\n\nconst productCategory = computed(() => {\n  return getCategoryIdFromProduct(props.product.productId)\n})\n\n// Watchers\nwatch(\n  () => discountGroup,\n  value => {\n    if (value) {\n      getDiscountContent()\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => transferableDoctorOtherPerson,\n  value => {\n    if (value) {\n      events$.emit(EVENT_TRANSFER_DOCTOR_FROM_OTHER.DISPLAYED)\n    }\n  },\n  { immediate: true }\n)\n\n// Methods\nasync function transferDoctorFromOtherPerson() {\n  const apply = () => {\n    applyToBasket(transferableDoctorOtherPerson.value?.doctor, props.product.productId, productCategory.value, true)\n  }\n\n  if (transferableDoctorOtherPerson.value?.doctor.medicalOfficeStatus === 'ACCEPTS_NOBODY') {\n    const type = productAVMtypes[props.product.productId].toLowerCase()\n    const title = t(`medicalofficesearch.messages.office.title.${type}`)\n    const description = t(`medicalofficesearch.messages.office.description.${type}`)\n\n    const label = `${title}. ${description}`\n    if (await confirm(label)) {\n      apply()\n    }\n  } else {\n    apply()\n  }\n}\n\nfunction applyToBasket(__doctor, productId, categoryId, appliedFromOther = false) {\n  if (loading$.getState().active.value) {\n    return\n  }\n  loading$.start()\n\n  return addProductDoctorToBasket(props.personId, productId, __doctor)\n    .then(basket => updateOvpBasket(basket))\n    .then(basket => {\n      events$.emit(EVENT_PRODUCT.ADDED, {\n        basket,\n        categoryId,\n        personId: props.personId,\n        productId,\n        source: props.source,\n      })\n      return basket\n    })\n    .then(basket => {\n      if (appliedFromOther) {\n        events$.emit(EVENT_TRANSFER_DOCTOR_FROM_OTHER.APPLIED)\n      }\n      return basket\n    })\n    .catch(error => logError(error))\n    .finally(() => loading$.end())\n}\n\nfunction getDiscountContent() {\n  const __el = document.getElementById(`discountGroup_${props.product.productId}`)\n  if (__el) {\n    Object.assign(discountTooltip, {\n      allowHTML: true,\n      content: __el,\n    })\n  } else {\n    window.setTimeout(() => {\n      getDiscountContent()\n    }, 1000)\n  }\n}\n\nfunction search() {\n  emit('search')\n}\n</script>\n\n<style name=\"mobile\" scoped>\n.doctor {\n  &-present {\n    border-top: 1px solid var(--c-primary-neutral-1);\n    border-bottom: 1px solid var(--c-primary-neutral-1);\n    padding: 8px 0;\n\n    .doctor-info {\n      display: flex;\n\n      .doctor {\n        &__title {\n          color: var(--c-primary-neutral-1);\n          flex: 0 0 25px;\n        }\n\n        &__name {\n          padding: 0 5px;\n          font-size: 14px;\n        }\n\n        &__search {\n          flex: 0 0 25px;\n          margin-left: auto;\n        }\n      }\n    }\n\n    .doctor-discount {\n      margin: 0 0 0 30px;\n      font-size: 14px;\n    }\n\n    .doctor-transfer {\n      &.message {\n        background-color: transparent;\n        padding: 5px 5px 0 5px;\n      }\n    }\n  }\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n  .doctor {\n  }\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    cy-option=\"duration\"\n    class=\"duration\"\n  >\n    <ovp-radio-group\n      :model-value=\"selectedOption\"\n      name=\"duration\"\n      raw\n      :items=\"items\"\n      @update:modelValue=\"select\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { events$ } from '@/services'\n\nimport OvpRadioGroup from '@/components/Form/RadioGroup'\n\nimport { EVENT_BASKET, EVENT_PRODUCT } from '@/config/events'\n\nimport { useI18n } from 'vue-i18n'\nimport { SortUtil } from '@/utils/Sorting'\n\nconst { t } = useI18n()\n\n// Init\nconst props = defineProps({\n  categoryId: {\n    type: String,\n    required: true,\n  },\n\n  options: {\n    type: Array,\n    required: true,\n  },\n\n  productId: {\n    type: String,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\nconst emit = defineEmits(['select'])\n\n// Computed\nconst selectedOption = computed(() => {\n  return sortedOptions.value.findIndex(item => item.selected)\n})\n\nconst sortedOptions = computed(() => {\n  const selectedIndex = props.options.findIndex(item => item.selected)\n  return props.options\n    .filter((option, index) => {\n      const matches = props.options.filter(o => o.duration === option.duration).length\n      return matches === 1 || selectedIndex === index\n    })\n    .sort(SortUtil.sortByParam('duration'))\n})\n\nconst items = computed(() => {\n  return sortedOptions.value.map((option, value) => {\n    let text\n    switch (option.duration.toString()) {\n      case '1':\n        text = `${option.duration} ${t('date.year')}`\n        break\n\n      case '3':\n      case '5':\n        text = `${option.duration} ${t('date.years')}`\n        break\n\n      case 'F':\n        text = t('product.contractDuration.extended')\n        break\n    }\n\n    return { value, text }\n  })\n})\n\n// Methods\nfunction select(index) {\n  const option = Object.assign({}, sortedOptions.value[index], { selected: true })\n  emit('select', option)\n  events$.emit(EVENT_BASKET.TRACK_AFTER_UPDATE, {\n    ruleId: EVENT_PRODUCT.DURATION_CHANGED,\n    payload: {\n      categoryId: props.categoryId,\n      source: props.source,\n      productId: props.productId,\n    },\n  })\n}\n</script>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    cy-option=\"franchise\"\n    :class=\"classes\"\n  >\n    <transition-group\n      appear\n      name=\"hello\">\n      <template\n        v-for=\"option in sortedOptions\"\n        :key=\"option.value\"\n      >\n        <button\n          :class=\"buttonClasses(option)\"\n          :cy-test=\"option.value\"\n          @click=\"select(option)\"\n        >\n          <span\n            class=\"franchise__value\"\n            v-text=\"getFormattedCurrency(option.value, null, 0)\"\n          />\n\n          <ovp-product-price\n            v-if=\"option.price && priceDifference(option) != 0\"\n            class=\"franchise__difference\"\n            :prefix=\"(priceDifference(option) > 0) ? '+' : '-'\"\n            :price=\"priceDifference(option) > 0 ? priceDifference(option) : Math.abs(priceDifference(option))\"\n            :suffix=\"$t('product.currency')\"\n          />\n        </button>\n      </template>\n    </transition-group>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { events$ } from '@/services'\n\nimport OvpProductPrice from '@/components/Product/ProductPrice'\n\nimport { EVENT_PRODUCT, EVENT_BASKET } from '@/config/events'\n\nimport useFranchise from '@/hooks/useFranchise'\nimport { SortUtil } from '@/utils/Sorting'\n\nconst emit = defineEmits(['select'])\n\n// Props\nconst props = defineProps({\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n\n  forcedInline: {\n    type: Boolean,\n    default: false,\n  },\n\n  forcedMobile: {\n    type: Boolean,\n    default: false,\n  },\n\n  options: {\n    type: Array,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\n\n// Computed\nconst classes = computed(() => {\n  return {\n    franchise: true,\n    'franchise--inline': isInline.value,\n    'franchise--multi-rows': isMultiRows.value,\n    'franchise--mobile-view': isMobileView.value,\n  }\n})\n\nconst isInline = computed(() => {\n  return props.inline && (sortedOptions.value.length <= 6 || props.forcedInline) && !props.forcedMobile\n})\n\nconst isMultiRows = computed(() => {\n  return !isInline.value && !props.forcedMobile\n})\n\nconst isMobileView = computed(() => {\n  return props.forcedMobile\n})\n\nconst sortedOptions = computed(() => {\n  const selectedIndex = props.options.findIndex(o => o.value === selectedOption.value.value && o.selected === true)\n  return props.options\n    .filter((option, index) => {\n      const matches = props.options.filter(o => o.value === option.value).length\n      return matches === 1 || selectedIndex === index\n    })\n    .sort(SortUtil.sortReverseByParam('value'))\n})\n\nconst selectedOption = computed(() => {\n  return props.options.find(item => item.selected)\n})\n\n// Methods\nfunction getFormattedCurrency(input, currency, fixed) {\n  const { formatCurrency } = useFranchise()\n  return formatCurrency(input, currency, fixed)\n}\n\nfunction select(option) {\n  const _option = Object.assign({}, option, { selected: true })\n  emit('select', _option)\n  events$.emit(EVENT_BASKET.TRACK_AFTER_UPDATE, {\n    ruleId: EVENT_PRODUCT.FRANCHISE_CHANGED,\n    payload: props.source,\n  })\n}\n\nfunction buttonClasses(option) {\n  return {\n    'franchise-option': true,\n    'franchise-option--active': !!option.selected,\n  }\n}\n\nfunction price(option) {\n  return option?.price\n}\n\nfunction priceDifference(option) {\n  const diff = price(option) - price(selectedOption.value)\n  return Number.parseFloat(diff)\n}\n</script>\n\n<style name=\"animations\" scoped>\n.hello-enter-active,\n.hello-leave-active {\n  transition: all 0.75s ease;\n}\n\n.hello-enter-from,\n.hello-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n\n<style name=\"mobile\" scoped>\n.franchise {\n  overflow: hidden;\n  display: grid;\n\n  @supports (grid-template-columns: repeat(2, [col] auto)) {\n    grid-gap: 16px;\n    grid-template-columns: repeat(2, [col] auto);\n  }\n\n  &-option {\n    border: 1px solid var(--c-primary-neutral-1);\n    background: none;\n    font-size: 15px;\n\n    height: 50px;\n    outline: none;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n    font-weight: normal;\n    color: var(--c-primary-neutral-1);\n\n    &--active.franchise-option {\n      font-weight: bold;\n      border-color: var(--c-primary-color-3);\n      background-color: var(--c-primary-color-3);\n      color: var(--c-primary-neutral-3);\n      cursor: default;\n\n      &:hover {\n        border-color: var(--c-primary-color-3);\n        color: var(--c-primary-neutral-3);\n      }\n    }\n\n    .franchise {\n      &__value {\n        display: block;\n      }\n\n      &__difference {\n        line-height: 15px;\n        height: 15px;\n\n        & :deep(*) {\n          font-size: 12px;\n          line-height: 15px;\n          color: var(--c-secondary-neutral-2);\n        }\n      }\n    }\n\n    &:hover {\n      border-color: var(--c-primary-color-3);\n      color: var(--c-primary-color-3);\n    }\n  }\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n  .franchise:not(.franchise--mobile-view) {\n    @supports (grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))) {\n      grid-gap: 0;\n      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n    }\n\n    &-option {\n      border: none;\n      border-top: 1px solid var(--c-primary-neutral-1);\n      border-left: 1px solid var(--c-primary-neutral-1);\n      border-bottom: 1px solid var(--c-primary-neutral-1);\n      padding: 5px;\n\n      &--active:not(:first-child) {\n        border-left-color: var(--c-primary-neutral-1) !important;\n      }\n\n      &:last-child {\n        border-right: 1px solid var(--c-primary-neutral-1);\n      }\n\n      &:hover {\n        border-left-color: var(--c-primary-neutral-1);\n\n        &:first-child {\n          border-left-color: var(--c-primary-color-3);\n        }\n\n        &:last-child {\n          border-right-color: var(--c-primary-neutral-1);\n        }\n      }\n    }\n  }\n\n  .franchise {\n    &--inline {\n      grid-template-columns: repeat(auto-fit, 1fr);\n      grid-template-rows: repeat(auto-fit, 1fr);\n      border-top: 1px solid var(--c-primary-neutral-1);\n      border-left: 1px solid var(--c-primary-neutral-1);\n\n      .franchise-option.franchise-option {\n        border: none;\n        border-bottom: 1px solid var(--c-primary-neutral-1);\n        border-right: 1px solid var(--c-primary-neutral-1);\n      }\n\n      .franchise-option {\n        border: none;\n      }\n    }\n\n    &--multi-rows {\n      gap: 0;\n      border-top: 1px solid var(--c-primary-neutral-1);\n      border-left: 1px solid var(--c-primary-neutral-1);\n\n      .franchise-option.franchise-option {\n        border: none;\n        border-bottom: 1px solid var(--c-primary-neutral-1);\n        border-right: 1px solid var(--c-primary-neutral-1);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div class=\"comparison-content\">\n    <div class=\"comparison-content__name\">\n      {{ isComparison ? $props.content.comparisonTitle : $props.content.name }}\n    </div>\n\n    <div\n      v-if=\"$props.content.linkToContentPage\"\n      class=\"comparison-content__link\">\n      <a\n        class=\"comparison-content__product-link\"\n        target=\"_blank\"\n        :href=\"$props.content.linkToContentPage\"\n        v-text=\"$t('comparison.productPage')\"\n      />\n    </div>\n\n    <div\n      class=\"comparison-content__description\"\n      v-html=\"$props.content.description\"\n    />\n\n    <benefits-table\n      v-if=\"showTable\"\n      :benefits-data=\"benefitsTableData\"\n    />\n\n    <loading-alt v-else />\n\n    <div\n      class=\"comparison-content__disclaimer\"\n      v-html=\"$t('comparison.disclaimer')\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { computed, onMounted, ref } from 'vue'\nimport LoadingAlt from '@/components/Container/LoadingAlt'\nimport BenefitsTable from '@/components/Benefits/BenefitsTable'\n\nimport useBenefits from '@/hooks/useBenefits'\nimport useResources from '@/hooks/useResources'\n\n// Hooks\nconst { getBenefitsTableData } = useBenefits()\nconst { fetchContentByPath } = useResources()\n\n// Init\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  content: {\n    type: Object,\n    required: true,\n  },\n\n  type: {\n    type: String,\n    required: true,\n  },\n})\n\n// Data\nconst structure = ref(null)\nconst benefitsTableData = ref(null)\n\n// Computed\nconst isComparison = computed(() => {\n  return props.type === 'comparison'\n})\n\nconst pack = computed(() => {\n  return {\n    path: props.content[`${props.type}Path`],\n    columns: props.content[`${props.type}Columns`] || [],\n  }\n})\n\nconst showTable = computed(() => {\n  return structure.value && benefitsTableData.value\n})\n\n// Lifecycle hooks\nonMounted(() => {\n  // load the correct file and pass that to the table-component\n  if (pack.value?.path) {\n    fetchContentByPath(pack.value.path).then(response => {\n      structure.value = response.data\n\n      benefitsTableData.value = getBenefitsTableData(response.data, pack.value.columns, props.product.productId)\n    })\n  }\n})\n</script>\n\n<style name=\"mobile\" scoped>\n.comparison-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  &__name {\n    font-size: 30px;\n    line-height: 32px;\n    font-weight: bold;\n    margin-bottom: 15px;\n  }\n\n  &__link {\n    position: relative;\n    font-size: 15px;\n    margin-bottom: 20px;\n\n    a {\n      font-weight: bold;\n\n      &:hover {\n        border-bottom: none;\n      }\n    }\n  }\n\n  &__description {\n    border-top: 1px solid var(--c-secondary-neutral-3);\n    border-bottom: 1px solid var(--c-secondary-neutral-3);\n    font-size: 18px;\n    margin-bottom: 40px;\n    padding: 10px 0;\n    line-height: 25px;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__product-link {\n    margin-top: 10px;\n  }\n\n  &__disclaimer {\n    margin-top: 40px;\n\n    &:empty {\n      display: none;\n    }\n  }\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div class=\"comparison-link\">\n    <Form.Button\n      plain\n      @click=\"open\"\n    >\n      <slot />\n    </Form.Button>\n\n    <the-modal\n      v-model=\"show\"\n      open\n    >\n      <comparison-content\n        :content=\"content\"\n        :product=\"product\"\n        :type=\"type\"\n      />\n    </the-modal>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { events$ } from '@/services'\n\nimport * as Form from '@/components/Form'\nimport ComparisonContent from '@/components/Comparison/Content'\n\nimport { EVENT_PRODUCT } from '@/config/events'\n\n// Props\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true,\n  },\n\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  type: {\n    type: String,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\n\n// Data\nconst show = ref(false)\n\n// Methods\nfunction open() {\n  show.value = true\n  events$.emit(EVENT_PRODUCT.DETAIL_OPEN, {\n    categoryId: props.categoryId,\n    productId: props.product.productId,\n    type: props.type,\n    source: props.source,\n  })\n}\n</script>\n\n<style scoped>\n.comparison-link {\n  display: inline-block;\n  color: var(--c-primary-neutral-1);\n  width: 100%;\n  min-height: 50px;\n\n  .button {\n    border: 0;\n    padding: 0;\n    height: 25px;\n    min-height: 25px;\n    font-weight: bold;\n    justify-content: flex-start;\n    color: var(--c-primary-color-3);\n  }\n}\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    cy-option=\"vitalFranchise\"\n    class=\"vitalFranchise\"\n  >\n    <div>\n      <slot name=\"amValue\" />\n\n      <div class=\"franchise\">\n        <transition-group\n          appear\n          name=\"hello\">\n          <template\n            v-for=\"option in values[AM_KEY]\"\n            :key=\"option\">\n            <button\n              :class=\"buttonClasses(option)\"\n              :cy-test=\"option.value\"\n              @click=\"select(AM_KEY, option)\">\n              <span\n                class=\"franchise__value\"\n                v-text=\"getFormattedCurrency(option.value, null, 0)\"\n              />\n            </button>\n          </template>\n        </transition-group>\n      </div>\n    </div>\n\n    <div>\n      <slot name=\"gfValue\" />\n\n      <div class=\"franchise\">\n        <transition-group\n          appear\n          name=\"hello\">\n          <template\n            v-for=\"option in values[GF_KEY]\"\n            :key=\"option\">\n            <button\n              :class=\"buttonClasses(option)\"\n              :cy-test=\"option.value\"\n              @click=\"select(GF_KEY, option)\">\n              <span\n                class=\"franchise__value\"\n                v-text=\"getFormattedCurrency(option.value, null, 0)\"\n              />\n            </button>\n          </template>\n        </transition-group>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { events$ } from '@/services'\n\nimport { EVENT_PRODUCT, EVENT_BASKET } from '@/config/events'\n\nimport useFranchise from '@/hooks/useFranchise'\n\nconst AM_KEY = 'amValue'\nconst GF_KEY = 'gfValue'\n\nconst emit = defineEmits(['select'])\n\n// PROPS\nconst props = defineProps({\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n\n  forcedInline: {\n    type: Boolean,\n    default: false,\n  },\n\n  forcedMobile: {\n    type: Boolean,\n    default: false,\n  },\n\n  options: {\n    type: Array,\n    required: true,\n  },\n\n  source: {\n    type: String,\n    required: true,\n  },\n})\n\n// COMPUTED\nconst selectedOption = computed(() => {\n  return props.options.find(o => o.selected)\n})\n\nconst values = computed(() => {\n  const data = { [AM_KEY]: {}, gfValue: {} }\n\n  props.options.forEach(option => {\n    if (!data[AM_KEY][option[AM_KEY]]) {\n      data[AM_KEY][option[AM_KEY]] = {\n        value: option[AM_KEY],\n        selected: selectedOption.value[AM_KEY] === option[AM_KEY],\n      }\n    }\n\n    if (!data[GF_KEY][option[GF_KEY]]) {\n      data[GF_KEY][option[GF_KEY]] = {\n        value: option[GF_KEY],\n        selected: selectedOption.value[GF_KEY] === option[GF_KEY],\n      }\n    }\n  })\n\n  return data\n})\n\n// METHODS\nfunction buttonClasses(option) {\n  return {\n    'franchise-option': true,\n    'franchise-option--active': !!option.selected,\n  }\n}\n\nfunction getFormattedCurrency(input, currency, fixed) {\n  const { formatCurrency } = useFranchise()\n  return formatCurrency(input, currency, fixed)\n}\n\nfunction select(key, option) {\n  const duration = selectedOption.value.duration\n  const match = props.options.find(o => {\n    return (\n      o.duration === duration &&\n      ((key === GF_KEY && o[AM_KEY] === selectedOption.value[AM_KEY] && o[key] === option.value) ||\n        (key === AM_KEY && o[GF_KEY] === selectedOption.value[GF_KEY] && o[key] === option.value))\n    )\n  })\n\n  const newOption = Object.assign({}, match, { selected: true })\n  emit('select', newOption)\n  events$.emit(EVENT_BASKET.TRACK_AFTER_UPDATE, {\n    ruleId: EVENT_PRODUCT.FRANCHISE_CHANGED,\n    payload: props.source,\n  })\n}\n</script>\n\n<style name=\"animations\" scoped>\n.hello-enter-active,\n.hello-leave-active {\n  transition: all 0.75s ease;\n}\n\n.hello-enter-from,\n.hello-leave-to {\n  opacity: 0;\n  transform: translateX(-30px);\n}\n</style>\n\n<style name=\"mobile\" scoped>\n.vitalFranchise {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.franchise {\n  overflow: hidden;\n  display: flex;\n  gap: 16px;\n\n  &-option {\n    border: 1px solid var(--c-primary-neutral-1);\n    background: none;\n    font-size: 15px;\n    width: 100%;\n    height: 50px;\n    outline: none;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n    font-weight: normal;\n    color: var(--c-primary-neutral-1);\n\n    &--active.franchise-option {\n      font-weight: bold;\n      border-color: var(--c-primary-color-3);\n      background-color: var(--c-primary-color-3);\n      color: var(--c-primary-neutral-3);\n      cursor: default;\n\n      &:hover {\n        border-color: var(--c-primary-color-3);\n        color: var(--c-primary-neutral-3);\n      }\n    }\n\n    .franchise {\n      &__value {\n        display: block;\n      }\n\n      &__difference {\n        line-height: 15px;\n        height: 15px;\n\n        & :deep(*) {\n          font-size: 12px;\n          line-height: 15px;\n          color: var(--c-secondary-neutral-2);\n        }\n      }\n    }\n\n    &:hover {\n      border-color: var(--c-primary-color-3);\n      color: var(--c-primary-color-3);\n    }\n  }\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n  .franchise {\n    gap: 0;\n\n    &-option {\n      width: 150px;\n    }\n  }\n}\n/*\n@media (--md) {\n  .franchise {\n\n    &-option {\n      border: none;\n      border-top: 1px solid var(--c-primary-neutral-1);\n      border-left: 1px solid var(--c-primary-neutral-1);\n      border-bottom: 1px solid var(--c-primary-neutral-1);\n      padding: 5px;\n\n      &--active:not(:first-child) {\n        border-left-color: var(--c-primary-neutral-1) !important;\n      }\n\n      &:last-child {\n        border-right: 1px solid var(--c-primary-neutral-1);\n      }\n\n      &:hover {\n        border-left-color: var(--c-primary-neutral-1);\n\n        &:first-child {\n          border-left-color: var(--c-primary-color-3);\n        }\n\n        &:last-child {\n          border-right-color: var(--c-primary-neutral-1);\n        }\n      }\n    }\n  }\n\n  .franchise {\n    border-top: 1px solid var(--c-primary-neutral-1);\n    border-left: 1px solid var(--c-primary-neutral-1);\n\n    .franchise-option.franchise-option {\n      border: none;\n      border-bottom: 1px solid var(--c-primary-neutral-1);\n      border-right: 1px solid var(--c-primary-neutral-1);\n    }\n\n    .franchise-option {\n      border: none;\n    }\n  }\n}\n*/\n</style>\n","<template>\n  <!-- prettier-ignore -->\n  <div\n    class=\"box\"\n    :data-product-id=\"product.productId\"\n    :data-group-id=\"groupId\"\n    :data-category-id=\"categoryId\"\n  >\n    <div class=\"main product\">\n      <the-typography\n        class=\"product__punchline\"\n        type=\"heading04\"\n        v-text=\"$t(punchline)\"\n      />\n\n      <div class=\"product__costs\">\n        <product-price\n          class=\"product__price\"\n          :price=\"selectedPrice.price\"\n          :prefix=\"pricePrefix\"\n          :suffix=\"$t('product.currency')\"\n        />\n\n        <div\n          v-if=\"reduction.price > 0\"\n          class=\"product__reduction\"\n        >\n          <div class=\"reduction-instead\">\n            {{ $t('product.insteadOf') }}\n            <product-price :price=\"reduction.price\" />\n          </div>\n\n          <div\n            v-for=\"(r, index) in reduction.labels\"\n            :key=\"index\"\n            class=\"reduction__info\"\n            v-text=\"getReductionLabel(r, index)\"\n          />\n        </div>\n      </div>\n\n      <the-typography\n        class=\"product__name\"\n        type=\"heading03\"\n        v-text=\"$t(`content.products.${product.productId}.name`)\"\n      />\n\n      <the-typography\n        class=\"product__description\"\n        type=\"bodyLargeLong\"\n        v-html=\"$t(`content.products.${product.productId}.description`)\"\n      />\n\n      <div class=\"product__content\">\n        <ul class=\"product__bullets\">\n          <li\n            v-for=\"(bullet, key) in tm(`content.products.${product.productId}.bulletPoints`)\"\n            :key=\"key\"\n            v-text=\"bullet\"\n          />\n        </ul>\n\n        <the-message\n          v-if=\"additionalInfo\"\n          class=\"product__message\"\n          is-html\n          :text=\"additionalInfo\"\n        />\n      </div>\n      <div\n        v-if=\"hasOptionsValue && !readonly\"\n        class=\"product__criterias\"\n      >\n        <div\n          v-if=\"productHasAccident\"\n          class=\"options-accident options\"\n        >\n          <div class=\"options__title\">\n            <the-typography type=\"heading05\">\n              <span v-text=\"optionTitles.accident.title\" />\n              &nbsp;\n              <the-icon\n                v-tooltip=\"optionTitles.accident.tooltip\"\n                art=\"light\"\n                html-tooltip\n                name=\"circle-info\"\n              />\n            </the-typography>\n          </div>\n          <product-accident\n            :option=\"selectedPrice\"\n            @select=\"selectOption\"\n          />\n        </div>\n        <div\n          v-if=\"productHasFranchise\"\n          class=\"options-franchise options\"\n        >\n          <div class=\"options__title\">\n            <the-typography type=\"heading05\">\n              <span v-text=\"optionTitles.franchise.title\" />\n              &nbsp;\n              <the-icon\n                v-if=\"optionTitles.franchise.title\"\n                v-tooltip=\"optionTitles.franchise.tooltip\"\n                art=\"light\"\n                html-tooltip\n                name=\"circle-info\"\n              />\n            </the-typography>\n          </div>\n          <product-franchise\n            inline\n            :options=\"product.prices\"\n            :source=\"source\"\n            @select=\"selectOption\"\n          />\n          <transition name=\"the-transition\">\n            <the-message\n              v-if=\"showFranchiseInfoMessage\"\n              class=\"options-franchise__message\"\n              severity=\"info\"\n              :title=\"$t('product.detail.franchiseInfo.title')\"\n              :text=\"$t('product.detail.franchiseInfo.text')\"\n            />\n          </transition>\n        </div>\n\n        <div\n          v-if=\"productHasDuration\"\n          class=\"options-duration options\"\n        >\n          <div class=\"options__title\">\n            <the-typography type=\"heading05\">\n              <span v-text=\"optionTitles.duration.title\" />\n              &nbsp;\n              <the-icon\n                v-if=\"optionTitles.duration.tooltip\"\n                v-tooltip=\"optionTitles.duration.tooltip\"\n                art=\"light\"\n                html-tooltip\n                name=\"circle-info\"\n              />\n            </the-typography>\n          </div>\n\n          <product-duration\n            :category-id=\"categoryId\"\n            :options=\"product.prices\"\n            :product-id=\"product.productId\"\n            :source=\"source\"\n            @select=\"selectOption\"\n          />\n        </div>\n\n        <div\n          v-if=\"productHasVitalFranchise\"\n          class=\"options-franchise options\"\n        >\n          <product-vital-franchise\n            inline\n            :options=\"product.prices\"\n            :source=\"source\"\n            @select=\"selectOption\">\n            <template #amValue>\n              <div class=\"options__title\">\n                <the-typography type=\"heading05\">\n                  <span v-text=\"optionTitles.amValue.title\" />\n                  &nbsp;\n                  <the-icon\n                    v-if=\"optionTitles.amValue.title\"\n                    v-tooltip=\"optionTitles.amValue.tooltip\"\n                    art=\"light\"\n                    html-tooltip\n                    name=\"circle-info\"\n                  />\n                </the-typography>\n              </div>\n            </template>\n\n            <template #gfValue>\n              <div class=\"options__title\">\n                <the-typography type=\"heading05\">\n                  <span v-text=\"optionTitles.gfValue.title\" />\n                  &nbsp;\n                  <the-icon\n                    v-if=\"optionTitles.gfValue.title\"\n                    v-tooltip=\"optionTitles.gfValue.tooltip\"\n                    art=\"light\"\n                    html-tooltip\n                    name=\"circle-info\"\n                  />\n                </the-typography>\n              </div>\n            </template>\n          </product-vital-franchise>\n        </div>\n      </div>\n\n      <div\n        v-if=\"product.doctor && !readonly\"\n        class=\"product__doctor\"\n      >\n        <the-typography\n          type=\"heading05\"\n          v-text=\"$t('product.doctor.titleShort')\"\n        />\n\n        <product-doctor\n          :person-id=\"personId\"\n          :product=\"product\"\n          :source=\"source\"\n          @search=\"searchMedicalOffice(product)\"\n        />\n      </div>\n\n      <div class=\"product__actions\">\n        <div class=\"product__links\">\n          <comparison-link\n            v-if=\"te(`content.products.${product.productId}.benefitPath`)\"\n            type=\"benefit\"\n            :content=\"tm(`content.products.${product.productId}`)\"\n            :source=\"SOURCE.PRODUCT_BENEFITS\"\n            :product=\"product\"\n          >\n            {{ $t('comparison.link') }}\n          </comparison-link>\n          <a\n            v-else-if=\"te(`content.products.${product.productId}.linkToContentPage`)\"\n            :href=\"$t(`content.products.${product.productId}.linkToContentPage`)\"\n          >\n            {{ $t('comparison.productPage') }}\n          </a>\n\n          <Form.Button\n            v-if=\"showHospitalSearch\"\n            class=\"product__hospital-search\"\n            plain\n            type=\"button\"\n            :text=\"$t('product.detail.hospitalSearch')\"\n            @click=\"showHospitalSearchModal = true\"\n          />\n\n          <the-form-modal\n            v-model=\"showHospitalSearchModal\"\n            name=\"hospitalSearchModal\"\n          >\n            <iframe\n              id=\"hospitalSearch\"\n              title=\"hospitalSearch\"\n              class=\"hospital-search__iframe\"\n              :src=\"hospitalSearchUrl\"\n              referrerpolicy=\"strict-origin\"\n              sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n            ></iframe>\n          </the-form-modal>\n          <comparison-link\n            v-if=\"te(`content.products.${product.productId}.comparisonPath`)\"\n            type=\"comparison\"\n            :content=\"tm(`content.products.${product.productId}`)\"\n            :source=\"SOURCE.PRODUCT_COMPARISON\"\n            :product=\"product\"\n          >\n            {{ $t(`content.products.${product.productId}.comparisonLinkName`) }}\n          </comparison-link>\n        </div>\n\n        <template v-if=\"!readonly && !isProductReadonly\">\n          <product-action\n            v-if=\"!isProductNotDeletable\"\n            :person-id=\"personId\"\n            :product=\"product\"\n            :selected=\"product.selected\"\n            has-loading-indicator\n            @add=\"addProduct(product.productId)\"\n            @remove=\"removeProduct(product.productId)\"\n            @search=\"searchMedicalOffice(product)\"\n          />\n          <Form.Button\n            v-else\n            type=\"button\"\n            secondary\n            disabled\n            :text=\"$t('product.detail.cancellation.button')\"\n          />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { onBeforeUnmount, computed, ref, onMounted } from 'vue'\nimport { events$, loading$ } from '@/services'\n\nimport ComparisonLink from '@/components/Comparison/ComparisonLink'\nimport ProductAction from '@/components/Product/ProductAction'\nimport ProductDoctor from '@/components/Product/ProductDoctor'\nimport ProductFranchise from '@/components/Product/ProductFranchise'\nimport ProductVitalFranchise from '@/components/Product/ProductVitalFranchise'\nimport ProductDuration from '@/components/Product/ProductDuration'\nimport ProductPrice from '@/components/Product/ProductPrice'\nimport ProductAccident from '@/components/Product/ProductAccident'\nimport * as Form from '@/components/Form'\n\nimport { CATEGORY_TYPE, PRODUCT_STATE } from '@/config/constants'\nimport { EVENT_MEDICAL_OFFICE_MODAL_OPEN, EVENT_PRODUCT, SOURCE } from '@/config/events'\n\nimport { useBasket, useI18n, usePerson, useProduct, useProductState, useStatus } from '@/hooks'\n\n// Hooks\nconst { getCategoryIdFromProduct, isUpgrade } = useProduct()\nconst { getPerson } = usePerson()\nconst { state } = useProductState()\nconst { locale, t, te, tm } = useI18n()\n\n// Init\nconst props = defineProps({\n  categoryId: {\n    type: String,\n    required: true,\n  },\n\n  closable: {\n    type: Boolean,\n    default: false,\n  },\n\n  groupId: {\n    type: String,\n    required: true,\n  },\n\n  options: {\n    type: Boolean,\n    default: true,\n  },\n\n  personId: {\n    type: String,\n    required: true,\n  },\n\n  product: {\n    type: Object,\n    required: true,\n  },\n\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n\n  source: {\n    type: String,\n    default: SOURCE.CONFIGURATOR,\n  },\n})\nconst emit = defineEmits(['added', 'closed', 'removed', 'update'])\n\n// Data\nconst showFranchiseInfoMessage = ref(false)\nconst showHospitalSearchModal = ref(false)\n// Computed\nconst additionalInfo = computed(() => {\n  const key = `content.products.${props.product.productId}`\n  const { isUnborn } = usePerson()\n  if (isUnborn(props.personId) && te(`${key}.additionalInfoUnborn`)) {\n    return t(`${key}.additionalInfoUnborn`)\n  } else if (te(`${key}.additionalInfo`)) {\n    return t(`${key}.additionalInfo`)\n  }\n  return false\n})\n\nconst productHasAccident = computed(() => {\n  const { hasAccident } = useProduct()\n  return hasAccident(props.product) && optionTitles.value.accident\n})\n\nconst productHasDuration = computed(() => {\n  const { hasDuration } = useProduct()\n  return hasDuration(props.product) && optionTitles.value.duration\n})\n\nconst productHasFranchise = computed(() => {\n  const { hasFranchise } = useProduct()\n  return hasFranchise(props.product) && optionTitles.value.franchise\n})\n\nconst productHasVitalFranchise = computed(() => {\n  const { hasVitalFranchise } = useProduct()\n  return hasVitalFranchise(props.product)\n})\n\nconst hasOptionsValue = computed(() => {\n  const { hasOptions } = useProduct()\n  return hasOptions(props.product) && props.options\n})\n\nconst hospitalSearchUrl = computed(() => {\n  return `${import.meta.env.VITE_SANITAS_PATH}/content/sanitas-internet/appintegration/${\n    locale.value\n  }/index/hdc-list-for-app.html`\n})\n\nconst isProductNotDeletable = computed(() => {\n  return productState.value === PRODUCT_STATE.NOT_DELETABLE\n})\n\nconst isProductReadonly = computed(() => {\n  return productState.value === PRODUCT_STATE.READONLY\n})\n\nconst optionTitles = computed(() => {\n  const { getOptionTitles } = useProduct()\n\n  return getOptionTitles(props.product.productId, props.groupId, props.categoryId)\n})\n\nconst selectedPrice = computed(() => {\n  return props.product.prices.find(p => p.selected) || {}\n})\n\nconst pricePrefix = computed(() => {\n  return props.product?.showDiscountGroup && !props.product.selected ? t('product.asof') : ''\n})\n\nconst productState = computed(() => {\n  const partnerNumber = getPerson(props.personId).partnerNumber\n  if (!partnerNumber) return PRODUCT_STATE.EDITABLE\n  return state(partnerNumber, props.product.productId)\n})\n\nconst punchline = computed(() => {\n  const group = `content.groups.${props.groupId}.title`\n  const product = `content.products.${props.product.productId}.punchline`\n\n  return te(product) ? product : group\n})\n\nconst reduction = computed(() => {\n  const amount = Math.abs(selectedPrice.value.reduction)\n  return {\n    price: amount > 0 ? selectedPrice.value.price + amount : 0,\n    labels: selectedPrice.value?.reductions ?? [],\n  }\n})\n\nconst showHospitalSearch = computed(() => {\n  return props.product.productId === 'SAMB05Produkt'\n})\n\n// Methods\nfunction addProduct(productId) {\n  const mode = isUpgrade(productId) ? 'ADD' : 'REPLACE'\n\n  emit('added', {\n    productId,\n    personId: props.personId,\n    categoryId: props.categoryId,\n    mode,\n    forceAdd: true,\n  })\n}\n\nfunction getReductionLabel(__reduction, i) {\n  const type = t(`info.${__reduction.type}`)\n  const amount = Math.abs(__reduction.amount).toFixed(2)\n  const currency = t('product.currency')\n  const separator = reduction.value.labels.length - 1 !== i ? ';' : ''\n\n  return `${type} ${amount} ${currency}${separator}`\n}\n\nfunction isFranchiseInfoMessageShown(productId, selectedOption) {\n  const option = selectedOption || props.product.prices.find(p => p.selected === true)\n  const categoryId = getCategoryIdFromProduct(productId)\n\n  if (!option) return\n\n  return categoryId === CATEGORY_TYPE.HOSP && option.value && option.value !== 0\n}\n\nasync function removeProduct(productId) {\n  const { askChangeConfirmation } = useStatus()\n  const { removeProductFromOvpBasket } = useBasket()\n\n  if (!(await askChangeConfirmation(t('product.confirmRemoval')))) {\n    return\n  }\n\n  loading$.start({ blocking: false })\n  const __basket = await removeProductFromOvpBasket(props.personId, productId)\n  events$.emit(EVENT_PRODUCT.REMOVED, {\n    basket: __basket,\n    categoryId: props.categoryId,\n    personId: props.personId,\n    productId: props.product.productId,\n    source: props.source,\n  })\n  emit('removed', productId)\n  loading$.end()\n}\n\nfunction searchMedicalOffice(product) {\n  emit('closed')\n\n  events$.emit(EVENT_MEDICAL_OFFICE_MODAL_OPEN, {\n    source: props.source,\n    personId: props.personId,\n    product,\n  })\n}\n\nasync function selectOption(option, simulate = false) {\n  loading$.start()\n\n  const { updateOvpBasket, persistBasket } = useBasket()\n  const { selectProductOption } = useProduct()\n\n  if (!props.product.selected) {\n    simulate = true\n  }\n\n  try {\n    let __basket = await selectProductOption(props.personId, props.product.productId, option)\n    __basket = await updateOvpBasket(__basket, { simulate })\n    __basket = await persistBasket(__basket)\n\n    events$.emit(EVENT_PRODUCT.CHANGED, {\n      basket: __basket,\n      categoryId: props.categoryId,\n      option,\n      personId: props.personId,\n      productId: props.product.productId,\n      source: props.source,\n    })\n\n    showFranchiseInfoMessage.value = isFranchiseInfoMessageShown(props.product.productId, option)\n    emit('update', props.product.productId)\n    loading$.end()\n    return __basket\n  } catch (_e) {\n    loading$.failed()\n  }\n}\n\n// Lifecycle Hooks\nonMounted(() => {\n  showFranchiseInfoMessage.value = isFranchiseInfoMessageShown(props.product.productId)\n})\nonBeforeUnmount(() => {\n  emit('closed')\n})\n</script>\n\n<style name=\"mobile\" scoped>\n.box {\n  cursor: default;\n  display: grid;\n  grid-template-rows: 1fr minmax(0, auto);\n\n  .product__costs {\n    display: flex;\n    flex-direction: column;\n\n    .product__price {\n      font-size: 50px;\n      line-height: 60px;\n\n      & :deep(.price__unavailable) {\n        font-size: 30px;\n      }\n    }\n\n    .product__reduction {\n      font-size: 14px;\n    }\n  }\n\n  .product__name {\n    margin: 16px 0 0 0;\n  }\n\n  .product__description {\n    margin: 8px 0 0 0;\n  }\n\n  .product__content {\n    .product__bullets {\n      margin: 8px 0 0 0;\n      padding: 0 0 0 20px;\n    }\n\n    .product__message {\n      margin: 24px 0 0 0;\n    }\n  }\n\n  .product__criterias {\n    margin: 16px 0 0 0;\n\n    .options {\n      margin: 8px 0 0 0;\n    }\n  }\n\n  .product__doctor {\n    margin: 16px 0 0 0;\n  }\n\n  .product__actions {\n    margin: 16px 0 0 0;\n    display: flex;\n    flex-direction: column;\n    row-gap: 16px;\n\n    .product__links {\n      display: flex;\n      flex-direction: column;\n      line-height: 50px;\n    }\n  }\n}\n\n.options-franchise__message {\n  margin-top: 16px;\n}\n\n.button.product__hospital-search {\n  color: var(--c-primary-color-3);\n  width: 100%;\n  min-height: 50px;\n  justify-content: flex-start;\n  padding: 0;\n}\n\n.hospital-search__iframe {\n  display: flex;\n  height: 100vh;\n  width: 100%;\n  overflow: hidden;\n  border: none;\n  padding: calc(var(--modal-offset-inner) + 24px) var(--modal-offset-outer) var(--modal-offset-inner);\n}\n</style>\n\n<style name=\"desktop\" scoped>\n@media (--md) {\n  .box {\n    .product__costs {\n      flex-direction: row;\n      gap: 24px;\n\n      .product__reduction {\n        padding: 16px 0 0 0;\n      }\n    }\n\n    .product__actions {\n      margin: 44px 0 0;\n      flex-direction: row;\n      justify-content: space-between;\n\n      .product__links {\n        flex-direction: row;\n        gap: 48px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useBenefits","getBenefitsTableData","benefits","columns","selectedId","benefitShowProductLinks","data","contentColumns","column","selectedContentColumn","_getHeaderRow","_getContent","feature","featureIndex","featureElements","subTypes","subType","subTypeIndex","subTypeIcons","contentArray","_getTitleData","element","tm","useI18n","isReady","useApplication","instance","getCurrentInstance","benefitsTableRef","ref","__Icon","createVNode","hasSubtitles","computed","props","item","addTooltips","elements","content","node","tooltipKey","tooltip","tippy","render","getUrl","productLink","watchEffect","value","onChange","toggle","option","$emit","te","classes","isDisabled","isPlain","isPrimary","needsDoctor","isSecondary","title","getContent","m","willReplaceIds","willReplace","useProduct","actionHandler","emit","productId","key","productPath","t","confirm","useConfirmation","updateOvpBasket","useBasket","getDoctorName","getTransferableDoctorFromOtherPerson","useDoctor","logError","useLogger","getFirstName","persons","getPersonWithDetails","usePerson","addProductDoctorToBasket","getAVMId","getCategoryIdFromProduct","getSelectedProductsOfPerson","hasPersonOnlyVVG","isProductInBasket","discountTooltip","transferableDoctorOtherPerson","person","c","n","candidateNetworkId","hmoProducts","AVM_TYPE_CARE_MED","AVM_TYPE_NET_MED","AVM_TYPE_MED_BASE","networkId","discountGroup","doctor","discountIcon","doctorName","doctorNameTransferableDoctorOtherPerson","transferableDoctorOtherPersonName","__personId","hasDoctor","isEmpty","isTransferable","ident","productAVMtypes","searchKey","isEnabled","productCategory","watch","getDiscountContent","events$","EVENT_TRANSFER_DOCTOR_FROM_OTHER","transferDoctorFromOtherPerson","apply","applyToBasket","type","description","label","__doctor","categoryId","appliedFromOther","loading$","basket","EVENT_PRODUCT","error","__el","search","selectedOption","sortedOptions","selectedIndex","index","o","SortUtil","items","text","select","EVENT_BASKET","isInline","isMultiRows","isMobileView","getFormattedCurrency","input","currency","fixed","formatCurrency","useFranchise","_option","buttonClasses","price","priceDifference","diff","fetchContentByPath","useResources","structure","benefitsTableData","isComparison","pack","showTable","onMounted","response","show","open","AM_KEY","GF_KEY","values","duration","match","newOption","isUpgrade","getPerson","state","useProductState","locale","showFranchiseInfoMessage","showHospitalSearchModal","additionalInfo","isUnborn","productHasAccident","hasAccident","optionTitles","productHasDuration","hasDuration","productHasFranchise","hasFranchise","productHasVitalFranchise","hasVitalFranchise","hasOptionsValue","hasOptions","hospitalSearchUrl","isProductNotDeletable","productState","PRODUCT_STATE","isProductReadonly","getOptionTitles","selectedPrice","p","pricePrefix","partnerNumber","punchline","group","product","reduction","amount","showHospitalSearch","addProduct","mode","getReductionLabel","__reduction","i","separator","isFranchiseInfoMessageShown","CATEGORY_TYPE","removeProduct","askChangeConfirmation","useStatus","removeProductFromOvpBasket","__basket","searchMedicalOffice","EVENT_MEDICAL_OFFICE_MODAL_OPEN","selectOption","simulate","persistBasket","selectProductOption","onBeforeUnmount"],"mappings":"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"}