feat(SW-3151): Added original to imageSchema and added transform to a more generic image type

Approved-by: Bianca Widstam
Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Matilda Landström

apps/scandic-web/utils/facilityCards.ts

@@ -124,16 +124,16 @@ export function setFacilityCardGrids(
           // Can be a maximum 2 images per grid
           const img: FacilityImage = {
             backgroundImage: {
-              url: image.imageSizes.large,
-              title: image.metaData.title || image.metaData.title_En,
+              url: image.src,
+              title: image.title || image.title_En,
               meta: {
-                alt: image.metaData.altText,
-                caption: image.metaData.altText_En,
+                alt: image.altText,
+                caption: image.altText_En,
               },
-              id: image.imageSizes.large,
+              id: image.src,
             },
             theme: "image",
-            id: image.imageSizes.large,
+            id: image.src,
           }
           return img
         })

apps/scandic-web/utils/imageGallery.ts

@@ -5,14 +5,13 @@ import type { GalleryImage } from "@/types/components/imageGallery"
 
 function mapApiImageToGalleryImage(apiImage: ApiImage): GalleryImage {
   return {
-    src: apiImage.imageSizes.medium,
+    src: apiImage.src,
     alt:
-      apiImage.metaData.altText ||
-      apiImage.metaData.altText_En ||
-      apiImage.metaData.title ||
-      apiImage.metaData.title_En,
-    caption: apiImage.metaData.title || apiImage.metaData.title_En,
-    smallSrc: apiImage.imageSizes.small,
+      apiImage.altText ||
+      apiImage.altText_En ||
+      apiImage.title ||
+      apiImage.title_En,
+    caption: apiImage.title || apiImage.title_En,
   }
 }
 

apps/scandic-web/utils/jsonSchemas.ts

@@ -61,8 +61,8 @@ export function generateHotelSchema(hotelData: HotelData) {
   if (image) {
     jsonLd.image = {
       "@type": "ImageObject",
-      url: image.imageSizes.small,
-      caption: image.metaData.title || image.metaData.title_En,
+      url: image.src,
+      caption: image.title || image.title_En,
     }
   }
 

apps/scandic-web/utils/metadata/image.ts

@@ -24,11 +24,8 @@ export function getImage(data: RawMetadataSchema) {
       const restaurantImage = restaurantSubPage?.content?.images?.[0]
       if (restaurantImage) {
         subpageImage = {
-          url: restaurantImage.imageSizes.small,
-          alt:
-            restaurantImage.metaData.altText ||
-            restaurantImage.metaData.altText_En ||
-            "",
+          url: restaurantImage.src,
+          alt: restaurantImage.altText || restaurantImage.altText_En || "",
         }
       }
 
@@ -38,11 +35,8 @@ export function getImage(data: RawMetadataSchema) {
             data.additionalHotelData?.parkingImages?.heroImages[0]
           if (parkingImage) {
             subpageImage = {
-              url: parkingImage.imageSizes.small,
-              alt:
-                parkingImage.metaData.altText ||
-                parkingImage.metaData.altText_En ||
-                "",
+              url: parkingImage.src,
+              alt: parkingImage.altText || parkingImage.altText_En || "",
             }
           }
           break
@@ -52,11 +46,8 @@ export function getImage(data: RawMetadataSchema) {
           )?.content.images[0]
           if (wellnessImage) {
             subpageImage = {
-              url: wellnessImage.imageSizes.small,
-              alt:
-                wellnessImage.metaData.altText ||
-                wellnessImage.metaData.altText_En ||
-                "",
+              url: wellnessImage.src,
+              alt: wellnessImage.altText || wellnessImage.altText_En || "",
             }
           }
           break
@@ -65,10 +56,10 @@ export function getImage(data: RawMetadataSchema) {
             data.additionalHotelData?.accessibility?.heroImages[0]
           if (accessibilityImage) {
             subpageImage = {
-              url: accessibilityImage.imageSizes.small,
+              url: accessibilityImage.src,
               alt:
-                accessibilityImage.metaData.altText ||
-                accessibilityImage.metaData.altText_En ||
+                accessibilityImage.altText ||
+                accessibilityImage.altText_En ||
                 "",
             }
           }
@@ -78,11 +69,8 @@ export function getImage(data: RawMetadataSchema) {
             data.additionalHotelData?.conferencesAndMeetings?.heroImages[0]
           if (meetingImage) {
             subpageImage = {
-              url: meetingImage.imageSizes.small,
-              alt:
-                meetingImage.metaData.altText ||
-                meetingImage.metaData.altText_En ||
-                "",
+              url: meetingImage.src,
+              alt: meetingImage.altText || meetingImage.altText_En || "",
             }
           }
           break
@@ -100,8 +88,8 @@ export function getImage(data: RawMetadataSchema) {
       data.additionalHotelData?.gallery?.smallerImages?.[0]
     if (hotelImage) {
       return {
-        url: hotelImage.imageSizes.small,
-        alt: hotelImage.metaData.altText || undefined,
+        url: hotelImage.src,
+        alt: hotelImage.altText || undefined,
       }
     }
   }