{"version":3,"file":"ExpertReviewAuthor-637dc57d.js","sources":["../../src/assets/img/avatar-pale-blue.svg","../../src/assets/img/avatar-white.svg","../../src/components/expert-reviews/ExpertReviewAuthor.vue"],"sourcesContent":["export default \"__VITE_ASSET__a95cad47__\"","export default \"__VITE_ASSET__02ee3d38__\"","<template>\r\n  <article :class=\"['review-card', reviewItemStyles]\">\r\n    <div class=\"review-card__score\">\r\n      <img :src=\"cardBg === 'white' ? AvatarIconBlue : AvatarIconWhite\" alt=\"An icon of an avatar head\" />\r\n    </div>\r\n    <div class=\"review-card__content\">\r\n      <p class=\"review-card__reviewed-by\" v-text=\"reviewedByText\" />\r\n      <p class=\"review-card__published\">Published on {{ formattedReviewDate }}</p>\r\n\r\n      <div v-if=\"cardBg === 'transparent'\">\r\n        <RouterLink\r\n          :to=\"{ name: RoutesEnum.EXP_REVIEWS, params: { id: expertReviewData.Vehicle_UID } }\"\r\n          v-if=\"isRACQReview\"\r\n          class=\"mobility-club-link racq-club-review\"\r\n          >{{ reviewProvidedByText }}</RouterLink\r\n        >\r\n\r\n        <a\r\n          :href=\"expertReviewData.RelatedLinks.OriginalContentLocation\"\r\n          v-else-if=\"externalReviewLink && externalReviewLink !== 'null'\"\r\n          class=\"button-as-link mobility-club-link\"\r\n          v-text=\"reviewProvidedByText\"\r\n        />\r\n\r\n        <span v-else class=\"mobility-club-link\" v-text=\"reviewProvidedByText\" />\r\n      </div>\r\n    </div>\r\n  </article>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { RouterLink } from 'vue-router';\r\nimport { computed } from 'vue';\r\nimport AvatarIconBlue from '@/assets/img/avatar-pale-blue.svg';\r\nimport AvatarIconWhite from '@/assets/img/avatar-white.svg';\r\nimport { RoutesEnum } from '../../foundation/routeMappings';\r\n\r\nconst props = defineProps({\r\n  expertReviewData: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n  apiStatus: {\r\n    type: String,\r\n    default: 'LOADING',\r\n  },\r\n  cardBg: {\r\n    type: String,\r\n    default: 'white',\r\n  },\r\n  mobilityClubLink: {\r\n    type: String,\r\n    required: false,\r\n  },\r\n});\r\n\r\nconst reviewItemStyles = computed(() => [props.apiStatus === 'LOADING' ? 'skeleton-box' : `${props.cardBg}-card`]);\r\nconst formattedReviewDate = computed(() =>\r\n  new Date(props.expertReviewData.DateOfCarReview ?? '').toLocaleDateString('en-GB', {\r\n    weekday: 'long',\r\n    year: 'numeric',\r\n    month: 'long',\r\n    day: 'numeric',\r\n  })\r\n);\r\n\r\nconst isRACQReview = computed(() => props.expertReviewData.MobilityClub === 'RACQ');\r\nconst reviewedByText = computed(() => `Reviewed by a motoring journalist at ${props.expertReviewData.MobilityClub}`);\r\nconst externalReviewLink = computed(() => props.expertReviewData.RelatedLinks?.OriginalContentLocation);\r\nconst reviewProvidedByText = computed(() => `Review provided by ${props.expertReviewData.MobilityClub}`);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.review-card {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n\r\n  &__published {\r\n    margin: 0;\r\n    padding-bottom: 0;\r\n    font-size: 0.85rem;\r\n    line-height: 1.25;\r\n\r\n    @media screen and (min-width: #{$breakpoint-md}) {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  &__reviewed-by {\r\n    line-height: 1;\r\n    font-size: 0.85rem;\r\n    margin-bottom: 0.5rem;\r\n    margin-top: 0;\r\n    font-weight: bold;\r\n\r\n    @media screen and (min-width: #{$breakpoint-md}) {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  &__score {\r\n    border-radius: 50%;\r\n    background: $racq-pale-blue;\r\n    border: 1px solid $racq-pale-blue-border;\r\n    min-width: 4.375rem;\r\n    min-height: 4.375rem;\r\n    color: $racq-navy;\r\n  }\r\n\r\n  .mobility-club-link {\r\n    text-decoration: none;\r\n    font-size: 0.875rem;\r\n\r\n    &.racq-club-review {\r\n      color: $racq-cool-grey;\r\n    }\r\n\r\n    @media screen and (min-width: #{$breakpoint-md}) {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.loading * {\r\n  color: transparent;\r\n  background: transparent;\r\n  visibility: hidden;\r\n}\r\n</style>\r\n"],"names":["AvatarIconBlue","AvatarIconWhite","reviewItemStyles","computed","props","formattedReviewDate","isRACQReview","reviewedByText","externalReviewLink","_a","reviewProvidedByText"],"mappings":"oRAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,gCAAA,YAAA,GAAA,EAAA,KCAAC,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,+ZCwDTC,EAAmBC,EAAS,IAAM,CAACC,EAAM,YAAc,UAAY,eAAiB,GAAGA,EAAM,aAAa,CAAC,EAC3GC,EAAsBF,EAAS,IACnC,IAAI,KAAKC,EAAM,iBAAiB,iBAAmB,EAAE,EAAE,mBAAmB,QAAS,CACjF,QAAS,OACT,KAAM,UACN,MAAO,OACP,IAAK,SAAA,CACN,CAAA,EAGGE,EAAeH,EAAS,IAAMC,EAAM,iBAAiB,eAAiB,MAAM,EAC5EG,EAAiBJ,EAAS,IAAM,wCAAwCC,EAAM,iBAAiB,cAAc,EAC7GI,EAAqBL,EAAS,IAAM,OAAA,OAAAM,EAAAL,EAAM,iBAAiB,eAAvB,YAAAK,EAAqC,wBAAuB,EAChGC,EAAuBP,EAAS,IAAM,sBAAsBC,EAAM,iBAAiB,cAAc"}