{"version":3,"file":"DU8_72EN.js","sources":["../../../../../../../app/components/tiles/CiPromoTile/CiPromoTile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// utils\nimport dayjs from '@/utils/day';\nimport { getNumberOfNights } from '@/utils/dates';\n\n/********************\n * PROPS & EMITS    *\n ********************/\nexport interface CiPromoTileProps {\n  availabilityParams?: any;\n  campsite: any;\n  layout?: 'default' | 'closest-available-campsites';\n  snowplowContext?: any;\n}\nconst props = withDefaults(defineProps<CiPromoTileProps>(), {\n  layout: 'default',\n  snowplowContext: () => {},\n  availabilityParams: () => {\n    return {\n      from: null,\n      until: null,\n      adults: 2,\n      children: '',\n      acco_type: null,\n    };\n  },\n});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst appStore = useAppStore();\nconst localePath = useLocalePath();\nconst route = useRoute();\nconst router = useRouter();\nconst runtimeConfig = useRuntimeConfig();\nconst { $gettext, $pgettext, $ngettext } = useGettext();\nconst { fixImageUrlAndCheckWebp } = useWebp();\nconst { getDecimalSeparator } = usePriceFormatter();\nconst { getContextForCP } = useECommerceContext();\nconst { locale } = useI18n();\nconst { isFavorite, toggleFavorite } = useFavorites({ campsite: props.campsite });\nconst {\n  impressionId,\n  trackAdClickAndFollow: DTrackAdClickAndFollow,\n  trackAdImpression: DTrackAdImpression,\n  trackPromotionClick,\n  trackPromotionView,\n} = useTracking();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst tileLink = computed(() => {\n  let query = {};\n  let hash = '';\n  if (props.layout === 'closest-available-campsites') {\n    query = props.availabilityParams;\n    hash = '#availabilities';\n  }\n\n  return localePath({\n    name: RBN_CAMPSITE_DETAIL,\n    params: { identifier: props.campsite.slug },\n    query,\n    hash,\n  });\n});\n\nconst comparePrice = computed(() => {\n  if (hasPrice(props.campsite.price?.price_off_season)) {\n    return props.campsite.price.price_off_season;\n  }\n\n  if (hasPrice(props.campsite.price?.price1)) {\n    return props.campsite.price.price1;\n  }\n\n  return null;\n});\n\nconst price = computed(() => {\n  const decimal = parseFloat(comparePrice.value).toFixed(2);\n  return decimal?.split('.');\n});\n\nconst decimalSeparator = computed(() => {\n  return getDecimalSeparator(comparePrice.value);\n});\n\nconst hasPitches = computed(() => {\n  return (props.campsite?.availabilities?.exact?.pitch?.count || 0) > 0;\n});\n\nconst hasAccos = computed(() => {\n  return (props.campsite?.availabilities?.exact?.acco?.count || 0) > 0;\n});\n\nconst numPitchAvailabilities = computed(() => {\n  const pitch = props.campsite?.availabilities?.exact?.pitch;\n  if (!pitch) {\n    return 0;\n  }\n  return (pitch.count || 0) * (pitch.stock || 0);\n});\n\nconst numAccoAvailabilities = computed(() => {\n  const acco = props.campsite?.availabilities?.exact?.acco;\n  if (!acco) {\n    return 0;\n  }\n  return (acco.count || 0) * (acco.stock || 0);\n});\n\nconst numAvailabilities = computed(() => {\n  return numPitchAvailabilities.value + numAccoAvailabilities.value;\n});\n\nconst availabilityPrice = computed(() => {\n  const pitch = props.campsite?.availabilities?.exact?.pitch;\n  const acco = props.campsite?.availabilities?.exact?.acco;\n  const defaultCurrency = 'EUR';\n  if (!pitch && !acco) {\n    return {\n      currency: defaultCurrency,\n      price: 0,\n    };\n  }\n  if (pitch && acco) {\n    return {\n      currency: pitch.currency || acco.currency || defaultCurrency,\n      price: Math.min(pitch.price || 0, acco.price || 0),\n    };\n  }\n  if (pitch) {\n    return {\n      currency: pitch.currency || defaultCurrency,\n      price: pitch.price || 0,\n    };\n  }\n  return {\n    currency: acco.currency || defaultCurrency,\n    price: acco.price || 0,\n  };\n});\n\nconst availabilityFrom = computed(() => {\n  return props.availabilityParams.from || route.query.from || null;\n});\n\nconst availabilityUntil = computed(() => {\n  return props.availabilityParams.until || route.query.until || null;\n});\n\nconst fanclubBenefits = computed(() => {\n  return props.campsite.fanclub?.benefits || 0;\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction getFormattedDate(date) {\n  if (!date) {\n    return;\n  }\n  return dayjs(date).format('DD.MM.YY');\n}\n\nfunction getDayForDate(date, format) {\n  if (!date) {\n    return;\n  }\n  return dayjs(date).format(format);\n}\n\nfunction trackAdClickAndFollow(event: MouseEvent) {\n  DTrackAdClickAndFollow(event, {\n    bannerId: props.snowplowContext.bannerId || null,\n    campaignId: props.snowplowContext.campaignId || null,\n    impressionId: impressionId.value,\n    zoneId: props.snowplowContext.zoneId || null,\n    context: [\n      {\n        schema: 'iglu:com.camparound/campinginfo_campsite/jsonschema/1-0-1',\n        data: {\n          booked_products: props.campsite.purchases || null,\n          camping_id: props.campsite.camping_id,\n          civ2_id: props.campsite.id,\n          slug: props.campsite.slug,\n        },\n      },\n      {\n        schema: 'iglu:com.camparound/campinginfo_campsite_representation/jsonschema/1-0-2',\n        data: {\n          awards: props.campsite.ci_award ? [props.campsite.ci_award] : [],\n          content: props.campsite.image || null,\n          count_exact: null,\n          count_flex: null,\n          currency: 'EUR',\n          favorite: isFavorite.value,\n          position: props.snowplowContext.position || null,\n          price: comparePrice.value || null,\n          rating: props.campsite.rating_avg_overall || null,\n        },\n      },\n    ],\n  });\n}\n\nfunction clickAvailability(event: MouseEvent) {\n  appStore.clickContext = 'availability';\n  trackAdClickAndFollow(event);\n\n  trackPromotionClick({\n    id: props.campsite?.camping_id.toString(),\n    name: props.snowplowContext?.bannerId,\n    type: 'slider',\n    position: props.snowplowContext?.position,\n    product_ids: [props.campsite?.camping_id.toString()],\n    context: getContextForCP(toRaw(props.campsite)),\n  });\n}\n\nfunction hasPrice(price) {\n  return price && price !== 0;\n}\n\nfunction isVisible(isVisible: boolean) {\n  if (isVisible) {\n    const envURL = runtimeConfig.public.baseUrl.replace(/\\/+$/, '');\n\n    const resolvedRoute = router.resolve(\n      localePath({\n        name: RBN_CAMPSITE_DETAIL,\n        params: { identifier: props.campsite.slug },\n      }),\n    );\n    const targetUrl = `${envURL}${resolvedRoute.href}`;\n\n    DTrackAdImpression({\n      bannerId: props.snowplowContext.bannerId,\n      campaignId: props.snowplowContext.campaignId,\n      impressionId: impressionId.value,\n      targetUrl,\n      zoneId: props.snowplowContext.zoneId,\n      context: [\n        {\n          schema: 'iglu:com.camparound/campinginfo_campsite/jsonschema/1-0-1',\n          data: {\n            booked_products: toRaw(props.campsite.purchases || null),\n            camping_id: props.campsite.camping_id,\n            civ2_id: props.campsite.id,\n            slug: props.campsite.slug,\n          },\n        },\n        {\n          schema: 'iglu:com.camparound/campinginfo_campsite_representation/jsonschema/1-0-2',\n          data: {\n            awards: props.campsite.ci_award ? [props.campsite.ci_award] : [],\n            content: props.campsite.image || null,\n            count_exact: null,\n            count_flex: null,\n            currency: 'EUR',\n            favorite: isFavorite.value,\n            position: props.snowplowContext.position || null,\n            price: comparePrice.value || null,\n            rating: props.campsite.rating_avg_overall || null,\n          },\n        },\n      ],\n    });\n\n    trackPromotionView({\n      id: props.campsite?.camping_id.toString(),\n      name: props.snowplowContext?.bannerId,\n      type: 'slider',\n      position: props.snowplowContext?.position,\n      product_ids: [props.campsite?.camping_id.toString()],\n      context: getContextForCP(toRaw(props.campsite)),\n    });\n  }\n}\n</script>\n\n<template>\n  <div\n    v-observe-visibility=\"{\n      callback: isVisible,\n      once: true,\n      throttle: 500,\n      intersection: {\n        threshold: 0.7,\n      },\n    }\"\n    :class=\"`promo-tile relative h-full rounded layout--${layout} bg-white`\"\n  >\n    <nuxt-link\n      :to=\"tileLink\"\n      class=\"promo-tile__link block h-full hover:no-underline\"\n      @click.capture=\"clickAvailability\"\n    >\n      <div\n        class=\"relative block h-48 overflow-hidden rounded bg-gray-40\"\n        :class=\"campsite.image ? 'bg-gray-10' : null\"\n      >\n        <picture v-if=\"campsite.image\">\n          <source\n            :srcset=\"`${fixImageUrlAndCheckWebp(campsite.image, true).url}`\"\n            :type=\"fixImageUrlAndCheckWebp(campsite.image, true).contentType\"\n          />\n          <source\n            :srcset=\"fixImageUrlAndCheckWebp(campsite.image).url\"\n            :type=\"fixImageUrlAndCheckWebp(campsite.image).contentType\"\n          />\n          <img\n            v-if=\"campsite.image\"\n            :src=\"fixImageUrlAndCheckWebp(campsite.image).url\"\n            class=\"absolute left-0 top-0 size-full object-cover\"\n            decoding=\"async\"\n            :alt=\"`${campsite.name} image`\"\n          />\n        </picture>\n        <div\n          class=\"row relative h-full after:absolute after:left-0 after:top-0 after:block after:size-full after:bg-gradient-to-b after:from-transparent after:from-50% after:to-black after:content-['']\"\n        >\n          <div class=\"col-12 z-10 flex flex-col\">\n            <div class=\"mt-auto p-4\">\n              <div class=\"text-input-book font-medium text-primary\">\n                {{ campsite.city }}\n              </div>\n              <div class=\"m-0 font-bold text-white\">\n                {{ campsite.name }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-if=\"campsite.availabilities\"\n        class=\"relative h-[calc(100%-12rem)] p-2\"\n      >\n        <div class=\"h-full rounded bg-gray-10 p-2\">\n          <div class=\"flex\">\n            <div class=\"flex-col pr-2\">\n              <img\n                v-if=\"hasPitches\"\n                src=\"~/assets/svg/icon-pitch.svg\"\n                width=\"32\"\n                class=\"mb-2 block w-8\"\n                alt=\"icon pitch\"\n                loading=\"lazy\"\n              />\n              <img\n                v-if=\"hasAccos\"\n                src=\"~/assets/svg/icon-cabin.svg\"\n                width=\"32\"\n                class=\"block w-8\"\n                alt=\"icon cabin\"\n                loading=\"lazy\"\n              />\n            </div>\n            <div class=\"campsite-tile__availability-details-container flex-col pl-2\">\n              <div class=\"availability__date\">\n                <span class=\"whitespace-nowrap\">\n                  <span class=\"date font-medium\">{{ getFormattedDate(availabilityFrom) }}&nbsp;</span>\n                  <span class=\"text-small-book text-gray\">{{ getDayForDate(availabilityFrom, 'dd') }}&nbsp;</span>\n                  <span class=\"date font-medium\">- {{ getFormattedDate(availabilityUntil) }}&nbsp;</span>\n                  <span class=\"text-small-book text-gray\">{{ getDayForDate(availabilityUntil, 'dd') }}</span>\n                </span>\n                <div class=\"text-small-book nights whitespace-nowrap !leading-5 text-gray\">\n                  {{\n                    $ngettext(\n                      '(%{ count } night)',\n                      '(%{ count } nights)',\n                      getNumberOfNights(availabilityFrom, availabilityUntil),\n                      { count: getNumberOfNights(availabilityFrom, availabilityUntil) },\n                    )\n                  }}\n                </div>\n              </div>\n              <div\n                v-if=\"numAvailabilities\"\n                class=\"availability__stock text-small-book\"\n                :class=\"{ 'text-gray': numAvailabilities > 5, 'text-danger': numAvailabilities <= 5 }\"\n              >\n                <template v-if=\"numAvailabilities <= 5\">\n                  <span v-if=\"numPitchAvailabilities && numAccoAvailabilities\">\n                    {{\n                      $ngettext(\n                        'Only %{stock} pitch & rental accommodation available',\n                        'Only %{stock} pitches & rental accommodations available',\n                        numAvailabilities,\n                        { stock: numAvailabilities },\n                      )\n                    }}\n                  </span>\n                  <span v-else-if=\"numPitchAvailabilities\">\n                    {{\n                      $ngettext('Only %{stock} pitch available', 'Only %{stock} pitches available', numAvailabilities, {\n                        stock: numAvailabilities,\n                      })\n                    }}\n                  </span>\n                  <span v-else>\n                    {{\n                      $ngettext(\n                        'Only %{stock} rental accommodation available',\n                        'Only %{stock} rental accommodations available',\n                        numAvailabilities,\n                        {\n                          stock: numAvailabilities,\n                        },\n                      )\n                    }}\n                  </span>\n                </template>\n                <template v-else>\n                  <span v-if=\"numPitchAvailabilities && numAccoAvailabilities\">\n                    {{ $gettext('%{stock} pitches & rental accommodations available', { stock: numAvailabilities }) }}\n                  </span>\n                  <span v-else-if=\"numPitchAvailabilities\">\n                    {{ $gettext('%{stock} pitches available', { stock: numAvailabilities }) }}\n                  </span>\n                  <span v-else>{{\n                    $gettext('%{stock} rental accommodations available', { stock: numAvailabilities })\n                  }}</span>\n                </template>\n              </div>\n              <div class=\"price\">\n                <span class=\"mr-1\">{{ $pgettext('Campsite Tile availability price', 'from') }}</span>\n                <span class=\"whitespace-nowrap\">{{\n                  new Intl.NumberFormat(locale, {\n                    style: 'currency',\n                    currency: availabilityPrice.currency || 'EUR',\n                  }).format(availabilityPrice.price)\n                }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-else\n        class=\"relative p-4\"\n      >\n        <CiRatingRadial\n          v-if=\"layout === 'default'\"\n          v-once\n          :rating=\"campsite.rating_avg_overall\"\n          class=\"chart-wrapper absolute top-1/2 size-[3.8rem] -translate-y-1/2 p-0\"\n          font-class=\"font-bold\"\n        />\n        <div\n          class=\"flex min-h-14 justify-end rounded bg-gray-20 py-1 pr-2 text-black\"\n          style=\"margin-left: calc(3.8rem / 2)\"\n        >\n          <div\n            v-if=\"comparePrice\"\n            class=\"flex\"\n          >\n            <span class=\"mb-1 mr-2 h-8 self-end text-xs font-medium leading-10\">{{ $gettext('From') }}</span>\n            <div class=\"mb-0 self-center text-[2.5rem]\">\n              <span>{{ price[0] }}</span><span>{{ decimalSeparator }}</span>\n            </div>\n            <span class=\"font-medium\">{{ price[1] }}</span>\n            <span class=\"mb-0 ml-1 self-center text-[2.5rem]\">€</span>\n          </div>\n          <div\n            v-else\n            class=\"mb-0 mr-4 h-full self-center text-[2.5rem]\"\n          >\n            -\n          </div>\n        </div>\n      </div>\n    </nuxt-link>\n\n    <!-- rating radial -->\n    <CiRatingRadial\n      v-if=\"layout === 'closest-available-campsites'\"\n      v-once\n      :rating=\"campsite.rating_avg_overall\"\n      :smaller=\"true\"\n      class=\"chart-wrapper absolute left-2.5 top-2 size-[2.8rem] p-0 text-sm\"\n      font-class=\"font-bold\"\n    />\n\n    <!-- award -->\n    <div\n      v-if=\"layout === 'closest-available-campsites' && campsite.ci_award\"\n      class=\"absolute left-[3.8rem] top-2 size-[2.8rem] rounded-full bg-white\"\n    >\n      <div class=\"promo-tile__award-logo-wrapper\">\n        <img\n          class=\"promo-tile__award-logo\"\n          src=\"~/assets/svg/award.svg\"\n          alt=\"Camping.info Award\"\n        />\n      </div>\n    </div>\n\n    <!-- favorite -->\n    <CiCampsiteFavorite\n      class=\"absolute right-4 top-4 z-20\"\n      :active=\"isFavorite\"\n      :show-label=\"false\"\n      @click=\"toggleFavorite\"\n    />\n\n    <!-- fanclub -->\n    <div\n      v-if=\"fanclubBenefits > 0\"\n      class=\"pointer-events-none absolute left-0 top-0 inline-flex p-1\"\n    >\n      <img\n        src=\"~/assets/svg/fanclub-logo-small.svg\"\n        loading=\"lazy\"\n        alt=\"Fanclub logo\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.promo-tile {\n  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.25));\n  transform: translateZ(0);\n}\n\n.promo-tile .campsite-tile__availability-details-container {\n  width: calc(100% - 32px);\n}\n\n.promo-tile .campsite-tile__availability-details-container .availability__date {\n  line-height: 1;\n  margin-bottom: 5px;\n}\n\n.promo-tile .campsite-tile__availability-details-container .availability__date .date,\n.promo-tile .campsite-tile__availability-details-container .price {\n  @apply text-xs text-black;\n}\n\n@media screen(sm) {\n  .promo-tile .campsite-tile__availability-details-container .availability__date .date,\n  .promo-tile .campsite-tile__availability-details-container .price {\n    @apply text-sm;\n  }\n}\n\n.promo-tile.layout--closest-available-campsites {\n  @apply cursor-pointer;\n}\n</style>\n"],"names":["props","__props","appStore","useAppStore","localePath","useLocalePath","route","useRoute","router","useRouter","runtimeConfig","useRuntimeConfig","$gettext","$pgettext","$ngettext","useGettext","fixImageUrlAndCheckWebp","useWebp","getDecimalSeparator","usePriceFormatter","getContextForCP","useECommerceContext","locale","useI18n","isFavorite","toggleFavorite","useFavorites","impressionId","DTrackAdClickAndFollow","DTrackAdImpression","trackPromotionClick","trackPromotionView","useTracking","tileLink","computed","query","hash","RBN_CAMPSITE_DETAIL","comparePrice","hasPrice","_a","_b","price","decimal","decimalSeparator","hasPitches","_d","_c","hasAccos","numPitchAvailabilities","pitch","numAccoAvailabilities","acco","numAvailabilities","availabilityPrice","_f","_e","defaultCurrency","availabilityFrom","availabilityUntil","fanclubBenefits","getFormattedDate","date","dayjs","getDayForDate","format","trackAdClickAndFollow","event","clickAvailability","toRaw","isVisible","envURL","resolvedRoute","targetUrl"],"mappings":"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"}