{"version":3,"file":"CarDetailExpertReview-b9a57092.js","sources":["../../src/components/car-detail/CarDetailExpertReview.vue"],"sourcesContent":["<template>\r\n  <section class=\"full-width-bleed bg-pale-blue expert-review\" v-if=\"expertReviewData\">\r\n    <div class=\"container\">\r\n      <div :class=\"['expert-review__title-container', reviewItemStyles]\">\r\n        <h3 class=\"expert-review__title\">{{ carData.Make }} {{ carData.Model }} review &nbsp;</h3>\r\n        <a\r\n          v-if=\"isRACQReview\"\r\n          :href=\"internalReviewLink\"\r\n          @click=\"redirectToExpertReview\"\r\n          class=\"expert-review__club-link racq-club-review\"\r\n          v-text=\"reviewProvidedByText\"\r\n        />\r\n        <a\r\n          v-else-if=\"externalReviewLink && externalReviewLink !== 'null'\"\r\n          :href=\"externalReviewLink\"\r\n          class=\"link expert-review__club-link\"\r\n          v-text=\"reviewProvidedByText\"\r\n        />\r\n        <span v-else class=\"expert-review__club-link\" v-text=\"reviewProvidedByText\" />\r\n      </div>\r\n\r\n      <div class=\"expert-review__article\">\r\n        <p class=\"expert-review__subtitle\" v-text=\"expertReviewData.ArticleGrab\" />\r\n        <div class=\"expert-review__content\" v-html=\"expertReviewData.ArticleBody\"></div>\r\n      </div>\r\n\r\n      <CarDetailExpertReviewStats\r\n        v-if=\"objectHasEntries(expertReviewData)\"\r\n        :car-data=\"carData\"\r\n        :api-status=\"apiStatus\"\r\n        :expert-review-data=\"expertReviewData\"\r\n      />\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport { IExpertReview } from '../../foundation/interfaces/IExpertReview';\r\nimport { ApiStatusTypes } from '../../foundation/types/apiStatusTypes';\r\nimport CarDetailExpertReviewStats from './CarDetailExpertReviewStats.vue';\r\nimport { objectHasEntries } from '../../foundation/helpers';\r\nimport { useUrlBuilder } from '../../composables/useUrlBuilder';\r\n\r\nconst props = defineProps<{\r\n  expertReviewData: Partial<IExpertReview>;\r\n  apiStatus: ApiStatusTypes;\r\n  carData: any;\r\n}>();\r\n\r\nconst urlBuilder = useUrlBuilder();\r\nconst reviewItemStyles = computed(() => (props.apiStatus === 'LOADING' ? 'skeleton-box' : ''));\r\nconst isRACQReview = computed(() => props.expertReviewData.MobilityClub === 'RACQ');\r\nconst reviewProvidedByText = computed(() => `Review provided by ${props.expertReviewData.MobilityClub}`);\r\nconst externalReviewLink = computed(() => props.expertReviewData.RelatedLinks?.OriginalContentLocation);\r\nconst internalReviewLink = computed(() =>\r\n  urlBuilder.getExpertReviewsUrl(\r\n    props.carData.Vehicle_UID as string,\r\n    props.expertReviewData.Id as string,\r\n    `${props.carData?.Year_low}-${props.carData?.Year_high}`,\r\n    props.carData?.Make,\r\n    props.carData?.Model\r\n  )\r\n);\r\n\r\nfunction redirectToExpertReview() {\r\n  window.location.href = internalReviewLink.value;\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.expert-review {\r\n  padding: 2rem 0;\r\n\r\n  @media screen and (min-width: #{$breakpoint-md}) {\r\n    padding: 3rem 0 4rem;\r\n  }\r\n\r\n  &__title-container {\r\n    padding: 0 0 1rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    @media screen and (min-width: #{$breakpoint-md}) {\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      flex-direction: row;\r\n    }\r\n\r\n    @media screen and (min-width: #{$breakpoint-xl}) {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  &__title,\r\n  &__content,\r\n  &__subtitle,\r\n  &__club-link {\r\n    &.loading {\r\n      height: 5rem;\r\n      margin-bottom: 1rem;\r\n      color: transparent;\r\n    }\r\n  }\r\n\r\n  &__club-link {\r\n    text-decoration: none;\r\n    font-size: 0.875rem;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 2rem;\r\n    margin-top: 1rem;\r\n    margin-bottom: 0.75rem;\r\n\r\n    @media screen and (min-width: #{$breakpoint-lg}) {\r\n      margin-bottom: 1.75rem;\r\n    }\r\n  }\r\n\r\n  &__subtitle {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  &__content {\r\n    padding-bottom: 0.5rem;\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":["urlBuilder","useUrlBuilder","reviewItemStyles","computed","props","isRACQReview","reviewProvidedByText","externalReviewLink","_a","internalReviewLink","_b","_c","_d","redirectToExpertReview"],"mappings":"05BAkDMA,EAAaC,IACbC,EAAmBC,EAAS,IAAOC,EAAM,YAAc,UAAY,eAAiB,EAAG,EACvFC,EAAeF,EAAS,IAAMC,EAAM,iBAAiB,eAAiB,MAAM,EAC5EE,EAAuBH,EAAS,IAAM,sBAAsBC,EAAM,iBAAiB,cAAc,EACjGG,EAAqBJ,EAAS,IAAM,OAAA,OAAAK,EAAAJ,EAAM,iBAAiB,eAAvB,YAAAI,EAAqC,wBAAuB,EAChGC,EAAqBN,EAAS,IAAA,aAClC,OAAAH,EAAW,oBACTI,EAAM,QAAQ,YACdA,EAAM,iBAAiB,GACvB,IAAGI,EAAAJ,EAAM,UAAN,YAAAI,EAAe,aAAYE,EAAAN,EAAM,UAAN,YAAAM,EAAe,aAC7CC,EAAAP,EAAM,UAAN,YAAAO,EAAe,MACfC,EAAAR,EAAM,UAAN,YAAAQ,EAAe,KACjB,EAAA,EAGF,SAASC,GAAyB,CACzB,OAAA,SAAS,KAAOJ,EAAmB,KAC5C"}