{"version":3,"file":"BqPdkeWB.js","sources":["../../../../../../../app/components/CiReview/CiReview.vue","../../../../../../../app/components/CiReview/CiReviewFooter.vue","../../../../../../../app/components/CiReview/CiReviewHeader.vue","../../../../../../../app/components/CiReview/CiReviewWrapper.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// icons\nimport { faPlusCircle, faMinusCircle } from '@fortawesome/pro-regular-svg-icons';\n\n// utils\nimport { isEmpty } from 'ramda';\nimport dayjs from '@/utils/day';\n\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiReviewProps {\n  review: any;\n}\nconst props = withDefaults(defineProps<CiReviewProps>(), {});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst campsiteStore = useCampsiteStore();\nconst { $gettext } = useGettext();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst showOriginal = ref<boolean>(false);\nconst showOriginalAnswer = ref<boolean>(false);\nconst commentLang = computed(() => {\n  if (props.review?.comment_lang_iso2) {\n    return props.review.comment_lang_iso2.toLowerCase();\n  }\n  return null;\n});\nconst displayLang = computed(() => {\n  if (props.review?.used_lang) {\n    return props.review.used_lang;\n  }\n  return commentLang.value;\n});\nconst i18nAnsweredFrom = computed(() => {\n  return $gettext('Answered from %{campsite}', { campsite: campsiteStore.campsite?.meta?.name }, true);\n});\n\nconst title = computed(() => (showOriginal.value ? props.review.untranslated.title : props.review.title));\nconst comment = computed(() => (showOriginal.value ? props.review.untranslated.comment : props.review.comment));\nconst advantages = computed(() => (showOriginal.value ? props.review.untranslated.advantages : props.review.advantages));\nconst disadvantages = computed(() => (showOriginal.value ? props.review.untranslated.disadvantages : props.review.disadvantages));\nconst hasTranslations = computed(() => !isEmpty(props.review.untranslated));\nconst answerText = computed(() => (showOriginalAnswer.value ? props.review.answer?.untranslated : props.review.answer?.text));\nconst hasAnswerTranslations = computed(() => !!props.review.answer.untranslated);\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction getFormattedDate(date, includeTime = false) {\n  const format = includeTime ? 'LLL' : 'LL';\n  return dayjs(date).format(format);\n}\n</script>\n\n<template>\n  <div class=\"review mt-6 overflow-hidden\">\n    <div v-if=\"advantages || disadvantages\" class=\"grid grid-cols-2 gap-x-[30px]\">\n      <div v-if=\"advantages\" class=\"reviews__likes col-span-2 md:col-span-1\">\n        <div class=\"rounded-left mt-1 flex items-center bg-white px-4 py-2 shadow-ci\">\n          <CiAwesomeIcon :icon=\"faPlusCircle\" class=\"fill-primary\" />\n          <span class=\"ml-2 text-primary\">{{ $gettext('Advantages') }}</span>\n        </div>\n        <div v-if=\"advantages\" :lang=\"displayLang\" class=\"mt-3\">\n          {{ advantages }}\n        </div>\n      </div>\n      <div v-if=\"disadvantages\" class=\"reviews__likes col-span-2 md:col-span-1\">\n        <div class=\"rounded-left mt-1 flex items-center bg-white px-4 py-2 shadow-ci\">\n          <CiAwesomeIcon :icon=\"faMinusCircle\" class=\"fill-danger\" />\n          <span class=\"ml-2 text-danger\">{{ $gettext('Disadvantages') }}</span>\n        </div>\n        <div v-if=\"disadvantages\" :lang=\"displayLang\" class=\"mt-3\">\n          {{ disadvantages }}\n        </div>\n      </div>\n    </div>\n    <div v-if=\"advantages || disadvantages\" class=\"lg:!hidden\">\n      <hr class=\"my-4 h-px border-0 bg-gray-40\" />\n    </div>\n    <div\n      v-if=\"title\"\n      :lang=\"displayLang\"\n      class=\"mt-4 font-medium\"\n      data-cy=\"ci-review--title\"\n    >\n      {{ title }}\n    </div>\n    <CiReadMore\n      v-if=\"comment\"\n      :text=\"comment\"\n      :language=\"commentLang\"\n      :used-language=\"displayLang\"\n      class=\"mb-6\"\n    />\n    <CiToggleTranslation\n      v-if=\"commentLang != $i18n.locale && hasTranslations\"\n      v-model=\"showOriginal\"\n      :language=\"commentLang\"\n      class=\"pb-5 pt-1\"\n    />\n    <!-- answer -->\n    <template v-if=\"review.answer\">\n      <div\n        class=\"reviews__review-answer relative z-10 my-6 origin-center rounded-2xl bg-primary p-4 text-white content-[''] after:absolute after:left-8 after:top-[-6px] after:-z-1 after:h-[30px] after:w-10 after:rotate-[50deg] after:skew-x-[30deg] after:rounded-[15%_0_0_0_/_25%] after:bg-primary after:content-['']\"\n      >\n        <div class=\"mb-2\">\n          <span class=\"font-bold\"> {{ i18nAnsweredFrom }}</span>\n          {{ getFormattedDate(props.review.answer.created_at) }}\n        </div>\n        <div v-if=\"props.review.answer.text\" class=\"m-0 p-0\">\n          <CiReadMore\n            :text=\"answerText\"\n            :language=\"props.review.answer.language_code\"\n            :used-language=\"props.review.answer.used_lang\"\n            :text-color=\"'text-white'\"\n            :icon-color=\"'fill-white'\"\n          />\n        </div>\n        <CiToggleTranslation\n          v-if=\"hasAnswerTranslations && review.answer.language_code != $i18n.locale\"\n          v-model=\"showOriginalAnswer\"\n          :language=\"review.answer.language_code\"\n          theme=\"light\"\n          class=\"pt-5 italic\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style></style>\n","<script setup lang=\"ts\">\n// icons\nimport { faThumbsUp } from '@fortawesome/pro-solid-svg-icons';\n\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiReviewFooterProps {\n  review: any;\n}\nconst props = withDefaults(defineProps<CiReviewFooterProps>(), {});\n\nconst emit = defineEmits<{\n  markedAsHelpful: [];\n}>();\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst appStore = useAppStore();\nconst localePath = useLocalePath();\nconst reviewService = useReviewService();\nconst route = useRoute();\nconst userStore = useUserStore();\nconst { $gettext, $ngettext, interpolate } = useGettext();\nconst { locale } = useI18n();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst requestIsResolved = ref(false);\nconst voteIsPending = ref(false);\n\nconst buttonText = computed(() => {\n  return $gettext('Helpful!');\n});\n\nconst helpfulText = computed(() => {\n  if (isUserReview.value) {\n    const translated = $ngettext(\n      '%{count} camper finds your rating helpful.',\n      '%{count} campers find your rating helpful.',\n      props.review.helpful,\n    );\n    return interpolate(translated, { count: props.review.helpful });\n  }\n\n  if (!props.review.is_rated_by_user && props.review.helpful === 0) {\n    return $gettext('No camper finds this rating helpful, yet. Be the first!');\n  }\n\n  if (!props.review.is_rated_by_user) {\n    const translated = $ngettext(\n      '%{count} camper finds this rating helpful.',\n      '%{count} campers find this rating helpful.',\n      props.review.helpful,\n    );\n    return interpolate(translated, { count: props.review.helpful });\n  }\n\n  if (props.review.is_rated_by_user && props.review.helpful >= 2) {\n    const translated = $ngettext(\n      'You and %{count} camper find this rating helpful.',\n      'You and %{count} campers find this rating helpful.',\n      props.review.helpful - 1,\n    );\n    return interpolate(translated, { count: props.review.helpful - 1 });\n  }\n\n  return $gettext('You find this review helpful.');\n});\n\nconst isUserReview = computed(() => {\n  return (\n    props.review.created_by && userStore.user.profile?.uid && props.review.created_by === userStore.user.profile.uid\n  );\n});\n\nconst userVoted = computed(() => {\n  return props.review.is_rated_by_user;\n});\n\nconst canMarkAsHelpful = computed(() => {\n  if (appStore.permissions?.mark_review_as_useful && !appStore.permissions?.mark_review_as_useful?.has_permission) {\n    return false;\n  }\n\n  return true;\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction onVoteHelpful(review) {\n  if (!userStore.loggedIn) {\n    const path = `${route.path.replace(`/${route.params.id}`, '')}/${review.id}`;\n    return navigateTo(\n      localePath({\n        name: RBN_LOGIN,\n        query: { redirect: path },\n      }),\n    );\n  }\n\n  voteIsPending.value = true;\n\n  reviewService\n    .vote(locale.value, { review: props.review.id })\n    .then(() => {\n      voteIsPending.value = false;\n      requestIsResolved.value = true;\n      emit('markedAsHelpful');\n      setTimeout(() => {\n        requestIsResolved.value = false;\n      }, 1500);\n    })\n    .catch(() => {\n      voteIsPending.value = false;\n    });\n}\n</script>\n\n<template>\n  <div class=\"row review__footer my-0 flex items-center lg:my-2\">\n    <div class=\"col-12 col-lg-9 flex items-center justify-center py-4 text-dark lg:justify-start\">\n      <CiAwesomeIcon\n        :icon=\"faThumbsUp\"\n        class=\"mr-2 fill-dark\"\n        ratio=\"0.5\"\n      /><span>{{ helpfulText }}</span>\n    </div>\n    <div\n      v-if=\"!props.review.is_rated_by_user && !isUserReview && !userVoted && !voteIsPending && canMarkAsHelpful\"\n      class=\"col-12 col-md-6 offset-md-3 col-lg-3 offset-lg-0 mb-2 lg:mb-0\"\n    >\n      <button\n        class=\"button button--primary-outline my-0 w-full lg:my-2\"\n        type=\"button\"\n        @click=\"onVoteHelpful(props.review)\"\n      >\n        {{ buttonText }}\n      </button>\n    </div>\n    <transition name=\"fade\">\n      <div\n        v-if=\"voteIsPending && !requestIsResolved\"\n        class=\"col-4 offset-4 col-md-2 offset-md-5 col-lg-1 offset-lg-2 mb-2 text-center lg:mb-0 lg:text-right\"\n      >\n        <CiAnimatedLoadingIndicator class=\"review__spinner mx-auto\" />\n      </div>\n    </transition>\n    <transition name=\"fade\">\n      <div\n        v-if=\"!voteIsPending && requestIsResolved\"\n        class=\"col-4 offset-4 col-md-2 offset-md-5 col-lg-1 offset-lg-2 mb-2 text-center lg:mb-0 lg:text-right\"\n      >\n        <CiAnimatedCheck class=\"review__spinner\" />\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.review__footer {\n  font-size: 0.875rem;\n\n  .review__spinner {\n    max-width: 3rem;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n// utils\nimport dayjs from '@/utils/day';\n\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiReviewHeaderProps {\n  review: any;\n  avatarSize?: 'sm' | 'md' | 'lg' | 'xl';\n  isMobile?: boolean;\n}\nconst props = withDefaults(defineProps<CiReviewHeaderProps>(), {\n  avatarSize: 'lg',\n  isMobile: false,\n});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst backendStore = useBackendStore();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst getDateOfStay = computed(() => {\n  if (props.review?.date_of_stay) {\n    return dayjs(props.review.date_of_stay).format('MMMM YYYY');\n  }\n\n  return false;\n});\n</script>\n\n<template>\n  <div\n    class=\"w-full items-center\"\n    :class=\"{ 'flex lg:hidden': isMobile, 'lg:block': !isMobile }\"\n  >\n    <div class=\"flex lg:justify-center\">\n      <div class=\"z-10 w-[3.75rem] lg:w-[4.75rem]\">\n        <CiRatingRadial\n          :rating=\"review.rating_overall\"\n          class=\"chart-wrapper chart-wrapper--border-md mx-auto block w-full\"\n          font-class=\"h6\"\n        />\n      </div>\n      <CiUserAvatar\n        :size=\"avatarSize\"\n        :user-image=\"fixImageUrl(backendStore.url, review.user_profile_picture)\"\n        class=\"-ml-3 w-[3.75rem] lg:w-[4.75rem]\"\n        bg-class=\"bg-white p-2\"\n      />\n    </div>\n    <div class=\"ml-4 flex flex-col truncate lg:ml-0 lg:mt-6 lg:text-center\">\n      <span class=\"review__user font-medium\">\n        {{ review.user_display_name }}\n      </span>\n      <span\n        v-if=\"getDateOfStay\"\n        class=\"text-small-book review__date-of-stay\"\n      >\n        {{ getDateOfStay }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<style></style>\n","<script setup lang=\"ts\">\n// icons\nimport { faFrown } from '@fortawesome/pro-light-svg-icons';\n\n// utils\nimport { fixImageUrl } from '@/utils/general';\n\n// components\nimport CiReviewFooter from '@/components/CiReview/CiReviewFooter.vue';\nimport CiReviewHeader from '@/components/CiReview/CiReviewHeader.vue';\nimport CiSkeletonItem from '@/components/skeleton/CiSkeletonItem.vue';\nimport CiSkeletonReviews from '@/components/skeleton/CiSkeletonReviews.vue';\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst backendStore = useBackendStore();\nconst campsiteStore = useCampsiteStore();\nconst localePath = useLocalePath();\nconst reviewService = useReviewService();\nconst route = useRoute();\nconst runtimeConfig = useRuntimeConfig();\nconst seoStore = useSeoStore();\nconst userStore = useUserStore();\nconst viewport = useViewport();\nconst { $gettext } = useGettext();\nconst { dynamicHeadline } = useDynamicHeadline();\nconst { fetchError, fetchFailed, fetchStatus } = useFetchError();\nconst { getDescription } = useCampsiteDetailDescription({ campsite: () => campsiteStore.campsite });\nconst { locale } = useI18n();\nconst { mapRating } = useRating();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst doneWithToken = ref(false);\nconst ignoreUrlIdForScrolling = ref(false);\nconst limit = ref(20);\nconst loadingMore = ref(false);\nconst offset = ref(0);\nconst reset = ref(false);\nconst reviewRefs = reactive<{ [key: string]: HTMLElement }>({});\nconst reviews = ref([]);\nconst selectedGroup = ref<string | null>(null);\n\nconst { data, pending, refresh, error } = await useLazyAsyncData(`review-wrapper-${route.params?.identifier}-${route.params?.id}`, async (): Promise<{ campsite: any; reviews: any; reviewsInitiallyLoaded: boolean }> => {\n  // get campsite\n  let campsite = campsiteStore.campsite || null;\n  try {\n    if (!campsite || campsite.slug !== route.params.identifier) {\n      campsite = await campsiteStore.getCampsite({ slug: route.params.identifier, lang: locale.value });\n    }\n    // handle meta params\n    const imgCount\n      = (campsite?.media_count?.pictures?.campsite || 0)\n        + (campsite?.media_count?.pictures?.visitor || 0);\n\n    seoStore.setDynamicMetaParam({\n      campsite_federalstate: campsite?.meta?.federal_state?.name,\n      campsite_imagecount: isNaN(imgCount) ? 0 : imgCount,\n      campsite_reviewcount: campsite?.rating_guest?.rating_count || 0,\n      campsite_city: campsite?.meta?.city_obj?.name,\n      campsite_country: campsite?.meta?.country?.name,\n      campsite_name: campsite?.meta?.name,\n      campsite_rating: campsite?.rating_campsite?.rating_avg_overall || 0,\n      custom_description: getDescription(),\n    });\n  } catch (error) {\n    fetchError(error);\n    return error;\n  }\n\n  let reviewsInitiallyLoaded: boolean;\n  try {\n    (() => data.value)();\n    reviewsInitiallyLoaded = data.value?.reviewsInitiallyLoaded === true;\n  } catch (_e) {\n    reviewsInitiallyLoaded = false;\n  }\n\n  const reviewId = (reviewsInitiallyLoaded && !reset.value) ? null : route.params?.id || null;\n\n  // get reviews\n  let localReviews;\n  try {\n    doneWithToken.value = userStore.loggedIn;\n    localReviews = await reviewService.getReviews(locale.value, route.params?.identifier as string, {\n      limit: limit.value,\n      offset: offset.value,\n      id: reviewId,\n    });\n  } catch (error) {\n    fetchError(error);\n    return error;\n  }\n  return { campsite, reviews: localReviews, reviewsInitiallyLoaded: true };\n});\n\nif (error.value) {\n  throw createError({ statusCode: error.value?.statusCode, message: error.value.statusMessage });\n}\n\n/********************\n * REFS & VARS       *\n ********************/\nconst jsonLd = computed(() => {\n  if (data.value?.campsite === null || !data.value?.campsite?.meta) {\n    return null;\n  }\n\n  let imagePath = data.value?.campsite.media.images.length\n    ? fixImageUrl(backendStore.url, data.value?.campsite.media.images[0].url)\n    : 0;\n\n  if (!imagePath) {\n    imagePath = `${runtimeConfig.public.baseUrl}/img/campsite-fallback.png`;\n  }\n\n  const metadata = {\n    '@context': 'http://schema.org/',\n    '@type': 'Campground',\n    '@id': '#campsite',\n    'name': data.value.campsite.meta.name,\n    'image': imagePath,\n    'priceRange': formattedPrice.value,\n    'address': {\n      '@type': 'PostalAddress',\n      'addressCountry': data.value.campsite.meta.country.name,\n      'addressLocality': data.value.campsite.meta.name,\n      'addressRegion': data.value.campsite.meta.federal_state.name,\n      'postalCode': data.value.campsite.meta.zip,\n      'streetAddress': `${data.value.campsite.meta.street} ${data.value.campsite.meta.street_no}`,\n    },\n  };\n\n  const ratingCount = data.value?.campsite.rating_guest.rating_count;\n\n  if (ratingCount) {\n    metadata.aggregateRating = {\n      '@type': 'AggregateRating',\n      ratingCount,\n      'ratingValue': data.value?.campsite.rating_campsite.rating_avg_overall || 0.0,\n    };\n  }\n  return metadata;\n});\n\nconst breadcrumb = computed(() => {\n  const breadcrumb = [];\n\n  if (data.value?.campsite?.meta.country) {\n    breadcrumb.push({\n      name: data.value.campsite.meta.country.name,\n      class: 'breadcrumb-item--chevron',\n      to: localePath({\n        name: RBN_COUNTRY_SEARCH,\n        params: {\n          countrySlug: data.value.campsite.meta.country.slugs[locale.value],\n        },\n      }),\n    });\n  }\n\n  if (data.value?.campsite?.meta.federal_state) {\n    breadcrumb.push({\n      name: data.value.campsite.meta.federal_state.name,\n      class: 'breadcrumb-item--chevron',\n      to: localePath({\n        name: RBN_FEDERAL_STATE_SEARCH,\n        params: {\n          countrySlug: data.value.campsite.meta.country.slugs[locale.value],\n          federalStateSlug: data.value.campsite.meta.federal_state.slugs[locale.value],\n        },\n      }),\n    });\n  }\n\n  breadcrumb.push({\n    name: data.value?.campsite?.meta.name,\n    class: 'breadcrumb-item--chevron',\n    to: localePath({\n      name: RBN_CAMPSITE_DETAIL,\n      params: {\n        identifier: data.value.campsite.slug,\n      },\n    }),\n  });\n\n  breadcrumb.push({\n    name: $gettext('Reviews'),\n    class: 'breadcrumb-item--chevron',\n  });\n\n  return breadcrumb;\n});\n\nconst formattedPrice = computed(() => {\n  if (!data.value?.campsite?.price) {\n    return null;\n  }\n  const price = data.value.campsite.price.price_off_season || data.value.campsite.price.price1;\n  if (!price) {\n    return null;\n  }\n  return `${price.toFixed(2)} EUR`;\n});\n\nconst reviewsToLoad = computed(() => {\n  const unseen = data.value?.campsite?.rating_guest?.rating_count - reviews.value?.length;\n  return unseen <= limit.value ? unseen : limit.value;\n});\n\nconst i18nLoadMoreButton = computed(() => {\n  return loadingMore.value ? $gettext('Please wait…') : $gettext('Load more');\n});\n\n/********************\n * WATCHER           *\n ********************/\nwatch(\n  () => data.value?.reviews,\n  (newValue, oldValue) => {\n    if (newValue) {\n      if (newValue?.next === oldValue?.next && newValue?.previous === oldValue?.previous) {\n        return;\n      }\n\n      if (reset.value) {\n        reviews.value = toRaw(newValue.results);\n      } else {\n        appendToReviews(newValue.results);\n        loadingMore.value = false;\n      }\n      if (route.params?.id) {\n        scrollToReview(route.params.id);\n      }\n    }\n  },\n  { immediate: true },\n);\n\nwatch(\n  () => data.value?.campsite.rating_guest?.rating_count,\n  (newValue) => {\n    if (newValue !== null && newValue !== undefined) {\n      const robots = newValue === 0 ? 'NOINDEX' : 'INDEX';\n      useHead({\n        meta: [\n          {\n            key: 'robots',\n            name: 'robots',\n            content: robots,\n            tagDuplicateStrategy: 'replace',\n          },\n        ],\n      });\n    }\n  },\n  { immediate: true },\n);\n\n/********************\n * HOOKS             *\n ********************/\nonMounted(() => {\n  if (userStore.loggedIn && !doneWithToken.value) {\n    // if user is logged in, we need to delete all reviews and fetch them again\n    // with token to see user specific review infos\n    reset.value = true;\n    if (!pending.value && reviews.value.length) {\n      setTimeout(() => {\n        refresh();\n      }, 0);\n    }\n  }\n});\n\nif (jsonLd.value) {\n  useHead({\n    script: [\n      {\n        type: 'application/ld+json',\n        children: JSON.stringify(jsonLd.value),\n      },\n    ],\n  });\n}\n\n/********************\n * FUNCTIONS         *\n ********************/\nasync function loadMore() {\n  offset.value = reviews.value.length;\n  loadingMore.value = true;\n\n  if (route.params.id && !ignoreUrlIdForScrolling.value) {\n    ignoreUrlIdForScrolling.value = true;\n  }\n  reset.value = false;\n  await refresh();\n}\n\nfunction appendToReviews(newValue: any) {\n  const newReviews: any[] = [];\n  toRaw(newValue).forEach((review: any) => {\n    if (!reviews.value.find(r => r.id === review.id)) {\n      newReviews.push(review);\n    }\n  });\n  reviews.value?.push(...newReviews);\n}\n\nfunction onToggleAccordion(id: string) {\n  selectedGroup.value = selectedGroup.value === id ? null : id;\n}\n\nfunction scrollToReview(id: string) {\n  if (ignoreUrlIdForScrolling.value) {\n    return;\n  }\n\n  setTimeout(() => {\n    if (reviewRefs[id]) {\n      reviewRefs[id].scrollIntoView({ block: 'start', behavior: 'smooth' });\n      selectedGroup.value = id;\n    }\n  }, 200);\n}\n\nfunction onMarkedAsHelpful(review) {\n  review.helpful += 1;\n  review.is_rateable = false;\n  review.is_rated_by_user = true;\n}\n</script>\n\n<template>\n  <div\n    v-if=\"!fetchFailed\"\n    class=\"reviews relative mb-12\"\n  >\n    <CiSkeletonReviews v-if=\"(pending && !reset && offset === 0) || (pending && !reviews?.length)\" />\n\n    <div\n      v-else-if=\"data?.campsite\"\n      class=\"flex flex-col\"\n    >\n      <div\n        v-if=\"viewport.isLessThan('lg')\"\n        class=\"header bg-gray-10\"\n      >\n        <div class=\"container-fluid pb-12 pt-2\">\n          <div class=\"row h-[76px] md:h-[50px]\">\n            <div class=\"col-12 flex items-center\">\n              <CiNavigationToggle\n                type=\"black\"\n                :href=\"localePath({ name: RBN_CAMPSITE_DETAIL, params: { identifier: data?.campsite?.slug } })\"\n              />\n              <h1 class=\"mb-0 ml-2 text-base font-normal\">\n                {{ dynamicHeadline }}\n              </h1>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"container order-1 lg:order-2 max-lg:!max-w-full\">\n        <div\n          v-if=\"data?.campsite\"\n          class=\"relative -top-7 grid grid-cols-12 gap-y-[30px] md:-top-10 lg:-top-12\"\n        >\n          <!-- campsite rating -->\n          <div class=\"col-span-12 lg:col-span-2\">\n            <div class=\"row justify-center\">\n              <div class=\"col-4 col-md-3 col-lg-10\">\n                <CiRatingRadial\n                  :rating=\"data.campsite.rating_campsite.rating_avg_overall\"\n                  class=\"chart-wrapper chart-wrapper--border-lg mx-auto block w-full\"\n                  font-class=\"h4\"\n                />\n              </div>\n              <div\n                v-if=\"data.campsite.rating_guest.rating_count\"\n                class=\"col-12 mt-2 flex justify-center text-center font-medium uppercase\"\n              >\n                {{ mapRating(data.campsite.rating_campsite.rating_avg_overall) }}\n              </div>\n              <div class=\"col-12 flex justify-center\">\n                <span\n                  v-if=\"data.campsite.rating_guest.rating_count\"\n                  class=\"text-small-book\"\n                >\n                  {{\n                    $ngettext(\n                      '%{count} rating',\n                      '%{count} ratings',\n                      data.campsite.rating_guest.rating_count,\n                      { count: data.campsite.rating_guest.rating_count },\n                    )\n                  }}\n                </span>\n                <span\n                  v-else\n                  class=\"text-small-book\"\n                >{{ $gettext('No ratings yet') }}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- campsite title & region breadcrumb -->\n          <div class=\"col-span-12 hidden items-end lg:col-span-10 lg:flex\">\n            <div class=\"row\">\n              <div class=\"col-12 text-center\">\n                <h1 class=\"mb-0 text-center lg:text-left\">\n                  {{ dynamicHeadline }}\n                </h1>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- reviews -->\n        <template\n          v-if=\"reviews?.length\"\n        >\n          <ul class=\"m-0 -mx-4 !p-0 lg:mx-0\">\n            <li\n              v-for=\"(review, index) in reviews\"\n              :key=\"review.id\"\n              :ref=\"el => (reviewRefs[review.id] = el as HTMLElement)\"\n              :class=\"{ 'mt-0 lg:mt-6': index !== 0 }\"\n              class=\"review__item relative overflow-hidden rounded-none border-0 lg:rounded lg:border lg:border-[#dee2e6] lg:bg-gray-10\"\n            >\n              <CiAccordion\n                :show=\"selectedGroup === review.id\"\n                :mq=\"'lg'\"\n                layout=\"primary\"\n                @accordion-toggle=\"onToggleAccordion(review.id)\"\n              >\n                <template #header>\n                  <div\n                    v-if=\"viewport.isLessThan('lg')\"\n                    class=\"footer__headline py-2\"\n                  >\n                    <CiReviewHeader\n                      :review=\"review\"\n                      avatar-size=\"xl\"\n                      is-mobile\n                    />\n                  </div>\n                </template>\n                <div class=\"container\">\n                  <div class=\"row\">\n                    <div class=\"col-12 col-lg-4 z-20\">\n                      <div v-if=\"viewport.isGreaterOrEquals('lg')\">\n                        <CiReviewHeader\n                          :review=\"review\"\n                          avatar-size=\"xl\"\n                        />\n                      </div>\n                    </div>\n                    <div class=\"col-12 col-lg-8 lg:mt-6\">\n                      <CiReview :review=\"review\" />\n                    </div>\n                  </div>\n                  <div\n                    class=\"row\"\n                    :class=\"{ 'bg-white': viewport.isGreaterOrEquals('lg') }\"\n                  >\n                    <div class=\"col-12 offset-0 col-lg-8 offset-lg-4\">\n                      <CiReviewFooter :review=\"review\" @marked-as-helpful=\"onMarkedAsHelpful(review)\" />\n                    </div>\n                  </div>\n                </div>\n              </CiAccordion>\n            </li>\n          </ul>\n        </template>\n\n        <!-- load more skeleton -->\n        <div\n          v-if=\"loadingMore\"\n          class=\"container max-lg:!max-w-full\"\n        >\n          <div class=\"row\">\n            <div class=\"col-12 !p-0\">\n              <CiSkeletonItem\n                v-for=\"(_, idx) in reviewsToLoad\"\n                :key=\"idx\"\n                class=\"mt-0 h-[76px] w-full border-b border-[#adb5bd] lg:mt-6 lg:h-[450px] lg:border-b-0\"\n              />\n            </div>\n          </div>\n        </div>\n\n        <!-- no reviews -->\n        <div\n          v-if=\"data?.reviews?.count === 0\"\n          class=\"container\"\n        >\n          <div class=\"reviews__no-reviews flex flex-row items-center justify-center p-6\">\n            <CiAwesomeIcon\n              :icon=\"faFrown\"\n              class=\"mr-4 fill-dark\"\n              ratio=\"2\"\n            />\n            <h3 class=\"mt-4 text-center\">\n              {{ $gettext(\"We're sorry. There are no reviews yet. Be the first!\") }}\n            </h3>\n          </div>\n        </div>\n\n        <!-- load more button -->\n        <div\n          v-if=\"(!loadingMore && reviewsToLoad) || (loadingMore && reviewsToLoad >= limit)\"\n          class=\"container mb-12 mt-6 px-4\"\n        >\n          <div class=\"row\">\n            <div class=\"col-12 col-lg-6 offset-lg-3\">\n              <button\n                type=\"button\"\n                class=\"button w-full\"\n                :class=\"[loadingMore ? 'button--disabled' : 'button--primary-outline']\"\n                :disabled=\"loadingMore\"\n                @click=\"loadMore\"\n              >\n                {{ i18nLoadMoreButton }}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- breadcrumb -->\n      <div\n        v-if=\"breadcrumb && breadcrumb.length\"\n        class=\"order-2 pb-12 pt-6 lg:order-1\"\n        :class=\"{ 'bg-gray-10': !viewport.isLessThan('lg') }\"\n      >\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <CiBreadcrumb\n                :items=\"breadcrumb\"\n                class=\"mb-6\"\n                :background=\"viewport.isLessThan('lg') ? 'white' : 'gray'\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <CiErrorView\n    v-else\n    :error=\"fetchStatus\"\n  />\n</template>\n\n<style lang=\"scss\" scoped>\n.reviews {\n  .review__item {\n    &:before {\n      display: none;\n    }\n\n    @include media-breakpoint-up(lg) {\n      &:before {\n        background-color: $light-gray-30;\n        content: ' ';\n        display: block;\n        height: 2rem;\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        width: 100%;\n        z-index: 0;\n      }\n    }\n  }\n\n  .reviews__no-reviews {\n    h3 {\n      font-size: 1.5rem;\n      font-weight: 400;\n    }\n  }\n}\n\n:deep(.accordion) {\n  &.open {\n    .review__date-of-stay {\n      @apply text-white lg:text-info;\n    }\n\n    .accordion__body {\n      @apply bg-gray-10 lg:bg-transparent;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","campsiteStore","useCampsiteStore","$gettext","useGettext","showOriginal","ref","showOriginalAnswer","commentLang","computed","_a","displayLang","i18nAnsweredFrom","_b","title","comment","advantages","disadvantages","hasTranslations","isEmpty","answerText","hasAnswerTranslations","getFormattedDate","date","includeTime","format","dayjs","emit","__emit","appStore","useAppStore","localePath","useLocalePath","reviewService","useReviewService","route","useRoute","userStore","useUserStore","$ngettext","interpolate","locale","useI18n","requestIsResolved","voteIsPending","buttonText","helpfulText","isUserReview","translated","userVoted","canMarkAsHelpful","_c","onVoteHelpful","review","path","navigateTo","RBN_LOGIN","backendStore","useBackendStore","getDateOfStay","runtimeConfig","useRuntimeConfig","seoStore","useSeoStore","viewport","useViewport","dynamicHeadline","useDynamicHeadline","fetchError","fetchFailed","fetchStatus","useFetchError","getDescription","useCampsiteDetailDescription","mapRating","useRating","doneWithToken","ignoreUrlIdForScrolling","limit","loadingMore","offset","reset","reviewRefs","reactive","reviews","selectedGroup","data","pending","refresh","error","__temp","__restore","_withAsyncContext","useLazyAsyncData","campsite","imgCount","_d","_f","_e","_g","_i","_h","_k","_j","_l","_m","reviewsInitiallyLoaded","_n","reviewId","_o","localReviews","_p","createError","jsonLd","imagePath","fixImageUrl","metadata","formattedPrice","ratingCount","breadcrumb","RBN_COUNTRY_SEARCH","RBN_FEDERAL_STATE_SEARCH","RBN_CAMPSITE_DETAIL","price","reviewsToLoad","unseen","i18nLoadMoreButton","watch","newValue","oldValue","toRaw","appendToReviews","scrollToReview","useHead","onMounted","loadMore","newReviews","r","onToggleAccordion","id","onMarkedAsHelpful"],"mappings":"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"}