{"version":3,"file":"groobyPh.js","sources":["../../../../../../../app/composables/useFavoriteItem.ts","../../../../../../../app/components/CiFavoriteTile/CiFavoriteTile.vue","../../../../../../../app/components/CiFavoriteListItem/CiFavoriteListItem.vue","../../../../../../../app/composables/services/useFavoriteService.ts","../../../../../../../app/pages/account/favorites/index.vue"],"sourcesContent":["import { faHeart as faHeartSolid } from '@fortawesome/pro-solid-svg-icons';\nimport { faHeart, faUndo } from '@fortawesome/pro-regular-svg-icons';\n\nexport default function useFavoriteItem({\n  favorite,\n  timeoutActive,\n  index,\n}: {\n  favorite: any;\n  timeoutActive: boolean;\n  index?: number;\n}) {\n  /********************\n   * COMPOSITIONS      *\n   ********************/\n  const route = useRoute();\n  const { getDecimalSeparator } = usePriceFormatter();\n  const { getContextForCP } = useECommerceContext();\n  const { trackProductListClick } = useTracking();\n\n  /********************\n   * REFS & VARS       *\n   ********************/\n  const markedForRemoval = ref(false);\n  const hoverOnIcon = ref(false);\n\n  const favoriteIcon = computed(() => {\n    return hoverOnIcon.value ? faHeart : faHeartSolid;\n  });\n\n  const undoIcon = computed(() => {\n    return faUndo;\n  });\n\n  const comparePrice = computed(() => {\n    if (hasPrice(favorite.price && favorite.price.price_off_season)) {\n      return favorite.price.price_off_season;\n    }\n\n    if (hasPrice(favorite.price && favorite.price.price1)) {\n      return favorite.price.price1;\n    }\n\n    return null;\n  });\n\n  const priceNumberBeforeComma = computed(() => {\n    const decimal = parseFloat(comparePrice.value).toFixed(2);\n    return decimal.split('.')[0];\n  });\n\n  const priceDecimals = computed(() => {\n    const decimal = parseFloat(comparePrice.value).toFixed(2);\n    return decimal.split('.')[1];\n  });\n\n  const decimalSeparator = computed(() => {\n    return getDecimalSeparator(comparePrice.value);\n  });\n\n  /********************\n   * FUNCTIONS         *\n   ********************/\n  function setHoverState(isActive: boolean) {\n    hoverOnIcon.value = isActive;\n  }\n\n  function markForRemoval() {\n    hoverOnIcon.value = false;\n    markedForRemoval.value = true;\n  }\n\n  function undoMarkForRemoval() {\n    hoverOnIcon.value = false;\n    markedForRemoval.value = false;\n  }\n\n  function unmarkedForRemoval(event) {\n    if (!timeoutActive || event.detail.lastRemovedIndex === index) {\n      markedForRemoval.value = false;\n    }\n  }\n\n  function hasPrice(price) {\n    return price && price !== 0;\n  }\n\n  function onFavoriteClicked(position: number) {\n    trackProductListClick({\n      product: {\n        id: favorite.camping_id.toString(),\n        name: favorite.name,\n        category: 'campsite',\n        currency: 'EUR',\n        price: Math.round((favorite.price?.price_off_season || favorite.price?.price1 || 0) * 100) / 100,\n        position: position + parseInt((route.query?.offset as string) || '0'),\n      },\n      name: 'favorites',\n      context: getContextForCP(favorite),\n    });\n  }\n\n  /********************\n   * HOOKS             *\n   ********************/\n  onMounted(() => {\n    window.addEventListener('favorites.updated', unmarkedForRemoval);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('favorites.updated', unmarkedForRemoval);\n  });\n\n  return {\n    comparePrice,\n    decimalSeparator,\n    favoriteIcon,\n    hoverOnIcon,\n    markForRemoval,\n    markedForRemoval,\n    onFavoriteClicked,\n    priceDecimals,\n    priceNumberBeforeComma,\n    setHoverState,\n    undoIcon,\n    undoMarkForRemoval,\n  };\n}\n","<script setup lang=\"ts\">\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiFavoriteTileProps {\n  favorite: any;\n  index: number;\n  timeoutActive?: boolean;\n}\n\nconst props = withDefaults(defineProps<CiFavoriteTileProps>(), {\n  timeoutActive: false,\n});\n\nconst emit = defineEmits<{\n  'ci-favorite-item-remove-favorite': [value: { slug: string; index: number }];\n  'ci-favorite-item-undo-remove-favorite': [value: { slug: string }];\n}>();\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst localePath = useLocalePath();\nconst {\n  comparePrice,\n  decimalSeparator,\n  favoriteIcon,\n  markForRemoval,\n  markedForRemoval,\n  onFavoriteClicked,\n  priceDecimals,\n  priceNumberBeforeComma,\n  setHoverState,\n  undoIcon,\n  undoMarkForRemoval,\n} = useFavoriteItem({\n  favorite: props.favorite,\n  index: props.index,\n  timeoutActive: props.timeoutActive,\n});\nconst { $gettext, $pgettext } = useGettext();\nconst { fixImageUrlAndCheckWebp } = useWebp();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst altTextForFavoriteIcon = computed(() => {\n  return $pgettext('favorite item', 'Remove favorite');\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction getImage(webp: boolean = false): any {\n  return fixImageUrlAndCheckWebp(props.favorite.image, webp).url;\n}\n\nfunction onMarkForRemoval() {\n  emit('ci-favorite-item-remove-favorite', { slug: props.favorite.slug, index: props.index });\n  markForRemoval();\n}\n\nfunction onUndoMarkForRemoval() {\n  emit('ci-favorite-item-undo-remove-favorite', { slug: props.favorite.slug });\n  undoMarkForRemoval();\n}\n</script>\n\n<template>\n  <div\n    v-if=\"!markedForRemoval && !props.timeoutActive\"\n    class=\"relative\"\n  >\n    <CiAwesomeIcon\n      :alt=\"altTextForFavoriteIcon\"\n      :icon=\"favoriteIcon\"\n      class=\"icon absolute right-4 top-4 z-10 cursor-pointer fill-danger\"\n      data-testid=\"ci-favorite-tile--icon\"\n      ratio=\"0.9\"\n      @click=\"onMarkForRemoval()\"\n      @mouseleave=\"setHoverState(false)\"\n      @mouseover=\"setHoverState(true)\"\n    />\n    <nuxt-link\n      :to=\"localePath({ name: RBN_CAMPSITE_DETAIL, params: { identifier: props.favorite.slug } })\"\n      class=\"block hover:no-underline\"\n      :class=\"{ 'pointer-events-none': !props.favorite.is_active }\"\n      data-testid=\"ci-favorite-tile\"\n      @click=\"onFavoriteClicked(props.index + 1)\"\n    >\n      <div class=\"h-[17.5rem] rounded shadow-ci\">\n        <div\n          class=\"relative h-48 overflow-hidden rounded bg-gray-40 bg-center bg-no-repeat\"\n          :class=\"{ 'bg-gray-10': props.favorite.image, 'opacity-30': !props.favorite.is_active }\"\n        >\n          <picture>\n            <source\n              :srcset=\"getImage(true)\"\n              type=\"image/webp\"\n            />\n            <source\n              :srcset=\"getImage\"\n              type=\"image/jpg\"\n            />\n            <img\n              class=\"absolute left-0 top-0 size-full object-cover\"\n              :src=\"getImage\"\n              loading=\"lazy\"\n              alt=\" \"\n            />\n            <!-- CP name + image -->\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 flex flex-col\">\n              <div class=\"z-20 mt-auto p-4\">\n                <div class=\"text-sm font-medium text-primary\">\n                  {{ props.favorite.city }}\n                </div>\n                <div\n                  class=\"m-0 font-medium text-white\"\n                  :data-testid=\"`ci-favorite-tile--slug-${props.favorite.slug}`\"\n                >\n                  {{ props.favorite.name }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"relative p-4\">\n          <template v-if=\"props.favorite.is_active\">\n            <CiRatingRadial\n              :rating=\"favorite.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 class=\"ml-[1.9rem] flex min-h-14 justify-end rounded bg-gray-20 py-1 pr-2 text-black\">\n              <div\n                v-if=\"comparePrice\"\n                class=\"flex items-center\"\n              >\n                <div class=\"mr-2 self-end font-medium leading-8\">\n                  {{ $gettext('From') }}\n                </div>\n                <div class=\"text-[2.5rem] font-normal\">\n                  <span>{{ priceNumberBeforeComma }}</span><span>{{ decimalSeparator }}</span>\n                </div>\n                <div class=\"mt-1 self-start font-medium\">\n                  {{ priceDecimals }}\n                </div>\n                <div class=\"h1 mb-0 ml-1 text-[2.5rem] font-normal\">\n                  €\n                </div>\n              </div>\n              <div\n                v-else\n                class=\"mb-0 mr-4 self-center text-[2.5rem]\"\n              >\n                -\n              </div>\n            </div>\n          </template>\n          <div\n            v-else\n            class=\"flex h-14 w-full\"\n            :class=\"{ 'items-center': favorite.is_active }\"\n          >\n            <span class=\"mb-0 mr-4 py-1 font-bold text-black\">{{ $gettext('Campsite not available') }}</span>\n          </div>\n        </div>\n      </div>\n    </nuxt-link>\n  </div>\n  <div\n    v-else\n    class=\"favorite-undo\"\n  >\n    <div class=\"rounded border border-dark bg-white shadow-ci md:hidden\">\n      <div class=\"col-12 flex items-center justify-between p-1\">\n        <div class=\"my-2 justify-start\">\n          {{ $gettext('Campsite removed!') }}\n        </div>\n        <CiButton\n          class=\"button\"\n          :icon=\"undoIcon\"\n          icon-ratio=\"0.9\"\n          icon-before\n          @click=\"onUndoMarkForRemoval()\"\n        >\n          <span>{{ $gettext('Undo') }}</span>\n        </CiButton>\n      </div>\n    </div>\n    <div class=\"hidden rounded border border-dark bg-white shadow-ci md:block\">\n      <div class=\"h-[17.4rem]\">\n        <div class=\"flex h-48 flex-col justify-center pt-4\">\n          <div class=\"text-center\">\n            {{ $gettext('Campsite removed from favorites!') }}\n          </div>\n        </div>\n        <div class=\"flex flex-col justify-center\">\n          <div class=\"m-auto\">\n            <CiButton\n              class=\"button button--primary px-4\"\n              :icon=\"undoIcon\"\n              icon-ratio=\"0.7\"\n              icon-before\n              @click=\"onUndoMarkForRemoval()\"\n            >\n              <span>{{ $gettext('Undo action') }}</span>\n            </CiButton>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style></style>\n","<script setup lang=\"ts\">\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiFavoriteTileProps {\n  favorite: any;\n  number: number;\n  timeoutActive?: boolean;\n}\n\nconst props = withDefaults(defineProps<CiFavoriteTileProps>(), {\n  timeoutActive: false,\n});\n\nconst emit = defineEmits<{\n  'ci-favorite-item-remove-favorite': [value: { slug: string; index: number }];\n  'ci-favorite-item-undo-remove-favorite': [value: { slug: string }];\n}>();\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst localePath = useLocalePath();\nconst { $gettext } = useGettext();\nconst { comparePrice, favoriteIcon, markForRemoval, markedForRemoval, setHoverState, undoIcon, undoMarkForRemoval, onFavoriteClicked }\n  = useFavoriteItem({\n    favorite: props.favorite,\n    index: props.number,\n    timeoutActive: props.timeoutActive,\n  });\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction onMarkForRemoval() {\n  emit('ci-favorite-item-remove-favorite', { slug: props.favorite.slug, index: props.number });\n  markForRemoval();\n}\n\nfunction onUndoMarkForRemoval() {\n  emit('ci-favorite-item-undo-remove-favorite', { slug: props.favorite.slug });\n  undoMarkForRemoval();\n}\n</script>\n\n<template>\n  <div\n    v-if=\"!markedForRemoval && !props.timeoutActive\"\n    class=\"relative\"\n  >\n    <nuxt-link\n      :to=\"localePath({ name: RBN_CAMPSITE_DETAIL, params: { identifier: props.favorite.slug } })\"\n      class=\"block py-4 pl-2 pr-6 text-black hover:no-underline md:pr-2\"\n      :class=\"{ 'py-4': !props.favorite.is_active, 'pointer-events-none': !favorite.is_active }\"\n      data-testid=\"ci-favorite-list-item\"\n      @click=\"onFavoriteClicked(props.number)\"\n    >\n      <div class=\"row\">\n        <div class=\"col-8 col-md-12 w-full\">\n          <div class=\"row items-center\">\n            <div\n              class=\"col-12 col-md-3 truncate align-middle\"\n              :data-testid=\"`ci-favorite-list-item--slug-${favorite.slug}`\"\n            >\n              <span class=\"text-primary\">{{ props.number }}.</span>\n              <span\n                class=\"ml-2 font-bold md:font-normal\"\n                :class=\"{ 'opacity-40': !favorite.is_active }\"\n                :title=\"props.favorite.name\"\n              >{{ props.favorite.name }}</span>\n            </div>\n            <div\n              class=\"col-12 col-md-2 truncate text-gray md:text-center md:text-black\"\n              :class=\"{ 'opacity-40': !favorite.is_active }\"\n            >\n              <!-- prettier-ignore -->\n              <span\n                v-if=\"props.favorite.country\"\n                :title=\"props.favorite.country.name\"\n              >{{ props.favorite.country.name }}</span>\n            </div>\n            <div\n              class=\"col-2 hidden truncate text-center md:block\"\n              :class=\"{ 'opacity-40': !favorite.is_active }\"\n            >\n              <span\n                v-if=\"props.favorite.federal_state\"\n                :title=\"props.favorite.federal_state.name\"\n              >{{\n                props.favorite.federal_state.name\n              }}</span>\n            </div>\n            <div\n              v-if=\"props.favorite.is_active\"\n              class=\"col-2 hidden justify-center md:block\"\n            >\n              <CiRatingRadial\n                :rating=\"props.favorite.rating_avg_overall\"\n                class=\"m-auto w-12 justify-center\"\n                font-class=\"font-bold\"\n              />\n            </div>\n            <div\n              v-if=\"props.favorite.is_active\"\n              class=\"col-12 col-md-2 text-info md:text-center\"\n            >\n              <div\n                v-if=\"comparePrice\"\n                class=\"flex md:justify-center\"\n              >\n                <span class=\"mr-1\">{{ $gettext('From') }}</span>\n                <span>{{ parseFloat(comparePrice).toFixed(2) }}</span>\n                <span class=\"ml-1\">€</span>\n              </div>\n              <div v-else>\n                -\n              </div>\n            </div>\n            <div\n              v-if=\"!props.favorite.is_active\"\n              class=\"col-12 col-md-4 md:text-center\"\n            >\n              <span class=\"mb-0 mr-4 py-1 font-bold text-black\">{{ $gettext('Campsite not available') }}</span>\n            </div>\n            <div\n              v-if=\"props.favorite.is_active\"\n              class=\"col-1 hidden md:block\"\n            >\n              <div class=\"flex h-full items-center\">\n                <CiAwesomeIcon\n                  :icon=\"favoriteIcon\"\n                  class=\"icon ml-auto fill-danger\"\n                  data-testid=\"ci-favorite-list-item--icon\"\n                  ratio=\"0.8\"\n                  @click.prevent.stop=\"onMarkForRemoval()\"\n                  @mouseleave=\"setHoverState(false)\"\n                  @mouseover=\"setHoverState(true)\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-4 md:hidden\">\n          <div class=\"row h-full items-center\">\n            <div\n              v-if=\"props.favorite.is_active\"\n              class=\"col-6\"\n            >\n              <CiRatingRadial\n                :rating=\"props.favorite.rating_avg_overall\"\n                :circle-class=\"'circle--primary'\"\n                class=\"ml-auto justify-center\"\n                font-class=\"font-bold\"\n              />\n            </div>\n            <div class=\"col-6\">\n              <div\n                v-if=\"props.favorite.is_active\"\n                class=\"flex h-full items-center\"\n              >\n                <CiAwesomeIcon\n                  :icon=\"favoriteIcon\"\n                  class=\"icon ml-auto fill-danger\"\n                  ratio=\"0.8\"\n                  @click.prevent.stop=\"markForRemoval()\"\n                  @mouseleave=\"setHoverState(false)\"\n                  @mouseover=\"setHoverState(true)\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </nuxt-link>\n    <CiAwesomeIcon\n      v-if=\"!props.favorite.is_active\"\n      :icon=\"favoriteIcon\"\n      class=\"icon absolute mr-6 fill-danger md:mr-2\"\n      :class=\"{ 'right-0 top-1/2 -translate-y-1/2 cursor-pointer': !favorite.is_active }\"\n      ratio=\"0.8\"\n      @mouseover=\"setHoverState(true)\"\n      @mouseleave=\"setHoverState(false)\"\n      @click=\"markForRemoval()\"\n    />\n  </div>\n  <div\n    v-else\n    class=\"m-auto px-2 py-6\"\n  >\n    <div class=\"col-12 flex items-center justify-between px-0\">\n      <div class=\"my-2 justify-start md:hidden\">\n        {{ $gettext('Campsite removed!') }}\n      </div>\n      <div class=\"hidden shrink grow basis-auto text-center md:block\">\n        {{ $gettext('Campsite removed from favorites!') }}\n      </div>\n      <CiButton\n        class=\"button font-bold\"\n        :icon=\"undoIcon\"\n        icon-ratio=\"0.9\"\n        icon-before\n        @click=\"onUndoMarkForRemoval()\"\n      >\n        <span class=\"md:hidden\">{{ $gettext('Undo') }}</span>\n        <span class=\"hidden md:block\">{{ $gettext('Undo action') }}</span>\n      </CiButton>\n    </div>\n  </div>\n</template>\n\n<style></style>\n","import useFetchService from '@/composables/useFetchService';\n\nexport default function useFavoriteService() {\n  /********************\n   * COMPOSITIONS      *\n   ********************/\n  const runtimeConfig = useRuntimeConfig();\n  const fetchService = useFetchService({ base: runtimeConfig.public.apiUrl });\n\n  /********************\n   * FUNCTIONS         *\n   ********************/\n  function getFavorites(lang: string, params: any) {\n    return fetchService.get('/favorites/', lang, { params }, 2);\n  }\n\n  return {\n    getFavorites,\n  };\n}\n","<script setup lang=\"ts\">\nimport { equals } from 'ramda';\n\n// icons\nimport { faChevronRight, faHeartBroken } from '@fortawesome/pro-solid-svg-icons';\nimport { faList, faTh, faSearch } from '@fortawesome/pro-regular-svg-icons';\n\n// components\nimport CiSkeletonFavoriteTile from '@/components/skeleton/CiSkeletonFavoriteTile.vue';\nimport CiSkeletonItem from '@/components/skeleton/CiSkeletonItem.vue';\nimport CiSkeletonPromoSlider from '@/components/skeleton/CiSkeletonPromoSlider.vue';\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst favoriteService = useFavoriteService();\nconst favoritesContainerRef = ref<HTMLElement | null>(null);\nconst getRouteBaseName = useRouteBaseName();\nconst localePath = useLocalePath();\nconst route = useRoute();\nconst userStore = useUserStore();\nconst { $gettext, $pgettext } = useGettext();\nconst { locale } = useI18n();\nconst { trackProductListView } = useTracking();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst currentView = ref('tiles');\nconst favorites = shallowRef([]);\nconst favoritesCount = ref(0);\nconst isPending = ref(true);\nconst limit = ref(12);\nconst offset = ref(0);\nconst pageCount = ref(0);\nconst recommendations = ref(null);\nconst timeouts = shallowRef({});\nconst view = shallowRef({\n  tiles: 'tiles',\n  list: 'list',\n});\n\nconst hasFavorites = computed(() => {\n  return favorites.value?.length !== 0;\n});\n\nconst i18nPromoHeadline = computed(() => {\n  return $gettext('You might also be interested in these campsites');\n});\n\nconst isTileViewActive = computed(() => {\n  return currentView.value === view.value.tiles;\n});\n\nconst isListViewActive = computed(() => {\n  return currentView.value === view.value.list;\n});\n\nconst i18nInfoTextTitle = computed(() => {\n  if (!userStore.user?.profile) {\n    return $gettext('You don\\'t have an account yet.');\n  }\n  return $gettext('You\\'re favorites list is empty.');\n});\n\nconst i18nInfoText = computed(() => {\n  if (!userStore.user?.profile) {\n    return $gettext('Register to use favorites and many other functions.');\n  }\n  return $gettext('You have not added any campsites as a favorite.');\n});\n\nconst getOffset = computed(() => {\n  return route.query && route.query.offset ? route.query.offset : offset.value;\n});\n\nconst currentPage = computed(() => {\n  return Math.ceil(parseInt(getOffset.value) / limit.value + 1);\n});\n\nconst breadcrumb = computed(() => {\n  return [\n    {\n      name: $gettext('Favorites'),\n      class: 'breadcrumb-item--chevron',\n      to: null,\n    },\n  ];\n});\n\nconst offsetIsOutOfRange = computed(() => {\n  return getOffset.value > favoritesCount.value - 1;\n});\n\nconst searchRoute = computed(() => {\n  return localePath({ name: RBN_SEARCH });\n});\n\nconst registerRoute = computed(() => {\n  return localePath({ name: 'account-register', query: { ...route.query, redirect: route.path } });\n});\n\nconst loginRoute = computed(() => {\n  return localePath({ name: RBN_LOGIN, query: { ...route.query, redirect: route.path } });\n});\n\n/********************\n * WATCHER           *\n ********************/\nwatch(() => userStore.user.profile, onUserChange, { immediate: true });\n\nwatch(\n  () => route.query,\n  () => {\n    scrollToMainContainer();\n    getFavoritesFromService();\n  },\n);\n\n/********************\n * HOOKS             *\n ********************/\nonMounted(() => {\n  // Remove the favorite when window is closed and favorite was marked for deletion\n  window.addEventListener('beforeunload', removeMarkedForRemovalFavoritesWhenLeavingPage);\n});\n\nonBeforeUnmount(() => {\n  removeMarkedForRemovalFavoritesWhenLeavingPage();\n  window.removeEventListener('beforeunload', removeMarkedForRemovalFavoritesWhenLeavingPage);\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction onUserChange(newValue) {\n  if (!newValue) {\n    isPending.value = false;\n  } else {\n    getFavoritesFromService();\n  }\n  scrollToMainContainer();\n}\n\nfunction getFavoritesFromService(lastRemovedIndex = null) {\n  isPending.value = true;\n\n  return favoriteService\n    .getFavorites(locale.value, {\n      limit: limit.value,\n      offset: getOffset.value,\n    })\n    .then((response) => {\n      favorites.value = response.results;\n\n      if (favorites.value?.length) {\n        const products = [];\n        const context = [];\n\n        favorites.value.forEach((item, idx) => {\n          products.push({\n            id: item.camping_id.toString(),\n            name: item.name,\n            category: 'campsite',\n            currency: 'EUR',\n            price: Math.round((item.price?.price_off_season || item.price?.price1 || 0) * 100) / 100,\n            position: idx + 1 + parseInt((route.query?.offset as string) || '0'),\n          });\n\n          context.push({\n            schema: 'iglu:com.camparound/campinginfo_campsite/jsonschema/1-0-1',\n            data: {\n              booked_products: item.purchases || null,\n              camping_id: item.camping_id,\n              civ2_id: item.id,\n              slug: item.slug,\n            },\n          });\n        });\n\n        trackProductListView({\n          products,\n          name: 'favorites',\n          context,\n        });\n      }\n\n      recommendations.value = response.recommendations;\n      setFavoritesCount(response.count);\n\n      if (offsetIsOutOfRange.value) {\n        navigateToFavoritesPage();\n      }\n\n      if (lastRemovedIndex !== null) {\n        sendFavoritesUpdatedEvent(lastRemovedIndex);\n      }\n    })\n    .catch((error) => {\n      throw createError({ statusCode: error.response.status });\n    })\n    .finally(() => {\n      isPending.value = false;\n    });\n}\n\nfunction timeoutIsActive(slug) {\n  return !!timeouts.value[slug];\n}\n\nfunction setFavoritesCount(count) {\n  favoritesCount.value = count;\n  pageCount.value = Math.ceil(count / limit.value);\n}\n\nfunction changeView(view) {\n  if (currentView.value === view) {\n    return;\n  }\n\n  removeMarkedForRemovalFavoritesWhenLeavingPage();\n  currentView.value = view;\n}\n\nfunction scrollToMainContainer() {\n  if (favoritesContainerRef.value) {\n    nextTick(() => {\n      favoritesContainerRef.value!.scrollIntoView({ block: 'start' });\n    });\n  }\n}\n\nfunction startRemovingTimer({ slug, index }: { slug: string; index: number }) {\n  timeouts.value = {\n    ...timeouts.value,\n    [slug]: setTimeout(() => removeFavoriteItem(slug, index), 4000, slug, index),\n  };\n}\n\nfunction stopRemovingTimer({ slug }: { slug: string }) {\n  clearTimeout(timeouts.value[slug]);\n  const timeoutsCopy = { ...timeouts.value };\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete timeoutsCopy[slug];\n  timeouts.value = timeoutsCopy;\n}\n\nfunction removeFavoriteItem(campsiteSlug: string, lastRemovedIndex: number | null = null) {\n  const timeoutsCopy = { ...timeouts.value };\n  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n  delete timeoutsCopy[campsiteSlug];\n  timeouts.value = timeoutsCopy;\n\n  userStore\n    .removeFavorite(campsiteSlug)\n    .then(() => {\n      if (getOffset.value >= favoritesCount.value - 1) {\n        navigateToPreviousPage();\n      } else {\n        getFavoritesFromService(lastRemovedIndex);\n      }\n    })\n    .catch(() => {\n      // A message should appear later that the removal failed\n      getFavoritesFromService();\n    });\n}\n\nfunction navigateToPreviousPage() {\n  // calculate offset of previous page\n  const offset = favoritesCount.value - 1 - limit.value;\n  const query = offset === 0 ? {} : { offset };\n  return navigateToFavoritesPage(query);\n}\n\nfunction navigateToFavoritesPage(query = {}) {\n  const routeQuery = { ...route.query };\n\n  for (const [key, value] of Object.entries(routeQuery)) {\n    routeQuery[key] = value?.toString();\n  }\n\n  if (equals(query, routeQuery) && getRouteBaseName(route) === RBN_FAVORITES) {\n    return;\n  }\n\n  return navigateTo(\n    localePath({\n      name: RBN_FAVORITES,\n      query,\n    }),\n  );\n}\n\nfunction sendFavoritesUpdatedEvent(lastRemovedIndex?: number | null) {\n  window.dispatchEvent(new CustomEvent('favorites.updated', { detail: { lastRemovedIndex } }));\n}\n\nfunction listItemNumber(index: number) {\n  return index + 1 + (currentPage.value - 1) * limit.value;\n}\n\nfunction removeMarkedForRemovalFavoritesWhenLeavingPage() {\n  // Remove each favorite with an active timeout\n  const keys = Object.keys(timeouts.value);\n  keys.forEach(slug => removeFavoriteItem(slug));\n}\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"bg-gray-10 pt-4\"\n      :class=\"(isTileViewActive && hasFavorites) || isPending ? 'mb-[-3.125rem] pb-7' : 'mb-1'\"\n    >\n      <div class=\"container\">\n        <div class=\"row favorites__breadcrumb mb-4 hidden md:block\">\n          <div class=\"col-12\">\n            <CiBreadcrumb :items=\"breadcrumb\" />\n          </div>\n        </div>\n\n        <div\n          v-if=\"hasFavorites\"\n          ref=\"favoritesContainer\"\n          class=\"row mb-0 items-center md:mb-12\"\n        >\n          <h1 class=\"col-12 col-md-8 lg:text-left\">\n            <span>{{ $gettext('Your Favorites') }}</span>\n            <span\n              v-if=\"favoritesCount\"\n              class=\"text-normal ml-2\"\n            >({{ favoritesCount }})</span>\n          </h1>\n\n          <div class=\"col-12 col-md-4 mb-1 mt-4 md:my-0\">\n            <div\n              v-if=\"favoritesCount > 0\"\n              class=\"mb-4 flex justify-end sm:justify-center\"\n            >\n              <CiButton\n                :class=\"isTileViewActive ? 'button--primary' : 'button--primary-outline'\"\n                class=\"button button--radius-small favorites__tile-view-button ml-0 w-1/2 rounded-r-none md:ml-4\"\n                data-testid=\"favorites--tile-view-button\"\n                :icon=\"faTh\"\n                icon-before\n                @click=\"changeView(view.tiles)\"\n              >\n                <span class=\"ml-2 whitespace-nowrap md:hidden lg:block\">{{ $gettext('Tile view') }}</span>\n              </CiButton>\n\n              <CiButton\n                :class=\"isListViewActive ? 'button--primary' : 'button--primary-outline'\"\n                class=\"button button--radius-small favorites__list-view-button w-1/2 rounded-l-none\"\n                data-testid=\"favorites--list-view-button\"\n                :icon=\"faList\"\n                icon-before\n                @click=\"changeView(view.list)\"\n              >\n                <span class=\"ml-2 whitespace-nowrap md:hidden lg:block\">{{ $gettext('List view') }}</span>\n              </CiButton>\n            </div>\n          </div>\n        </div>\n\n        <div\n          v-if=\"hasFavorites && isListViewActive\"\n          class=\"row hidden pb-1 font-bold md:flex\"\n        >\n          <div class=\"col-3\">\n            <span class=\"pl-1\">{{ $gettext('Name') }}</span>\n          </div>\n          <div class=\"col-2 text-center font-bold\">\n            {{ $pgettext('Favorites list view column', 'Country') }}\n          </div>\n          <div class=\"col-2 text-center font-bold\">\n            {{ $pgettext('Favorites list view column', 'Region') }}\n          </div>\n          <div class=\"col-2 text-center font-bold\">\n            {{ $pgettext('Favorites list view column', 'Rating') }}\n          </div>\n          <div class=\"col-2 text-center font-bold\">\n            {{ $pgettext('Favorites list view column', 'Price') }}\n          </div>\n        </div>\n\n        <div\n          v-if=\"!hasFavorites\"\n          class=\"row mb-0 items-center md:mb-12\"\n        >\n          <h1 class=\"col-12 col-md-8 mb-2 lg:text-left\">\n            <span>{{ $gettext('Your Favorites') }}</span>\n          </h1>\n        </div>\n      </div>\n    </div>\n\n    <div\n      v-if=\"isPending\"\n      class=\"container\"\n    >\n      <template v-if=\"isTileViewActive\">\n        <div class=\"row mb-12\">\n          <div\n            v-for=\"index in 12\"\n            :key=\"index\"\n            class=\"col-12 col-md-6 col-lg-4 favorites__tile-item mt-6\"\n          >\n            <CiSkeletonFavoriteTile />\n          </div>\n        </div>\n      </template>\n      <template v-if=\"isListViewActive\">\n        <div class=\"mt-6\">\n          <div\n            v-for=\"index in 10\"\n            :key=\"index\"\n          >\n            <CiSkeletonItem class=\"h-20 w-full\" />\n          </div>\n        </div>\n      </template>\n    </div>\n    <div\n      v-else\n      class=\"container\"\n    >\n      <div\n        v-if=\"hasFavorites && isTileViewActive\"\n        class=\"row mt-4 md:mt-0\"\n      >\n        <div\n          v-for=\"(favorite, index) in favorites\"\n          :key=\"favorite.id\"\n          class=\"col-12 col-md-6 col-lg-4 favorites__tile-item mt-6\"\n        >\n          <CiFavoriteTile\n            :favorite=\"favorite\"\n            :index=\"index\"\n            :timeout-active=\"timeoutIsActive(favorite.slug)\"\n            @ci-favorite-item-remove-favorite=\"startRemovingTimer\"\n            @ci-favorite-item-undo-remove-favorite=\"stopRemovingTimer\"\n          />\n        </div>\n      </div>\n\n      <div v-else-if=\"hasFavorites && isListViewActive\">\n        <div\n          v-for=\"(favorite, index) in favorites\"\n          :key=\"favorite.id\"\n          class=\"favorites__list-item hover:bg-[#dff3d3]\"\n          :class=\"index + 1 < limit ? 'border-b border-gray-20' : null\"\n        >\n          <CiFavoriteListItem\n            :favorite=\"favorite\"\n            :number=\"listItemNumber(index)\"\n            :timeout-active=\"timeoutIsActive(favorite.slug)\"\n            @ci-favorite-item-remove-favorite=\"startRemovingTimer\"\n            @ci-favorite-item-undo-remove-favorite=\"stopRemovingTimer\"\n          />\n        </div>\n      </div>\n      <div\n        v-else-if=\"!userStore.user?.profile || !isPending\"\n        class=\"row justify-center text-center\"\n      >\n        <div>\n          <CiAwesomeIcon\n            :icon=\"faHeartBroken\"\n            class=\"my-6 fill-danger\"\n            ratio=\"2.0\"\n          />\n        </div>\n        <div class=\"col-12 m-1 w-auto font-bold\">\n          {{ i18nInfoTextTitle }}\n        </div>\n        <div class=\"col-12 mb-4\">\n          {{ i18nInfoText }}\n        </div>\n\n        <div\n          v-if=\"!userStore.user?.profile\"\n          class=\"col-12 mb-12 flex justify-center\"\n        >\n          <div class=\"row justify-center\">\n            <div class=\"mb-4 justify-center\">\n              <nuxt-link\n                :to=\"registerRoute\"\n                class=\"button button--primary\"\n              >\n                <span>{{ $gettext('Register now') }}</span>\n                <CiAwesomeIcon\n                  :icon=\"faChevronRight\"\n                  ratio=\"0.6\"\n                />\n              </nuxt-link>\n            </div>\n            <div class=\"w-full text-sm\">\n              <span class=\"mr-1\">{{ $gettext('Already have an account?') }}</span>\n              <nuxt-link :to=\"loginRoute\">\n                <span>{{ $gettext('Sign in instead!') }}</span>\n              </nuxt-link>\n            </div>\n          </div>\n        </div>\n        <div\n          v-else\n          class=\"mb-12\"\n        >\n          <nuxt-link\n            :to=\"searchRoute\"\n            class=\"button button--primary\"\n          >\n            <CiAwesomeIcon\n              :icon=\"faSearch\"\n              class=\"icon fill-white\"\n              ratio=\"0.5\"\n            />\n            <span>{{ $pgettext('Favorites info text button', 'Find campsites now') }}</span>\n          </nuxt-link>\n        </div>\n      </div>\n      <section\n        v-if=\"hasFavorites\"\n        class=\"my-12\"\n      >\n        <CiPagination\n          v-if=\"pageCount > 1\"\n          :offset=\"limit\"\n          :current-page=\"currentPage\"\n          :max-visible-buttons=\"4\"\n          :total-pages=\"pageCount\"\n        />\n      </section>\n    </div>\n\n    <!-- recommendations -->\n    <CiPromoSlider\n      v-if=\"!isPending\"\n      :campsites=\"recommendations || undefined\"\n    >\n      <!-- headline -->\n      <template #headline>\n        <h2\n          class=\"m-0 mb-4 text-center\"\n          v-html=\"i18nPromoHeadline\"\n        />\n      </template>\n\n      <!-- slides -->\n      <template #slide=\"{ campsite, index }\">\n        <CiPromoTile\n          :campsite=\"campsite\"\n          :snowplow-context=\"{ bannerId: 'RecommendedCampsitesSlider', zoneId: 'similar', position: index + 1 }\"\n        />\n      </template>\n    </CiPromoSlider>\n    <CiSkeletonPromoSlider\n      v-else\n      class=\"my-6\"\n    />\n  </div>\n</template>\n\n<style></style>\n"],"names":["useFavoriteItem","favorite","timeoutActive","index","route","useRoute","getDecimalSeparator","usePriceFormatter","getContextForCP","useECommerceContext","trackProductListClick","useTracking","markedForRemoval","ref","hoverOnIcon","favoriteIcon","computed","faHeart","faHeartSolid","undoIcon","faUndo","comparePrice","hasPrice","priceNumberBeforeComma","priceDecimals","decimalSeparator","setHoverState","isActive","markForRemoval","undoMarkForRemoval","unmarkedForRemoval","event","price","onFavoriteClicked","position","_a","_b","_c","onMounted","onBeforeUnmount","props","__props","emit","__emit","localePath","useLocalePath","$gettext","$pgettext","useGettext","fixImageUrlAndCheckWebp","useWebp","altTextForFavoriteIcon","getImage","webp","onMarkForRemoval","onUndoMarkForRemoval","useFavoriteService","runtimeConfig","useRuntimeConfig","fetchService","useFetchService","getFavorites","lang","params","favoriteService","favoritesContainerRef","getRouteBaseName","useRouteBaseName","userStore","useUserStore","locale","useI18n","trackProductListView","currentView","favorites","shallowRef","favoritesCount","isPending","limit","offset","pageCount","recommendations","timeouts","view","hasFavorites","i18nPromoHeadline","isTileViewActive","isListViewActive","i18nInfoTextTitle","i18nInfoText","getOffset","currentPage","breadcrumb","offsetIsOutOfRange","searchRoute","RBN_SEARCH","registerRoute","loginRoute","RBN_LOGIN","watch","onUserChange","scrollToMainContainer","getFavoritesFromService","removeMarkedForRemovalFavoritesWhenLeavingPage","newValue","lastRemovedIndex","response","products","context","item","idx","setFavoritesCount","navigateToFavoritesPage","sendFavoritesUpdatedEvent","error","createError","timeoutIsActive","slug","count","changeView","nextTick","startRemovingTimer","removeFavoriteItem","stopRemovingTimer","timeoutsCopy","campsiteSlug","navigateToPreviousPage","query","routeQuery","key","value","equals","RBN_FAVORITES","navigateTo","listItemNumber"],"mappings":"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"}