{"version":3,"file":"ProductBox-2cd97320.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/HaX/TransferRight.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>\n              &nbsp;\n            </th>\n            <template\n              v-for=\"(item, index) in $props.benefitsData.header.contentArray\"\n              :key=\"index\"\n            >\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          >\n            <td class=\"row__title\">\n              <the-icon\n                v-if=\"row.icon\"\n                class=\"row-title-icon\"\n                art=\"light\"\n                :name=\"row.icon\"\n              />\n              <the-typography\n                :type=\"row.isMainType ? 'heading06' : 'bodyMediumLong'\"\n                v-html=\"row.title\"\n              />\n            </td>\n\n            <template\n              v-for=\"(rowContent, rowContentIndex) in row.content\"\n              :key=\"rowContentIndex\">\n              <td\n                :class=\"{ 'selected': rowContentIndex === $props.benefitsData.selectedContentColumn }\"\n                v-html=\"rowContent\"\n              />\n            </template>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, createVNode, render, getCurrentInstance, ref, watchEffect } from 'vue'\n\nimport tippy from 'tippy.js'\n\nimport { useApplication, useI18n } from '@/hooks'\n\n// HOOKS\nconst { isReady } = useApplication()\nconst { t } = useI18n()\nconst instance = getCurrentInstance()\n\n// INIT\nconst props = defineProps({\n  benefitsData: {\n    type: Object,\n    required: true,\n  },\n})\n\n// DATA\nconst benefitsTableRef = ref(undefined)\n// @TODO Try out with new circumstances whether this is still needed\nlet __Icon\nif (instance?.appContext?.components?.Icon) {\n  __Icon = createVNode(instance?.appContext?.components?.Icon, { art: 'light', name: 'circle-question' })\n}\n\n// COMPUTED\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 = t('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// WATCHERS\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    tr {\n      height: 100%;\n    }\n\n    @supports (-moz-appearance: none) {\n      th {\n        height: 100% !important;\n      }\n    }\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","<template>\n  <!-- prettier-ignore -->\n  <div\n    class=\"accident\"\n    cy-option=\"accident\"\n  >\n    <Form.Toggle\n      v-model=\"toggleValue\"\n      name=\"accident\"\n      @update:modelValue=\"onChange\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue'\n\nimport * as Form from '@/components/Form'\n\nconst $emit = defineEmits(['select'])\n\n// PROPS\nconst props = defineProps({\n  option: {\n    type: Object,\n    required: true,\n  },\n})\n\n// DATA\nconst toggleValue = ref(props.option.toggle)\n\n// METHODS\nfunction onChange(toggle) {\n  const option = Object.assign({}, props.option, { toggle: toggle })\n  $emit('select', option)\n}\n\nwatch(\n  () => props.option,\n  __value => {\n    toggleValue.value = __value.toggle\n  }\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      <the-button\n        v-tooltip=\"tooltip\"\n        class=\"action__unavailable\"\n        icon-art=\"light\"\n        icon=\"question-circle\"\n        plain\n        tiny\n        :text=\"$t(title)\"\n      />\n    </template>\n\n    <template v-else>\n      <the-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      </the-button>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nimport TheButton from '@/components/Form/Button'\n\nimport useI18n from '@/hooks/useI18n'\nimport { usePersonSpecificProduct } from '@/hooks'\n\n// Hooks\nconst { t, te } = 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 t(`error.${m.key}`)\n      })\n      .join('; ')\n      .trim()\n\n    if (!content) {\n      content = t(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 } = usePersonSpecificProduct()\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  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  flex-flow: row-reverse;\n  gap: 4px;\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'\n\nimport useBasket from '@/hooks/useBasket'\nimport useConfirmation from '@/hooks/useConfirmation'\nimport useDoctor from '@/hooks/useDoctor'\nimport useI18n from '@/hooks/useI18n'\nimport useLogger from '@/hooks/useLogger'\nimport usePerson from '@/hooks/usePerson'\nimport usePersonSpecificProduct from '@/hooks/usePersonSpecificProduct'\nimport useProduct from '@/hooks/useProduct'\n\n// Init\nconst emit = defineEmits(['search'])\n\n// Hooks\nconst { updateOvpBasket } = useBasket()\nconst { confirm } = useConfirmation()\nconst { getDoctorName, getTransferableDoctorFromOtherPerson } = useDoctor()\nconst { t } = useI18n()\nconst { logError } = useLogger()\nconst { getFirstName, persons, getPersonWithDetails } = usePerson()\nconst { getSelectedProductsOfPerson, hasPersonOnlyVVG, isProductInBasket } = usePersonSpecificProduct()\nconst { addProductDoctorToBasket, getAVMId, getCategoryIdFromProduct } = 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 useI18n from '@/hooks/useI18n'\n\nimport OvpRadioGroup from '@/components/Form/RadioGroup'\n\nimport { EVENT_BASKET, EVENT_PRODUCT } from '@/config/events'\n\nimport { SortUtil } from '@/utils/Sorting'\n\n// HOOKS\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          <the-typography\n            tag=\"span\"\n            type=\"bodyLargeShort\"\n            class=\"franchise__value\"\n            v-text=\"getFormattedCurrency(option.value, null, 0)\"\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\n    height: 50px;\n    outline: none;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n    color: var(--c-primary-neutral-1);\n\n    &--active.franchise-option {\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      .franchise__value {\n        font-weight: bold;\n      }\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  <the-message\n    v-if=\"hasTransferRight\"\n    theme=\"dark\"\n    v-html=\"$t('screen.products.noRiskAssessmentRequired')\"\n  />\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nimport { DateTimeUtil } from '@/utils/DateTime'\n\nimport { useBasket, useContract, useExistingCustomer, usePerson } from '@/hooks'\n\n// HOOKS\nconst { basket } = useBasket()\nconst { contractPersons, getContractProduct } = useContract()\nconst { isExistingCustomerBasket } = useExistingCustomer()\nconst { getPersonWithDetails } = usePerson()\n\n// INIT\nconst props = defineProps({\n  personId: {\n    type: String,\n    required: true,\n  },\n  productId: {\n    type: String,\n    required: true,\n  },\n})\n\n// DATA\nconst PRODUCTS = {\n  CLASSIC: 'AB04Produkt',\n  FAMILY: 'AB404Produkt',\n  JUMP: 'AB304Produkt',\n  VITAL_SMART: 'SAMB06MProdukt',\n  VITAL_PREMIUM: 'SAMB06LProdukt',\n}\nconst TRANSFERABLE_PRODUCTS = [PRODUCTS.VITAL_SMART, PRODUCTS.VITAL_PREMIUM]\nconst VITAL_START_DATE = '2024-01-02'\n\n// COMPUTED\nconst hasTransferRight = computed(() => {\n  if (!isExistingCustomerBasket.value) return false\n  if (!TRANSFERABLE_PRODUCTS.includes(props.productId)) return false\n\n  const person = getPersonWithDetails(props.personId)\n  if (!person.partnerNumber) return false\n\n  const hasFoundContractPerson = contractPersons.value.find(\n    p => p.personId === basket.persons.find(q => q.personId === props.personId).partnerNumber\n  )\n\n  if (!hasFoundContractPerson) return false\n\n  switch (props.productId) {\n    case PRODUCTS.VITAL_SMART: {\n      // If person has jump in contract he has transfer rights to Vital Smart with 2500/400\n      const hasJumpProduct = !!getContractProduct(person.partnerNumber, PRODUCTS.JUMP)\n      if (hasJumpProduct) {\n        const selectedCriteria = getSelectedCriteria(props.productId)\n        return selectedCriteria.amValue === 2500 && selectedCriteria.gfValue === 400\n      }\n\n      // If person has classic in contract he has transfer rights to Vital Smart with 5000/400\n      const hasClassicProduct = !!getContractProduct(person.partnerNumber, PRODUCTS.CLASSIC)\n      if (hasClassicProduct) {\n        const selectedCriteria = getSelectedCriteria(props.productId)\n        return selectedCriteria.amValue === 5000 && selectedCriteria.gfValue === 400\n      }\n\n      // If person has family in contract and is older than 18 at the end of the calendar year\n      // of the vital start date he has transfer rights to Vital Smart with 5000/400\n      const hasFamilyProduct = !!getContractProduct(person.partnerNumber, PRODUCTS.FAMILY)\n      if (hasFamilyProduct) {\n        const age = DateTimeUtil.getAgeEndOfContractStartYear(person.personData.dateOfBirth, VITAL_START_DATE)\n        const selectedCriteria = getSelectedCriteria(props.productId)\n        return age > 18 && selectedCriteria.amValue === 5000 && selectedCriteria.gfValue === 400\n      }\n      break\n    }\n    case PRODUCTS.VITAL_PREMIUM: {\n      // If person has family in contract and is younger than 19 ath the end of the calendar year\n      // of the vital start date he has transfer rights to Vital Premium\n      const hasFamilyProduct = !!getContractProduct(person.partnerNumber, PRODUCTS.FAMILY)\n      const age = DateTimeUtil.getAgeEndOfContractStartYear(person.personData.dateOfBirth, VITAL_START_DATE)\n      return hasFamilyProduct && age < 19\n    }\n  }\n\n  return false\n})\n\n// METHODS\nfunction getSelectedCriteria(productId) {\n  const personProducts = basket.persons.find(p => p.personId === props.personId).products.products\n  return personProducts[productId].prices.find(p => p.selected)\n}\n</script>\n<style name=\"mobile\" scoped></style>\n","<template>\n  <!-- prettier-ignore -->\n  <div class=\"comparison-content\">\n    <div\n      class=\"comparison-content__name\"\n      v-text=\"isComparison ? $props.content.comparisonTitle : $props.content.name\"\n    />\n\n    <div\n      v-if=\"$props.content.linkToContentPage\"\n      class=\"comparison-content__link\"\n    >\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    <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'\n\nimport useBenefits from '@/hooks/useBenefits'\nimport useResources from '@/hooks/useResources'\n\nimport BenefitsTable from '@/components/Benefits/BenefitsTable'\nimport LoadingAlt from '@/components/Container/LoadingAlt'\n\n// HOOKS\nconst { getBenefitsTableData } = useBenefits()\nconst { fetchContentByPath } = useResources()\n\n// INIT\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true,\n  },\n  product: {\n    type: Object,\n    required: true,\n  },\n  type: {\n    type: String,\n    required: true,\n  },\n})\n\n// DATA\nconst benefitsTableData = ref(null)\nconst structure = 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\n\n      benefitsTableData.value = getBenefitsTableData(response, 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    margin-bottom: 20px;\n\n    a:hover {\n      border-bottom: none;\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=\"$props.content\"\n        :product=\"$props.product\"\n        :type=\"$props.type\"\n      />\n    </the-modal>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\n\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// INIT\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true,\n  },\n  product: {\n    type: Object,\n    required: true,\n  },\n  source: {\n    type: String,\n    required: true,\n  },\n  type: {\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 class=\"product__criteria\">\n      <slot name=\"amValue\" />\n\n      <div\n        class=\"franchise\"\n        :class=\"{'franchise--mobile': $props.forcedMobile}\">\n        <transition-group\n          appear\n          name=\"hello\">\n          <template\n            v-for=\"option in values[AM_KEY]\"\n            :key=\"option.value\">\n            <button\n              :class=\"buttonClasses(option)\"\n              :cy-test=\"option.value\"\n              @click=\"select(AM_KEY, option)\">\n              <the-typography\n                tag=\"span\"\n                type=\"bodyLargeShort\"\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 class=\"product__criteria\">\n      <slot name=\"gfValue\" />\n\n      <div\n        class=\"franchise\"\n        :class=\"{'franchise--mobile': $props.forcedMobile}\">\n        <transition-group\n          appear\n          name=\"hello\">\n          <template\n            v-for=\"option in values[GF_KEY]\"\n            :key=\"option.value\">\n            <button\n              :class=\"buttonClasses(option)\"\n              :cy-test=\"option.value\"\n              @click=\"select(GF_KEY, option)\">\n              <the-typography\n                tag=\"span\"\n                type=\"bodyLargeShort\"\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  // If duration is set to 'F', there are no available options in the prices array to select from,\n  // so according to FLEX-1881 we select the 1 year duration when the vital product is changed\n  const duration = selectedOption.value.duration === 'F' ? '1' : 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    width: 100%;\n    height: 50px;\n    outline: none;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n    color: var(--c-primary-neutral-1);\n\n    &--active.franchise-option {\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      .franchise__value {\n        font-weight: bold;\n      }\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    &--mobile {\n      gap: 16px;\n    }\n\n    &-option {\n      max-width: 150px;\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 $t(`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          :text=\"additionalInfo\"\n          theme=\"dark\"\n        />\n\n        <transfer-right\n          class=\"product__message\"\n          :person-id=\"$props.personId\"\n          :product-id=\"$props.product.productId\"\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\n                <the-typography type=\"heading05\">\n                  <span v-text=\"optionTitles.amValue.title\" />\n                  &nbsp;\n                  <the-icon\n                    v-if=\"optionTitles.amValue.tooltip\"\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.tooltip\"\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=\"$t(`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=\"$t(`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'\n\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 TransferRight from '@/components/HaX/TransferRight'\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 {\n  useBasket,\n  useI18n,\n  usePerson,\n  usePersonSpecificProduct,\n  useProduct,\n  useProductState,\n  useStatus,\n} from '@/hooks'\n\n// HOOKS\nconst { getCategoryIdFromProduct, isUpgrade } = useProduct()\nconst { selectedLanguage, t, te } = useI18n()\nconst { getPerson } = usePerson()\nconst { state } = useProductState()\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\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\n// eslint-disable-next-line vue/no-dupe-keys\nconst product = computed(() => {\n  return props.product\n})\n\nconst productHasAccident = computed(() => {\n  const { hasAccident } = useProduct()\n  return hasAccident(product.value) && optionTitles.value.accident\n})\n\nconst productHasDuration = computed(() => {\n  const { hasDuration } = useProduct()\n  return hasDuration(product.value) && optionTitles.value.duration\n})\n\nconst productHasFranchise = computed(() => {\n  const { hasFranchise } = useProduct()\n  return hasFranchise(product.value) && optionTitles.value.franchise\n})\n\nconst productHasVitalFranchise = computed(() => {\n  const { hasVitalFranchise } = useProduct()\n  return hasVitalFranchise(product.value)\n})\n\nconst hasOptionsValue = computed(() => {\n  const { hasOptions } = useProduct()\n  return hasOptions(product.value) && props.options\n})\n\nconst hospitalSearchUrl = computed(() => {\n  return `${import.meta.env.VITE_SANITAS_PATH}/content/sanitas-internet/appintegration/${\n    selectedLanguage.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(product.value.productId, props.groupId, props.categoryId)\n})\n\nconst selectedPrice = computed(() => {\n  return product.value.prices.find(p => p.selected) || {}\n})\n\nconst pricePrefix = computed(() => {\n  return product.value?.showDiscountGroup && !product.value.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, product.value.productId)\n})\n\nconst punchline = computed(() => {\n  const group = `content.groups.${props.groupId}.title`\n  const __product = `content.products.${product.value.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: __product,\n  })\n}\n\nasync function selectOption(option, simulate = false) {\n  loading$.start()\n\n  const { updateOvpBasket, persistBasket } = useBasket()\n  const { selectProductOption } = usePersonSpecificProduct()\n\n  if (!props.product.selected) {\n    simulate = true\n  }\n\n  try {\n    let __basket = await selectProductOption({ personId: props.personId, productId: props.product.productId, option })\n    __basket = await updateOvpBasket(__basket, { simulate })\n    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","isReady","useApplication","t","useI18n","instance","getCurrentInstance","benefitsTableRef","ref","__Icon","createVNode","hasSubtitles","computed","props","item","addTooltips","elements","content","node","tooltipKey","tooltip","tippy","render","getUrl","productLink","watchEffect","toggleValue","onChange","toggle","option","$emit","watch","__value","te","classes","isDisabled","isPlain","isPrimary","needsDoctor","isSecondary","title","getContent","m","willReplaceIds","willReplace","usePersonSpecificProduct","actionHandler","emit","productId","key","productPath","updateOvpBasket","useBasket","confirm","useConfirmation","getDoctorName","getTransferableDoctorFromOtherPerson","useDoctor","logError","useLogger","getFirstName","persons","getPersonWithDetails","usePerson","getSelectedProductsOfPerson","hasPersonOnlyVVG","isProductInBasket","addProductDoctorToBasket","getAVMId","getCategoryIdFromProduct","useProduct","discountTooltip","transferableDoctorOtherPerson","person","c","v","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","value","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","VITAL_START_DATE","contractPersons","getContractProduct","useContract","isExistingCustomerBasket","useExistingCustomer","PRODUCTS","TRANSFERABLE_PRODUCTS","hasTransferRight","p","q","selectedCriteria","getSelectedCriteria","age","DateTimeUtil","hasFamilyProduct","fetchContentByPath","useResources","benefitsTableData","structure","isComparison","pack","showTable","onMounted","response","show","open","AM_KEY","GF_KEY","values","duration","match","newOption","isUpgrade","selectedLanguage","getPerson","state","useProductState","showFranchiseInfoMessage","showHospitalSearchModal","additionalInfo","isUnborn","product","productHasAccident","hasAccident","optionTitles","productHasDuration","hasDuration","productHasFranchise","hasFranchise","productHasVitalFranchise","hasVitalFranchise","hasOptionsValue","hasOptions","hospitalSearchUrl","isProductNotDeletable","productState","PRODUCT_STATE","isProductReadonly","getOptionTitles","selectedPrice","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":"u4BAAe,SAASA,IAAc,CACpC,SAASC,EAAqBC,EAAUC,EAASC,EAAYC,EAA0B,GAAO,CAC5F,MAAMC,EAAO,CAAE,EACTC,EAAiBJ,EAAQ,OAAOK,GAAUA,IAAW,cAAc,EACzE,IAAIC,EAAwB,GAC5B,OAAIF,EAAe,OAAS,IAC1BE,EAAwBF,EAAe,UAAUC,GACxCA,IAAWJ,CACnB,GAGHE,EAAK,OAASI,EAAcR,EAAUC,EAASM,EAAuBJ,CAAuB,EAC7FC,EAAK,sBAAwBG,EAC7BH,EAAK,QAAUK,EAAYT,EAAUK,CAAc,EAC5CD,CACR,CAED,SAASK,EAAYT,EAAUK,EAAgB,CAE7C,OADiBL,EAAS,cAAc,UACvB,QAAQ,CAACU,EAASC,IAAiB,CAClD,MAAMC,EAAkB,CAAE,EAC1BA,EAAgB,KAAK,CACnB,WAAY,GACZ,MAAOF,EAAQ,KACf,KAAMA,EAAQ,SACd,QAASL,EAAe,IAAIC,GAAUN,EAASM,CAAM,GAAG,SAASK,CAAY,EAAE,IAAI,CAC3F,CAAO,EACD,MAAME,EAAWH,EAAQ,QAAQ,IAAI,CAACI,EAASC,IAAiB,CAC9D,MAAMC,EAAeN,GAAS,aAC9B,MAAO,CACL,WAAY,GACZ,MAAOI,EACP,KAAME,EAAeA,EAAaD,CAAY,EAAI,KAClD,QAASV,EAAe,IAAIC,GAAUN,EAASM,CAAM,GAAG,SAASK,CAAY,EAAE,QAAQI,CAAY,CAAC,CACrG,CACT,CAAO,EACD,OAAAH,EAAgB,KAAK,GAAGC,CAAQ,EACzBD,CACb,CAAK,CACF,CAED,SAASJ,EAAcR,EAAUC,EAASM,EAAuBJ,EAAyB,CACxF,MAAMc,EAAe,CAAE,EACvB,OAAAhB,EAAQ,QAAQK,GAAU,CACpBA,IAAW,gBACbW,EAAa,KAAKC,EAAclB,EAASM,CAAM,EAAGH,CAAuB,CAAC,CAElF,CAAK,EACM,CACL,aAAAc,EACA,sBAAAV,CACD,CACF,CAED,SAASW,EAAcC,EAAShB,EAAyB,CACvD,MAAO,CACL,MAAOgB,GAAS,MAAQA,EAAQ,MAAQ,SACxC,SAAUA,GAAS,SACnB,YAAahB,EAA0BgB,GAAS,YAAc,IAC/D,CACF,CAED,MAAO,CACL,qBAAApB,CACD,CACH,oTC2BM,CAAE,QAAAqB,CAAS,EAAGC,GAAgB,EAC9B,CAAE,EAAAC,CAAG,EAAGC,GAAS,EACjBC,EAAWC,GAAoB,EAW/BC,EAAmBC,EAAI,MAAS,EAEtC,IAAIC,EACAJ,GAAU,YAAY,YAAY,OACpCI,EAASC,EAAYL,GAAU,YAAY,YAAY,KAAM,CAAE,IAAK,QAAS,KAAM,iBAAiB,CAAE,GAIxG,MAAMM,EAAeC,EAAS,IACrBC,EAAM,aAAa,OAAO,aAAa,KAAKC,GAAQ,CAAC,CAACA,EAAK,QAAQ,CAC3E,EAGD,SAASC,GAAc,CACrB,MAAMC,EAAWT,EAAiB,OAAO,iBAAiB,gBAAgB,EACpEU,EAAUd,EAAE,kBAAkB,EAEpCa,GAAU,QAAQE,GAAQ,CACxB,MAAMC,EAAaD,EAAK,SAAS,QAAQ,YAAa,EAChDE,EAAUH,EAAQE,CAAU,EAAIF,EAAQE,CAAU,EAAI,KAExDC,IACFF,EAAK,aAAa,QAAS,mBAAmB,EAC9CA,EAAK,aAAa,YAAaE,CAAO,EACtCF,EAAK,UAAYA,EAAK,UAAY,GAElCG,GAAMH,EAAM,CACV,QAAS,yBACT,UAAW,GACX,SAAU,SAAS,KACnB,MAAO,GACP,QAASE,EACT,YAAa,GACb,MAAO,UACf,CAAO,EAEDE,GAAOb,EAAQS,CAAI,EAEzB,CAAG,CACH,CAEA,SAASK,EAAOC,EAAa,CAC3B,MAAO,0BAAuCA,GAChD,CAGA,OAAAC,GAAY,IAAM,CACZxB,EAAQ,OACVc,EAAa,CAEjB,CAAC,qkDC7HKW,EAAclB,EAAIK,EAAM,OAAO,MAAM,EAG3C,SAASc,EAASC,EAAQ,CACxB,MAAMC,EAAS,OAAO,OAAO,CAAE,EAAEhB,EAAM,OAAQ,CAAE,OAAQe,EAAQ,EACjEE,EAAM,SAAUD,CAAM,CACxB,CAEA,OAAAE,GACE,IAAMlB,EAAM,OACZmB,GAAW,CACTN,EAAY,MAAQM,EAAQ,MAC7B,CACH,wmBCDM,CAAE,EAAA7B,EAAG,GAAA8B,CAAI,EAAG7B,GAAS,EA0CrB8B,EAAUtB,EAAS,KAChB,CACL,OAAQ,GACR,mBAAoBuB,EAAW,KAChC,EACF,EAEKA,EAAavB,EAAS,IACnBC,EAAM,UAAa,CAACA,EAAM,QAAQ,OAAS,CAACA,EAAM,QAC1D,EAEKuB,EAAUxB,EAAS,IAChBC,EAAM,QACd,EAEKwB,EAAYzB,EAAS,IAClBC,EAAM,SAAW,CAACuB,EAAQ,OAAS,CAACvB,EAAM,UAAY,CAACyB,EAAY,KAC3E,EAEKC,EAAc3B,EAAS,IACpB,CAACyB,EAAU,OAAS,CAACD,EAAQ,KACrC,EAOKE,EAAc1B,EAAS,IACpBC,EAAM,QAAQ,eAAiB,CAACA,EAAM,QAAQ,QAAU,CAACA,EAAM,QAAQ,QAC/E,EAEK2B,EAAQ5B,EAAS,IACjB,CAACC,EAAM,QAAQ,OAAS,CAACA,EAAM,SAC1B,sBACEA,EAAM,SACR4B,EAAW5B,EAAM,QAAQ,UAAW,gBAAgB,EAClD,CAACA,EAAM,MAAQyB,EAAY,MAC7B,qBAEAG,EAAW5B,EAAM,QAAQ,UAAW,aAAa,CAE3D,EAEKO,EAAUR,EAAS,IAAM,CAC7B,GAAIuB,EAAW,MAAO,CACpB,IAAIlB,EAAUJ,EAAM,QAAQ,UACxB,IAAI6B,GACGvC,EAAE,SAASuC,EAAE,KAAK,CAC1B,EACA,KAAK,IAAI,EACT,KAAM,EAET,OAAKzB,IACHA,EAAUd,EAAEsC,EAAW5B,EAAM,QAAQ,UAAW,aAAa,CAAC,GAGzD,CACL,UAAW,GACX,QAAAI,CACD,MAED,OAAO,EAEX,CAAC,EAEK0B,EAAiB/B,EAAS,IAAM,CACpC,KAAM,CAAE,YAAAgC,CAAa,EAAGC,GAA0B,EAElD,OAAOD,EAAY/B,EAAM,SAAUA,EAAM,QAAQ,SAAS,CAC5D,CAAC,EAGD,SAASiC,GAAgB,CACvB,GAAI,CAAAX,EAAW,MACf,GAAItB,EAAM,QAAQ,eAAiByB,EAAY,MAC7CS,EAAK,QAAQ,UACJ,CAAClC,EAAM,UAAYA,EAAM,QAAQ,MAAO,CACjD,MAAMmC,EAAYL,EAAe,MACjCI,EAAK,MAAO,CAAE,QAAS,CAAC,CAACC,EAAW,UAAAA,EAAW,OACtCnC,EAAM,UACfkC,EAAK,QAAQ,CAEjB,CAEA,SAASN,EAAWO,EAAWC,EAAK,CAClC,MAAMC,EAAc,oBAAoBF,IACxC,OAAOf,EAAG,GAAGiB,KAAeD,GAAK,EAAI,GAAGC,KAAeD,IAAQ,WAAWA,GAC5E,62CCXM,CAAE,gBAAAE,CAAiB,EAAGC,GAAW,EACjC,CAAE,QAAAC,CAAS,EAAGC,GAAiB,EAC/B,CAAE,cAAAC,EAAe,qCAAAC,CAAsC,EAAGC,GAAW,EACrE,CAAE,EAAAtD,CAAG,EAAGC,GAAS,EACjB,CAAE,SAAAsD,CAAU,EAAGC,GAAW,EAC1B,CAAE,aAAAC,EAAc,QAAAC,EAAS,qBAAAC,CAAoB,EAAKC,GAAW,EAC7D,CAAE,4BAAAC,EAA6B,iBAAAC,EAAkB,kBAAAC,CAAiB,EAAKrB,GAA0B,EACjG,CAAE,yBAAAsB,EAA0B,SAAAC,EAAU,yBAAAC,CAAwB,EAAKC,EAAY,EAqB/EC,EAAkB/D,EAAI,EAAE,EAGxBgE,EAAgC5D,EAAS,IAAM,CAEnD,MAAM6D,EAASX,EAAqBjD,EAAM,QAAQ,EAClD,OAAImD,EAA4BS,EAAO,SAAS,QAAQ,EAAE,OAAS,GAAK,CAACR,EAAiBpD,EAAM,QAAQ,EAC/F,KAGF2C,EAAqCK,EAAQ,MAAOhD,EAAM,QAAQ,EACtE,OAAO6D,GAAK,OAAO,OAAOA,CAAC,EAAE,OAAOC,GAAKA,IAAM,MAAS,EAAE,SAAW,CAAC,EACtE,KAAKD,GACJA,EAAE,OAAO,kBAAkB,KAAKE,GAAK,CACnC,MAAMC,EAAqBT,EAASM,EAAE,SAAS,EACzCI,EAAc,CAACC,GAAmBC,EAAgB,EAGxD,OACGH,IAAuBI,IAAqBC,EAAU,QAAUD,IAChEH,EAAY,SAASD,CAAkB,GAAK,CAACC,EAAY,SAASI,EAAU,KAAK,EAE3E,GAEFN,EAAE,gBAAkBM,EAAU,KAC7C,CAAO,CACF,CACL,CAAC,EAEKC,GAAgBvE,EAAS,IACzB,CAACC,EAAM,QAAQ,mBAAqB,CAACuE,EAAO,MAAc,GAC9CA,EAAO,MAAM,kBAAkB,KAAKR,GAAKA,EAAE,gBAAkBM,EAAU,KAAK,GAC5E,aACjB,EAEKG,GAAezE,EAAS,IAAM,CAElC,OADc,SAASuE,GAAc,KAAK,EAC7B,CACX,IAAK,GACL,QACE,MAAO,cAET,IAAK,GACH,MAAO,cAET,IAAK,GACH,MAAO,aACV,CACH,CAAC,EAEKC,EAASxE,EAAS,IACfC,EAAM,QAAQ,MACtB,EAEKyE,EAAa1E,EAAS,IACnB2C,EAAc6B,EAAO,KAAK,CAClC,EAEKG,GAA0C3E,EAAS,IAChD2C,EAAciB,EAA8B,OAAO,MAAM,CACjE,EAEKgB,GAAoC5E,EAAS,IAAM,CACvD,MAAM6E,EAAajB,EAA8B,OAAO,OACxD,OAAKiB,EAGE7B,EAAa6B,CAAU,EAFrB,EAGX,CAAC,EAEKC,GAAY9E,EAAS,IAClB,CAAC+E,GAAQ9E,EAAM,QAAQ,MAAM,CACrC,EAEKqE,EAAYtE,EAAS,IAClBwD,EAASvD,EAAM,QAAQ,SAAS,CACxC,EAEK+E,GAAiBhF,EAAS,IAAM,CACpC,MAAMoC,EAAYnC,EAAM,QAAQ,UAChC,GAAI,CAACqD,EAAkBrD,EAAM,SAAUmC,CAAS,GAAK,CAACoC,EAAO,MAC3D,MAAO,GAGT,MAAMS,EAAQC,GAAgB9C,CAAS,EACvC,GAAI+B,KAAsBc,EACxB,MAAO,GAGT,MAAME,EAAYF,IAAUb,GAAmBD,GAAoBC,GACnE,MAAO,CAAC,CAACI,EAAO,MAAM,kBAAkB,KAAKR,GAAKA,EAAE,gBAAkBmB,CAAS,CACjF,CAAC,EAEKC,GAAYpF,EAAS,IAEvBC,EAAM,QAAQ,gBACb6E,GAAU,OAAS7E,EAAM,QAAQ,UAAY+E,GAAe,OAAS,CAAC,CAACpB,EAA8B,MAEzG,EAEKyB,GAAkBrF,EAAS,IACxByD,EAAyBxD,EAAM,QAAQ,SAAS,CACxD,EAGDkB,GACE,IAAMoD,GACNe,GAAS,CACHA,GACFC,GAAoB,CAEvB,EACD,CAAE,UAAW,EAAM,CACrB,EAEApE,GACE,IAAMyC,EACN0B,GAAS,CACHA,GACFE,EAAQ,KAAKC,GAAiC,SAAS,CAE1D,EACD,CAAE,UAAW,EAAM,CACrB,EAGA,eAAeC,IAAgC,CAC7C,MAAMC,EAAQ,IAAM,CAClBC,GAAchC,EAA8B,OAAO,OAAQ3D,EAAM,QAAQ,UAAWoF,GAAgB,MAAO,EAAI,CAChH,EAED,GAAIzB,EAA8B,OAAO,OAAO,sBAAwB,iBAAkB,CACxF,MAAMiC,EAAOX,GAAgBjF,EAAM,QAAQ,SAAS,EAAE,YAAa,EAC7D2B,EAAQrC,EAAE,6CAA6CsG,GAAM,EAC7DC,EAAcvG,EAAE,mDAAmDsG,GAAM,EAEzEE,EAAQ,GAAGnE,MAAUkE,IACvB,MAAMrD,EAAQsD,CAAK,GACrBJ,EAAO,OAGTA,EAAO,CAEX,CAEA,SAASC,GAAcI,EAAU5D,EAAW6D,EAAYC,EAAmB,GAAO,CAChF,GAAI,CAAAC,EAAS,WAAW,OAAO,MAG/B,OAAAA,EAAS,MAAO,EAET5C,EAAyBtD,EAAM,SAAUmC,EAAW4D,CAAQ,EAChE,KAAKI,GAAU7D,EAAgB6D,CAAM,CAAC,EACtC,KAAKA,IACJZ,EAAQ,KAAKa,GAAc,MAAO,CAChC,OAAAD,EACA,WAAAH,EACA,SAAUhG,EAAM,SAChB,UAAAmC,EACA,OAAQnC,EAAM,MACtB,CAAO,EACMmG,EACR,EACA,KAAKA,IACAF,GACFV,EAAQ,KAAKC,GAAiC,OAAO,EAEhDW,EACR,EACA,MAAME,GAASxD,EAASwD,CAAK,CAAC,EAC9B,QAAQ,IAAMH,EAAS,KAAK,CACjC,CAEA,SAASZ,IAAqB,CAC5B,MAAMgB,EAAO,SAAS,eAAe,iBAAiBtG,EAAM,QAAQ,WAAW,EAC3EsG,EACF,OAAO,OAAO5C,EAAiB,CAC7B,UAAW,GACX,QAAS4C,CACf,CAAK,EAED,OAAO,WAAW,IAAM,CACtBhB,GAAoB,CACrB,EAAE,GAAI,CAEX,CAEA,SAASiB,GAAS,CAChBrE,EAAK,QAAQ,CACf,w5EC7VM,CAAE,EAAA5C,CAAG,EAAGC,GAAS,EA2BjBiH,EAAiBzG,EAAS,IACvB0G,EAAc,MAAM,UAAUxG,GAAQA,EAAK,QAAQ,CAC3D,EAEKwG,EAAgB1G,EAAS,IAAM,CACnC,MAAM2G,EAAgB1G,EAAM,QAAQ,UAAUC,GAAQA,EAAK,QAAQ,EACnE,OAAOD,EAAM,QACV,OAAO,CAACgB,EAAQ2F,IACC3G,EAAM,QAAQ,OAAO4G,GAAKA,EAAE,WAAa5F,EAAO,QAAQ,EAAE,SACvD,GAAK0F,IAAkBC,CAC3C,EACA,KAAKE,GAAS,YAAY,UAAU,CAAC,CAC1C,CAAC,EAEKC,EAAQ/G,EAAS,IACd0G,EAAc,MAAM,IAAI,CAACzF,EAAQqE,IAAU,CAChD,IAAI0B,EACJ,OAAQ/F,EAAO,SAAS,SAAU,EAAA,CAChC,IAAK,IACH+F,EAAO,GAAG/F,EAAO,YAAY1B,EAAE,WAAW,IAC1C,MAEF,IAAK,IACL,IAAK,IACHyH,EAAO,GAAG/F,EAAO,YAAY1B,EAAE,YAAY,IAC3C,MAEF,IAAK,IACHyH,EAAOzH,EAAE,mCAAmC,EAC5C,KACH,CAED,MAAO,CAAE,MAAA+F,EAAO,KAAA0B,CAAM,CAC1B,CAAG,CACF,EAGD,SAASC,EAAOL,EAAO,CACrB,MAAM3F,EAAS,OAAO,OAAO,GAAIyF,EAAc,MAAME,CAAK,EAAG,CAAE,SAAU,EAAI,CAAE,EAC/EzE,EAAK,SAAUlB,CAAM,EACrBuE,EAAQ,KAAK0B,GAAa,mBAAoB,CAC5C,OAAQb,GAAc,iBACtB,QAAS,CACP,WAAYpG,EAAM,WAClB,OAAQA,EAAM,OACd,UAAWA,EAAM,SAClB,CACL,CAAG,CACH,yhBCzBMqB,EAAUtB,EAAS,KAChB,CACL,UAAW,GACX,oBAAqBmH,EAAS,MAC9B,wBAAyBC,EAAY,MACrC,yBAA0BC,EAAa,KACxC,EACF,EAEKF,EAAWnH,EAAS,IACjBC,EAAM,SAAWyG,EAAc,MAAM,QAAU,GAAKzG,EAAM,eAAiB,CAACA,EAAM,YAC1F,EAEKmH,EAAcpH,EAAS,IACpB,CAACmH,EAAS,OAAS,CAAClH,EAAM,YAClC,EAEKoH,EAAerH,EAAS,IACrBC,EAAM,YACd,EAEKyG,EAAgB1G,EAAS,IAAM,CACnC,MAAM2G,EAAgB1G,EAAM,QAAQ,UAAU4G,GAAKA,EAAE,QAAUJ,EAAe,MAAM,OAASI,EAAE,WAAa,EAAI,EAChH,OAAO5G,EAAM,QACV,OAAO,CAACgB,EAAQ2F,IACC3G,EAAM,QAAQ,OAAO4G,GAAKA,EAAE,QAAU5F,EAAO,KAAK,EAAE,SACjD,GAAK0F,IAAkBC,CAC3C,EACA,KAAKE,GAAS,mBAAmB,OAAO,CAAC,CAC9C,CAAC,EAEKL,EAAiBzG,EAAS,IACvBC,EAAM,QAAQ,KAAKC,GAAQA,EAAK,QAAQ,CAChD,EAGD,SAASoH,EAAqBC,EAAOC,EAAUC,EAAO,CACpD,KAAM,CAAE,eAAAC,CAAgB,EAAGC,GAAc,EACzC,OAAOD,EAAeH,EAAOC,EAAUC,CAAK,CAC9C,CAEA,SAASR,EAAOhG,EAAQ,CACtB,MAAM2G,EAAU,OAAO,OAAO,CAAA,EAAI3G,EAAQ,CAAE,SAAU,GAAM,EAC5DkB,EAAK,SAAUyF,CAAO,EACtBpC,EAAQ,KAAK0B,GAAa,mBAAoB,CAC5C,OAAQb,GAAc,kBACtB,QAASpG,EAAM,MACnB,CAAG,CACH,CAEA,SAAS4H,EAAc5G,EAAQ,CAC7B,MAAO,CACL,mBAAoB,GACpB,2BAA4B,CAAC,CAACA,EAAO,QACtC,CACH,CAEA,SAAS6G,EAAM7G,EAAQ,CACrB,OAAOA,GAAQ,KACjB,CAEA,SAAS8G,EAAgB9G,EAAQ,CAC/B,MAAM+G,EAAOF,EAAM7G,CAAM,EAAI6G,EAAMrB,EAAe,KAAK,EACvD,OAAO,OAAO,WAAWuB,CAAI,CAC/B,+tBCpGMC,GAAmB,0IA1BnB,CAAE,OAAA7B,CAAQ,EAAG5D,GAAW,EACxB,CAAE,gBAAA0F,EAAiB,mBAAAC,CAAoB,EAAGC,GAAa,EACvD,CAAE,yBAAAC,CAA0B,EAAGC,GAAqB,EACpD,CAAE,qBAAApF,CAAsB,EAAGC,GAAW,EAetCoF,EAAW,CACf,QAAS,cACT,OAAQ,eACR,KAAM,eACN,YAAa,iBACb,cAAe,gBACjB,EACMC,EAAwB,CAACD,EAAS,YAAaA,EAAS,aAAa,EAIrEE,EAAmBzI,EAAS,IAAM,CAEtC,GADI,CAACqI,EAAyB,OAC1B,CAACG,EAAsB,SAASvI,EAAM,SAAS,EAAG,MAAO,GAE7D,MAAM4D,EAASX,EAAqBjD,EAAM,QAAQ,EAOlD,GANI,CAAC4D,EAAO,eAMR,CAJ2BqE,EAAgB,MAAM,KACnDQ,GAAKA,EAAE,WAAatC,EAAO,QAAQ,KAAKuC,GAAKA,EAAE,WAAa1I,EAAM,QAAQ,EAAE,aAC7E,EAE4B,MAAO,GAEpC,OAAQA,EAAM,UAAS,CACrB,KAAKsI,EAAS,YAAa,CAGzB,GADuB,CAAC,CAACJ,EAAmBtE,EAAO,cAAe0E,EAAS,IAAI,EAC3D,CAClB,MAAMK,EAAmBC,EAAoB5I,EAAM,SAAS,EAC5D,OAAO2I,EAAiB,UAAY,MAAQA,EAAiB,UAAY,IAK3E,GAD0B,CAAC,CAACT,EAAmBtE,EAAO,cAAe0E,EAAS,OAAO,EAC9D,CACrB,MAAMK,EAAmBC,EAAoB5I,EAAM,SAAS,EAC5D,OAAO2I,EAAiB,UAAY,KAAQA,EAAiB,UAAY,IAM3E,GADyB,CAAC,CAACT,EAAmBtE,EAAO,cAAe0E,EAAS,MAAM,EAC7D,CACpB,MAAMO,EAAMC,GAAa,6BAA6BlF,EAAO,WAAW,YAAaoE,EAAgB,EAC/FW,EAAmBC,EAAoB5I,EAAM,SAAS,EAC5D,OAAO6I,EAAM,IAAMF,EAAiB,UAAY,KAAQA,EAAiB,UAAY,IAEvF,KACD,CACD,KAAKL,EAAS,cAAe,CAG3B,MAAMS,EAAmB,CAAC,CAACb,EAAmBtE,EAAO,cAAe0E,EAAS,MAAM,EAC7EO,EAAMC,GAAa,6BAA6BlF,EAAO,WAAW,YAAaoE,EAAgB,EACrG,OAAOe,GAAoBF,EAAM,EAClC,CACF,CAED,MAAO,EACT,CAAC,EAGD,SAASD,EAAoBzG,EAAW,CAEtC,OADuBgE,EAAO,QAAQ,KAAKsC,GAAKA,EAAE,WAAazI,EAAM,QAAQ,EAAE,SAAS,SAClEmC,CAAS,EAAE,OAAO,KAAKsG,GAAKA,EAAE,QAAQ,CAC9D,0jBCrDM,CAAE,qBAAA1K,CAAsB,EAAGD,GAAa,EACxC,CAAE,mBAAAkL,CAAoB,EAAGC,GAAc,EAmBvCC,EAAoBvJ,EAAI,IAAI,EAC5BwJ,EAAYxJ,EAAI,IAAI,EAGpByJ,EAAerJ,EAAS,IACrBC,EAAM,OAAS,YACvB,EAEKqJ,EAAOtJ,EAAS,KACb,CACL,KAAMC,EAAM,QAAQ,GAAGA,EAAM,UAAU,EACvC,QAASA,EAAM,QAAQ,GAAGA,EAAM,aAAa,GAAK,CAAE,CACrD,EACF,EAEKsJ,EAAYvJ,EAAS,IAClBoJ,EAAU,OAASD,EAAkB,KAC7C,EAGD,OAAAK,GAAU,IAAM,CAEVF,EAAK,OAAO,MACdL,EAAmBK,EAAK,MAAM,IAAI,EAAE,KAAKG,GAAY,CACnDL,EAAU,MAAQK,EAElBN,EAAkB,MAAQnL,EAAqByL,EAAUH,EAAK,MAAM,QAASrJ,EAAM,QAAQ,SAAS,CAC1G,CAAK,CAEL,CAAC,sgCC3CKyJ,EAAO9J,EAAI,EAAK,EAGtB,SAAS+J,GAAO,CACdD,EAAK,MAAQ,GACblE,EAAQ,KAAKa,GAAc,YAAa,CACtC,WAAYpG,EAAM,WAClB,UAAWA,EAAM,QAAQ,UACzB,KAAMA,EAAM,KACZ,OAAQA,EAAM,MAClB,CAAG,CACH,4qBCOM2J,EAAS,UACTC,EAAS,mRAiCTpD,EAAiBzG,EAAS,IACvBC,EAAM,QAAQ,KAAK4G,GAAKA,EAAE,QAAQ,CAC1C,EAEKiD,EAAS9J,EAAS,IAAM,CAC5B,MAAM3B,EAAO,CAAE,CAACuL,CAAM,EAAG,CAAA,EAAI,QAAS,CAAA,CAAI,EAE1C,OAAA3J,EAAM,QAAQ,QAAQgB,GAAU,CACzB5C,EAAKuL,CAAM,EAAE3I,EAAO2I,CAAM,CAAC,IAC9BvL,EAAKuL,CAAM,EAAE3I,EAAO2I,CAAM,CAAC,EAAI,CAC7B,MAAO3I,EAAO2I,CAAM,EACpB,SAAUnD,EAAe,MAAMmD,CAAM,IAAM3I,EAAO2I,CAAM,CACzD,GAGEvL,EAAKwL,CAAM,EAAE5I,EAAO4I,CAAM,CAAC,IAC9BxL,EAAKwL,CAAM,EAAE5I,EAAO4I,CAAM,CAAC,EAAI,CAC7B,MAAO5I,EAAO4I,CAAM,EACpB,SAAUpD,EAAe,MAAMoD,CAAM,IAAM5I,EAAO4I,CAAM,CACzD,EAEP,CAAG,EAEMxL,CACT,CAAC,EAGD,SAASwJ,EAAc5G,EAAQ,CAC7B,MAAO,CACL,mBAAoB,GACpB,2BAA4B,CAAC,CAACA,EAAO,QACtC,CACH,CAEA,SAASqG,EAAqBC,EAAOC,EAAUC,EAAO,CACpD,KAAM,CAAE,eAAAC,CAAgB,EAAGC,GAAc,EACzC,OAAOD,EAAeH,EAAOC,EAAUC,CAAK,CAC9C,CAEA,SAASR,EAAO5E,EAAKpB,EAAQ,CAG3B,MAAM8I,EAAWtD,EAAe,MAAM,WAAa,IAAM,IAAMA,EAAe,MAAM,SAC9EuD,EAAQ/J,EAAM,QAAQ,KAAK,GAE7B,EAAE,WAAa8J,IACb1H,IAAQwH,GAAU,EAAED,CAAM,IAAMnD,EAAe,MAAMmD,CAAM,GAAK,EAAEvH,CAAG,IAAMpB,EAAO,OACjFoB,IAAQuH,GAAU,EAAEC,CAAM,IAAMpD,EAAe,MAAMoD,CAAM,GAAK,EAAExH,CAAG,IAAMpB,EAAO,MAExF,EAEKgJ,EAAY,OAAO,OAAO,CAAA,EAAID,EAAO,CAAE,SAAU,GAAM,EAC7D7H,EAAK,SAAU8H,CAAS,EACxBzE,EAAQ,KAAK0B,GAAa,mBAAoB,CAC5C,OAAQb,GAAc,kBACtB,QAASpG,EAAM,MACnB,CAAG,CACH,uwECqKM,CAAE,yBAAAwD,EAA0B,UAAAyG,CAAW,EAAGxG,EAAY,EACtD,CAAE,iBAAAyG,EAAkB,EAAA5K,EAAG,GAAA8B,CAAE,EAAK7B,GAAS,EACvC,CAAE,UAAA4K,CAAW,EAAGjH,GAAW,EAC3B,CAAE,MAAAkH,CAAO,EAAGC,GAAiB,EA+C7BC,EAA2B3K,EAAI,EAAK,EACpC4K,EAA0B5K,EAAI,EAAK,EAGnC6K,EAAiBzK,EAAS,IAAM,CACpC,MAAMqC,EAAM,oBAAoBpC,EAAM,QAAQ,YACxC,CAAE,SAAAyK,CAAU,EAAGvH,GAAW,EAChC,OAAIuH,EAASzK,EAAM,QAAQ,GAAKoB,EAAG,GAAGgB,wBAA0B,EACvD9C,EAAE,GAAG8C,wBAA0B,EAC7BhB,EAAG,GAAGgB,kBAAoB,EAC5B9C,EAAE,GAAG8C,kBAAoB,EAE3B,EACT,CAAC,EAGKsI,EAAU3K,EAAS,IAChBC,EAAM,OACd,EAEK2K,EAAqB5K,EAAS,IAAM,CACxC,KAAM,CAAE,YAAA6K,CAAa,EAAGnH,EAAY,EACpC,OAAOmH,EAAYF,EAAQ,KAAK,GAAKG,EAAa,MAAM,QAC1D,CAAC,EAEKC,EAAqB/K,EAAS,IAAM,CACxC,KAAM,CAAE,YAAAgL,CAAa,EAAGtH,EAAY,EACpC,OAAOsH,EAAYL,EAAQ,KAAK,GAAKG,EAAa,MAAM,QAC1D,CAAC,EAEKG,EAAsBjL,EAAS,IAAM,CACzC,KAAM,CAAE,aAAAkL,CAAc,EAAGxH,EAAY,EACrC,OAAOwH,EAAaP,EAAQ,KAAK,GAAKG,EAAa,MAAM,SAC3D,CAAC,EAEKK,EAA2BnL,EAAS,IAAM,CAC9C,KAAM,CAAE,kBAAAoL,CAAmB,EAAG1H,EAAY,EAC1C,OAAO0H,EAAkBT,EAAQ,KAAK,CACxC,CAAC,EAEKU,EAAkBrL,EAAS,IAAM,CACrC,KAAM,CAAE,WAAAsL,CAAY,EAAG5H,EAAY,EACnC,OAAO4H,EAAWX,EAAQ,KAAK,GAAK1K,EAAM,OAC5C,CAAC,EAEKsL,EAAoBvL,EAAS,IAC1B,mEACLmK,EAAiB,mCAEpB,EAEKqB,GAAwBxL,EAAS,IAC9ByL,GAAa,QAAUC,GAAc,aAC7C,EAEKC,GAAoB3L,EAAS,IAC1ByL,GAAa,QAAUC,GAAc,QAC7C,EAEKZ,EAAe9K,EAAS,IAAM,CAClC,KAAM,CAAE,gBAAA4L,CAAiB,EAAGlI,EAAY,EAExC,OAAOkI,EAAgBjB,EAAQ,MAAM,UAAW1K,EAAM,QAASA,EAAM,UAAU,CACjF,CAAC,EAEK4L,EAAgB7L,EAAS,IACtB2K,EAAQ,MAAM,OAAO,KAAKjC,GAAKA,EAAE,QAAQ,GAAK,CAAE,CACxD,EAEKoD,GAAc9L,EAAS,IACpB2K,EAAQ,OAAO,mBAAqB,CAACA,EAAQ,MAAM,SAAWpL,EAAE,cAAc,EAAI,EAC1F,EAEKkM,GAAezL,EAAS,IAAM,CAClC,MAAM+L,EAAgB3B,EAAUnK,EAAM,QAAQ,EAAE,cAChD,OAAK8L,EACE1B,EAAM0B,EAAepB,EAAQ,MAAM,SAAS,EADxBe,GAAc,QAE3C,CAAC,EAEKM,GAAYhM,EAAS,IAAM,CAC/B,MAAMiM,EAAQ,kBAAkBhM,EAAM,gBAChCiM,EAAY,oBAAoBvB,EAAQ,MAAM,sBAEpD,OAAOtJ,EAAG6K,CAAS,EAAIA,EAAYD,CACrC,CAAC,EAEKE,EAAYnM,EAAS,IAAM,CAC/B,MAAMoM,EAAS,KAAK,IAAIP,EAAc,MAAM,SAAS,EACrD,MAAO,CACL,MAAOO,EAAS,EAAIP,EAAc,MAAM,MAAQO,EAAS,EACzD,OAAQP,EAAc,OAAO,YAAc,CAAE,CAC9C,CACH,CAAC,EAEKQ,GAAqBrM,EAAS,IAC3BC,EAAM,QAAQ,YAAc,eACpC,EAGD,SAASqM,GAAWlK,EAAW,CAC7B,MAAMmK,EAAOrC,EAAU9H,CAAS,EAAI,MAAQ,UAE5CD,EAAK,QAAS,CACZ,UAAAC,EACA,SAAUnC,EAAM,SAChB,WAAYA,EAAM,WAClB,KAAAsM,EACA,SAAU,EACd,CAAG,CACH,CAEA,SAASC,GAAkBC,EAAaC,EAAG,CACzC,MAAM7G,EAAOtG,EAAE,QAAQkN,EAAY,MAAM,EACnCL,EAAS,KAAK,IAAIK,EAAY,MAAM,EAAE,QAAQ,CAAC,EAC/CjF,EAAWjI,EAAE,kBAAkB,EAC/BoN,EAAYR,EAAU,MAAM,OAAO,OAAS,IAAMO,EAAI,IAAM,GAElE,MAAO,GAAG7G,KAAQuG,KAAU5E,IAAWmF,GACzC,CAEA,SAASC,GAA4BxK,EAAWqE,EAAgB,CAC9D,MAAMxF,EAASwF,GAAkBxG,EAAM,QAAQ,OAAO,KAAKyI,GAAKA,EAAE,WAAa,EAAI,EAC7EzC,EAAaxC,EAAyBrB,CAAS,EAErD,GAAKnB,EAEL,OAAOgF,IAAe4G,GAAc,MAAQ5L,EAAO,OAASA,EAAO,QAAU,CAC/E,CAEA,eAAe6L,GAAc1K,EAAW,CACtC,KAAM,CAAE,sBAAA2K,CAAuB,EAAGC,GAAW,EACvC,CAAE,2BAAAC,CAA4B,EAAGzK,GAAW,EAElD,GAAI,CAAE,MAAMuK,EAAsBxN,EAAE,wBAAwB,CAAC,EAC3D,OAGF4G,EAAS,MAAM,CAAE,SAAU,EAAK,CAAE,EAClC,MAAM+G,EAAW,MAAMD,EAA2BhN,EAAM,SAAUmC,CAAS,EAC3EoD,EAAQ,KAAKa,GAAc,QAAS,CAClC,OAAQ6G,EACR,WAAYjN,EAAM,WAClB,SAAUA,EAAM,SAChB,UAAWA,EAAM,QAAQ,UACzB,OAAQA,EAAM,MAClB,CAAG,EACDkC,EAAK,UAAWC,CAAS,EACzB+D,EAAS,IAAK,CAChB,CAEA,SAASgH,GAAoBjB,EAAW,CACtC/J,EAAK,QAAQ,EAEbqD,EAAQ,KAAK4H,GAAiC,CAC5C,OAAQnN,EAAM,OACd,SAAUA,EAAM,SAChB,QAASiM,CACb,CAAG,CACH,CAEA,eAAemB,EAAapM,EAAQqM,EAAW,GAAO,CACpDnH,EAAS,MAAO,EAEhB,KAAM,CAAE,gBAAA5D,EAAiB,cAAAgL,CAAe,EAAG/K,GAAW,EAChD,CAAE,oBAAAgL,CAAqB,EAAGvL,GAA0B,EAErDhC,EAAM,QAAQ,WACjBqN,EAAW,IAGb,GAAI,CACF,IAAIJ,EAAW,MAAMM,EAAoB,CAAE,SAAUvN,EAAM,SAAU,UAAWA,EAAM,QAAQ,UAAW,OAAAgB,CAAM,CAAE,EACjH,OAAAiM,EAAW,MAAM3K,EAAgB2K,EAAU,CAAE,SAAAI,CAAQ,CAAE,EACvD,MAAMC,EAAcL,CAAQ,EAE5B1H,EAAQ,KAAKa,GAAc,QAAS,CAClC,OAAQ6G,EACR,WAAYjN,EAAM,WAClB,OAAAgB,EACA,SAAUhB,EAAM,SAChB,UAAWA,EAAM,QAAQ,UACzB,OAAQA,EAAM,MACpB,CAAK,EAEDsK,EAAyB,MAAQqC,GAA4B3M,EAAM,QAAQ,UAAWgB,CAAM,EAC5FkB,EAAK,SAAUlC,EAAM,QAAQ,SAAS,EACtCkG,EAAS,IAAK,EACP+G,CACR,MAAC,CACA/G,EAAS,OAAQ,CAClB,CACH,CAGA,OAAAqD,GAAU,IAAM,CACde,EAAyB,MAAQqC,GAA4B3M,EAAM,QAAQ,SAAS,CACtF,CAAC,EACDwN,GAAgB,IAAM,CACpBtL,EAAK,QAAQ,CACf,CAAC"}