Merged in monorepo-step-1 (pull request #1080)

Migrate to a monorepo setup - step 1

* Move web to subfolder /apps/scandic-web

* Yarn + transitive deps

- Move to yarn
- design-system package removed for now since yarn doesn't
support the parameter for token (ie project currently broken)
- Add missing transitive dependencies as Yarn otherwise
prevents these imports
- VS Code doesn't pick up TS path aliases unless you open
/apps/scandic-web instead of root (will be fixed with monorepo)

* Pin framer-motion to temporarily fix typing issue

https://github.com/adobe/react-spectrum/issues/7494

* Pin zod to avoid typ error

There seems to have been a breaking change in the types
returned by zod where error is now returned as undefined
instead of missing in the type. We should just handle this
but to avoid merge conflicts just pin the dependency for
now.

* Pin react-intl version

Pin version of react-intl to avoid tiny type issue where formatMessage
does not accept a generic any more. This will be fixed in a future
commit, but to avoid merge conflicts just pin for now.

* Pin typescript version

Temporarily pin version as newer versions as stricter and results in
a type error. Will be fixed in future commit after merge.

* Setup workspaces

* Add design-system as a monorepo package

* Remove unused env var DESIGN_SYSTEM_ACCESS_TOKEN

* Fix husky for monorepo setup

* Update netlify.toml

* Add lint script to root package.json

* Add stub readme

* Fix react-intl formatMessage types

* Test netlify.toml in root

* Remove root toml

* Update netlify.toml publish path

* Remove package-lock.json

* Update build for branch/preview builds


Approved-by: Linus Flood

apps/scandic-web/lib/api/endpoints.ts

@@ -0,0 +1,209 @@
+/**
+ * Nested enum requires namespace
+ */
+export namespace endpoints {
+  namespace base {
+    export const enum path {
+      availability = "availability",
+      booking = "booking",
+      hotel = "hotel",
+      package = "package",
+      profile = "profile",
+    }
+
+    export const enum enitity {
+      Ancillary = "Ancillary",
+      Availabilities = "availabilities",
+      Bookings = "Bookings",
+      Breakfast = "breakfast",
+      Cities = "Cities",
+      Countries = "Countries",
+      Hotels = "Hotels",
+      Locations = "Locations",
+      Packages = "packages",
+      Profile = "Profile",
+      Reward = "Reward",
+      Stays = "Stays",
+      Transaction = "Transaction",
+    }
+  }
+
+  export namespace v1 {
+    const version = "v1"
+    /**
+     * availability (Swagger)
+     * https://tstapi.scandichotels.com/availability/swagger/v1/index.html
+     */
+    export namespace Availability {
+      export function city(cityId: string) {
+        return `${base.path.availability}/${version}/${base.enitity.Availabilities}/city/${cityId}`
+      }
+      export function hotels() {
+        return `${base.path.availability}/${version}/${base.enitity.Availabilities}/hotels`
+      }
+      export function hotel(hotelId: string) {
+        return `${base.path.availability}/${version}/${base.enitity.Availabilities}/hotel/${hotelId}`
+      }
+    }
+
+    /**
+     * booking (Swagger)
+     * https://tstapi.scandichotels.com/booking/swagger/v1/index.html
+     */
+    export namespace Booking {
+      export const bookings = `${base.path.booking}/${version}/${base.enitity.Bookings}`
+
+      export function booking(confirmationNumber: string) {
+        return `${bookings}/${confirmationNumber}`
+      }
+      export function cancel(confirmationNumber: string) {
+        return `${bookings}/${confirmationNumber}/cancel`
+      }
+      export function status(confirmationNumber: string) {
+        return `${bookings}/${confirmationNumber}/status`
+      }
+      export function priceChange(confirmationNumber: string) {
+        return `${bookings}/${confirmationNumber}/priceChange`
+      }
+      export function packages(confirmationNumber: string) {
+        return `${bookings}/${confirmationNumber}/packages`
+      }
+
+      export const enum Stays {
+        future = `${base.path.booking}/${version}/${base.enitity.Stays}/future`,
+        past = `${base.path.booking}/${version}/${base.enitity.Stays}/past`,
+      }
+    }
+
+    /**
+     * hotel (Swagger)
+     * https://tstapi.scandichotels.com/hotel/swagger/v1/index.html
+     */
+    export namespace Hotel {
+      export const cities = `${base.path.hotel}/${version}/${base.enitity.Cities}`
+      export namespace Cities {
+        export function city(cityId: string) {
+          return `${cities}/${cityId}`
+        }
+        export function country(countryId: string) {
+          return `${cities}/country/${countryId}`
+        }
+        export function hotel(hotelId: string) {
+          return `${cities}/hotel/${hotelId}`
+        }
+      }
+
+      export const countries = `${base.path.hotel}/${version}/${base.enitity.Countries}`
+      export namespace Countries {
+        export function country(countryId: string) {
+          return `${countries}/${countryId}`
+        }
+      }
+
+      export const hotels = `${base.path.hotel}/${version}/${base.enitity.Hotels}`
+      export namespace Hotels {
+        export function hotel(hotelId: string) {
+          return `${hotels}/${hotelId}`
+        }
+        export function meetingRooms(hotelId: string) {
+          return `${hotels}/${hotelId}/meetingRooms`
+        }
+        export function merchantInformation(hotelId: string) {
+          return `${hotels}/${hotelId}/merchantInformation`
+        }
+        export function nearbyHotels(hotelId: string) {
+          return `${hotels}/${hotelId}/nearbyHotels`
+        }
+        export function restaurants(hotelId: string) {
+          return `${hotels}/${hotelId}/restaurants`
+        }
+        export function roomCategories(hotelId: string) {
+          return `${hotels}/${hotelId}/roomCategories`
+        }
+        export function additionalData(hotelId: string) {
+          return `${hotels}/${hotelId}/additionalData`
+        }
+      }
+
+      export const locations = `${base.path.hotel}/${version}/${base.enitity.Locations}`
+    }
+
+    /**
+     * package (Swagger)
+     * https://tstapi.scandichotels.com/package/swagger/v1/index.html
+     */
+    export namespace Package {
+      export namespace Ancillary {
+        export function hotel(hotelId: string) {
+          return `${base.path.package}/${version}/${base.enitity.Ancillary}/hotel/${hotelId}`
+        }
+        export function hotelAncillaries(hotelId: string) {
+          return `${base.path.package}/${version}/${base.enitity.Ancillary}/hotel/${hotelId}/ancillaries`
+        }
+      }
+
+      export namespace Breakfast {
+        export function hotel(hotelId: string) {
+          return `${base.path.package}/${version}/${base.enitity.Breakfast}/hotel/${hotelId}`
+        }
+      }
+
+      export namespace Packages {
+        export function hotel(hotelId: string) {
+          return `${base.path.package}/${version}/${base.enitity.Packages}/hotel/${hotelId}`
+        }
+      }
+    }
+
+    /**
+     * profile (Swagger)
+     * https://tstapi.scandichotels.com/profile/swagger/v1/index.html
+     */
+    export namespace Profile {
+      export const invalidateSessions = `${base.path.profile}/${version}/${base.enitity.Profile}/invalidateSessions`
+      export const membership = `${base.path.profile}/${version}/${base.enitity.Profile}/membership`
+      export const profile = `${base.path.profile}/${version}/${base.enitity.Profile}`
+      export const subscriberId = `${base.path.profile}/${version}/${base.enitity.Profile}/SubscriberId`
+      export const link = `${base.path.profile}/${version}/${base.enitity.Profile}/link`
+
+      export const unlink = `${base.path.profile}/${version}/${base.enitity.Profile}/Unlink`
+
+      // TODO: Remove once new endpoints are out in production.
+      export const reward = `${base.path.profile}/${version}/${base.enitity.Profile}/reward`
+      export const tierRewards = `${base.path.profile}/${version}/${base.enitity.Profile}/tierRewards`
+
+      export function deleteProfile(profileId: string) {
+        return `${profile}/${profileId}`
+      }
+
+      export const creditCards = `${base.path.profile}/${version}/${base.enitity.Profile}/creditCards`
+      export namespace CreditCards {
+        export const initiateSaveCard = `${creditCards}/initiateSaveCard`
+
+        export function deleteCreditCard(creditCardId: string) {
+          return `${creditCards}/${creditCardId}`
+        }
+        export function transaction(transactionId: string) {
+          return `${creditCards}/${transactionId}`
+        }
+      }
+
+      export namespace Reward {
+        export const allTiers = `${base.path.profile}/${version}/${base.enitity.Reward}/allTiers`
+        export const reward = `${base.path.profile}/${version}/${base.enitity.Reward}`
+        export const redeem = `${base.path.profile}/${version}/${base.enitity.Reward}/redeem`
+        export const unwrap = `${base.path.profile}/${version}/${base.enitity.Reward}/unwrap`
+
+        export function claim(rewardId: string) {
+          return `${base.path.profile}/${version}/${base.enitity.Reward}/Claim/${rewardId}`
+        }
+      }
+
+      export const enum Transaction {
+        friendTransactions = `${base.path.profile}/${version}/${base.enitity.Transaction}/friendTransactions`,
+      }
+    }
+  }
+}
+
+export type Endpoint = string

apps/scandic-web/lib/api/index.ts

@@ -0,0 +1,113 @@
+import merge from "deepmerge"
+import fetchRetry from "fetch-retry"
+
+import { env } from "@/env/server"
+
+import type {
+  RequestOptionsWithJSONBody,
+  RequestOptionsWithOutBody,
+} from "@/types/fetch"
+import type { Endpoint } from "./endpoints"
+
+export { endpoints } from "./endpoints"
+
+const defaultOptions: RequestInit = {
+  cache: "no-store",
+  headers: {
+    Accept: "application/json",
+    "Content-Type": "application/json",
+  },
+  mode: "cors",
+}
+
+const wrappedFetch = fetchRetry(fetch, {
+  retries: 3,
+  retryDelay: function (attempt) {
+    return Math.pow(2, attempt) * 150 // 150, 300, 600
+  },
+})
+
+export async function get(
+  endpoint: Endpoint,
+  options: RequestOptionsWithOutBody,
+  params = {}
+) {
+  const url = new URL(env.API_BASEURL)
+  url.pathname = endpoint
+  url.search = new URLSearchParams(params).toString()
+  return wrappedFetch(
+    url,
+    merge.all([defaultOptions, { method: "GET" }, options])
+  )
+}
+
+export async function patch(
+  endpoint: Endpoint | `${Endpoint}/${string}`,
+  options: RequestOptionsWithJSONBody,
+  params = {}
+) {
+  const { body, ...requestOptions } = options
+  const url = new URL(env.API_BASEURL)
+  url.pathname = endpoint
+  url.search = new URLSearchParams(params).toString()
+  return wrappedFetch(
+    url,
+    merge.all([
+      defaultOptions,
+      { body: JSON.stringify(body), method: "PATCH" },
+      requestOptions,
+    ])
+  )
+}
+
+export async function post(
+  endpoint: Endpoint | `${Endpoint}/${string}`,
+  options: RequestOptionsWithJSONBody,
+  params = {}
+) {
+  const { body, ...requestOptions } = options
+  const url = new URL(env.API_BASEURL)
+  url.pathname = endpoint
+  url.search = new URLSearchParams(params).toString()
+  return wrappedFetch(
+    url,
+    merge.all([
+      defaultOptions,
+      { body: JSON.stringify(body), method: "POST" },
+      requestOptions,
+    ])
+  )
+}
+
+export async function put(
+  endpoint: Endpoint | `${Endpoint}/${string}`,
+  options: RequestOptionsWithJSONBody,
+  params = {}
+) {
+  const { body, ...requestOptions } = options
+  const url = new URL(env.API_BASEURL)
+  url.pathname = endpoint
+  url.search = new URLSearchParams(params).toString()
+  return wrappedFetch(
+    url,
+    merge.all([
+      defaultOptions,
+      { body: JSON.stringify(body), method: "PUT" },
+      requestOptions,
+    ])
+  )
+}
+
+export async function remove(
+  endpoint: Endpoint | `${Endpoint}/${string}`,
+  options: RequestOptionsWithOutBody,
+  params = {}
+) {
+  const url = new URL(env.API_BASEURL)
+  url.pathname = endpoint
+  url.search = new URLSearchParams(params).toString()
+  return wrappedFetch(
+    url,
+    merge.all([defaultOptions, { method: "DELETE" }, options])
+  )
+}

apps/scandic-web/lib/discriminatedUnion.ts

@@ -0,0 +1,54 @@
+import { z } from "zod"
+
+import type {
+  DiscriminatedUnionError,
+  Option,
+} from "@/types/discriminatedUnion"
+
+/**
+ * This file is created to handle our discriminated unions
+ * validations primarily for union returns from Contentstacks
+ * GraphQL server.
+ *
+ * In the case of a new block being added to the union in Contenstack,
+ * Zod will throw because that typename is not expected ("invalid_union_discriminator").
+ * Therefore we add a safety that we return everytime we stumble upon
+ * the issue and then we filter it out in the transform.
+ *
+ * This replaces the `cleanEmptyObjects` function that would require
+ * everyone to never make a mistake in adding __typename to root
+ * anywhere (or any other potentially global fields in case the return type
+ * is an Interface e.g).
+ */
+
+export function discriminatedUnion<R>(options: Option[]) {
+  return z
+    .discriminatedUnion("__typename", [
+      z.object({ __typename: z.literal(undefined) }),
+      ...options,
+    ])
+    .catch(({ error }: DiscriminatedUnionError) => {
+      if (
+        error.issues.find(
+          (issue) => issue.code === "invalid_union_discriminator"
+        )
+      ) {
+        return { __typename: undefined }
+      }
+      throw new Error(error.message)
+    })
+    .transform((data) => {
+      if (data.__typename === "undefined" || data.__typename === undefined) {
+        return null
+      }
+      return data as R
+    })
+}
+
+export function discriminatedUnionArray<T extends Option>(options: T[]) {
+  return z
+    .array(discriminatedUnion(options))
+    .transform((blocks) =>
+      blocks.filter((block) => !!block)
+    ) as unknown as z.ZodEffects<z.ZodArray<T>>
+}

apps/scandic-web/lib/dt.ts

@@ -0,0 +1,70 @@
+import "dayjs/locale/da"
+import "dayjs/locale/de"
+import "dayjs/locale/fi"
+import "dayjs/locale/sv"
+
+import d from "dayjs"
+import advancedFormat from "dayjs/plugin/advancedFormat"
+import duration from "dayjs/plugin/duration"
+import isSameOrAfter from "dayjs/plugin/isSameOrAfter"
+import isToday from "dayjs/plugin/isToday"
+import relativeTime from "dayjs/plugin/relativeTime"
+import timezone from "dayjs/plugin/timezone"
+import utc from "dayjs/plugin/utc"
+
+/**
+ *  dayjs export Norwegian as nb [Norwegian Bokmål] so here we create the same
+ *  setup as nb has.
+ *  https://day.js.org/docs/en/customization/customization
+ *  https://github.com/iamkun/dayjs/blob/dev/src/locale/nb.js
+ */
+d.locale("no", {
+  name: "no",
+  weekdays: "søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),
+  weekdaysShort: "sø._ma._ti._on._to._fr._lø.".split("_"),
+  weekdaysMin: "sø_ma_ti_on_to_fr_lø".split("_"),
+  months:
+    "januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split(
+      "_"
+    ),
+  monthsShort:
+    "jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),
+  ordinal: (n: any) => `${n}.`,
+  weekStart: 1,
+  formats: {
+    LT: "HH:mm",
+    LTS: "HH:mm:ss",
+    L: "DD.MM.YYYY",
+    LL: "D. MMMM YYYY",
+    LLL: "D. MMMM YYYY [kl.] HH:mm",
+    LLLL: "dddd D. MMMM YYYY [kl.] HH:mm",
+  },
+  relativeTime: {
+    future: "om %s",
+    past: "%s siden",
+    s: "noen sekunder",
+    m: "ett minutt",
+    mm: "%d minutter",
+    h: "en time",
+    hh: "%d timer",
+    d: "en dag",
+    dd: "%d dager",
+    M: "en måned",
+    MM: "%d måneder",
+    y: "ett år",
+    yy: "%d år",
+  },
+})
+
+/**
+ *  If more plugins are needed https://day.js.org/docs/en/plugin/plugin
+ */
+d.extend(advancedFormat)
+d.extend(isToday)
+d.extend(relativeTime)
+d.extend(timezone)
+d.extend(utc)
+d.extend(isSameOrAfter)
+d.extend(duration)
+
+export const dt = d

apps/scandic-web/lib/graphql/Fragments/AccountPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment AccountPageRef on AccountPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Alert.graphql

@@ -0,0 +1,121 @@
+#import "./PageLink/AccountPageLink.graphql"
+#import "./PageLink/CollectionPageLink.graphql"
+#import "./PageLink/ContentPageLink.graphql"
+#import "./PageLink/DestinationCityPageLink.graphql"
+#import "./PageLink/DestinationCountryPageLink.graphql"
+#import "./PageLink/DestinationOverviewPageLink.graphql"
+#import "./PageLink/HotelPageLink.graphql"
+#import "./PageLink/LoyaltyPageLink.graphql"
+#import "./PageLink/StartPageLink.graphql"
+
+#import "./AccountPage/Ref.graphql"
+#import "./CollectionPage/Ref.graphql"
+#import "./ContentPage/Ref.graphql"
+#import "./DestinationCityPage/Ref.graphql"
+#import "./DestinationCountryPage/Ref.graphql"
+#import "./DestinationOverviewPage/Ref.graphql"
+#import "./HotelPage/Ref.graphql"
+#import "./LoyaltyPage/Ref.graphql"
+#import "./StartPage/Ref.graphql"
+
+fragment Alert on Alert {
+  type
+  heading
+  text
+  phone_contact {
+    display_text
+    phone_number
+    footnote
+  }
+  has_link
+  link {
+    title
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  has_sidepeek_button
+  sidepeek_button {
+    cta_text
+  }
+  sidepeek_content {
+    heading
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+      json
+    }
+  }
+}
+
+fragment AlertRef on Alert {
+  link {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  sidepeek_content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+      json
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Aside/Contact.graphql

@@ -0,0 +1,14 @@
+#import "../Contact.graphql"
+
+fragment ContactAside on CurrentBlocksPageAsideContact {
+  contact {
+    contactConnection {
+      edges {
+        node {
+          ...Contact
+        }
+      }
+      totalCount
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Aside/Puff.graphql

@@ -0,0 +1,7 @@
+#import "../Puff.graphql"
+
+fragment PuffAside on CurrentBlocksPageAsidePuff {
+  puff {
+    ...Puff
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Accordion.graphql

@@ -0,0 +1,374 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+#import "./Refs/Accordion.graphql"
+
+fragment AccordionBlock on Accordion {
+  __typename
+  title
+  questions {
+    question
+    answer {
+      json
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment GlobalAccordionBlock on GlobalAccordion {
+  __typename
+  questions {
+    question
+    answer {
+      json
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_ContentPage on ContentPageBlocksAccordion {
+  __typename
+  accordion {
+    title
+    accordions {
+      __typename
+      ...GlobalAccordion_ContentPage
+      ...SpecificAccordion_ContentPage
+    }
+  }
+}
+
+fragment GlobalAccordion_ContentPage on ContentPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  __typename
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlock
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_ContentPage on ContentPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  __typename
+  specific_accordion {
+    questions {
+      question
+      answer {
+        json
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageLink
+              ...CollectionPageLink
+              ...ContentPageLink
+              ...DestinationCityPageLink
+              ...DestinationCountryPageLink
+              ...DestinationOverviewPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+              ...StartPageLink
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_ContentPageRefs on ContentPageBlocksAccordion {
+  accordion {
+    accordions {
+      __typename
+      ...GlobalAccordion_ContentPageRefs
+      ...SpecificAccordion_ContentPageRefs
+    }
+  }
+}
+
+fragment GlobalAccordion_ContentPageRefs on ContentPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlockRefs
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_ContentPageRefs on ContentPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  specific_accordion {
+    questions {
+      answer {
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageRef
+              ...CollectionPageRef
+              ...ContentPageRef
+              ...DestinationCityPageRef
+              ...DestinationCountryPageRef
+              ...DestinationOverviewPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+              ...StartPageRef
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_DestinationCityPage on DestinationCityPageBlocksAccordion {
+  __typename
+  accordion {
+    title
+    accordions {
+      __typename
+      ...GlobalAccordion_DestinationCityPage
+      ...SpecificAccordion_DestinationCityPage
+    }
+  }
+}
+
+fragment GlobalAccordion_DestinationCityPage on DestinationCityPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  __typename
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlock
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_DestinationCityPage on DestinationCityPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  __typename
+  specific_accordion {
+    questions {
+      question
+      answer {
+        json
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageLink
+              ...CollectionPageLink
+              ...ContentPageLink
+              ...DestinationCityPageLink
+              ...DestinationCountryPageLink
+              ...DestinationOverviewPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+              ...StartPageLink
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_DestinationCityPageRefs on DestinationCityPageBlocksAccordion {
+  accordion {
+    accordions {
+      __typename
+      ...GlobalAccordion_DestinationCityPageRefs
+      ...SpecificAccordion_DestinationCityPageRefs
+    }
+  }
+}
+
+fragment GlobalAccordion_DestinationCityPageRefs on DestinationCityPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlockRefs
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_DestinationCityPageRefs on DestinationCityPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  specific_accordion {
+    questions {
+      answer {
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageRef
+              ...CollectionPageRef
+              ...ContentPageRef
+              ...DestinationCityPageRef
+              ...DestinationCountryPageRef
+              ...DestinationOverviewPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+              ...StartPageRef
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_DestinationCountryPage on DestinationCountryPageBlocksAccordion {
+  __typename
+  accordion {
+    title
+    accordions {
+      __typename
+      ...GlobalAccordion_DestinationCountryPage
+      ...SpecificAccordion_DestinationCountryPage
+    }
+  }
+}
+
+fragment GlobalAccordion_DestinationCountryPage on DestinationCountryPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  __typename
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlock
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_DestinationCountryPage on DestinationCountryPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  __typename
+  specific_accordion {
+    questions {
+      question
+      answer {
+        json
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageLink
+              ...CollectionPageLink
+              ...ContentPageLink
+              ...DestinationCityPageLink
+              ...DestinationCountryPageLink
+              ...DestinationOverviewPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+              ...StartPageLink
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Accordion_DestinationCountryPageRefs on DestinationCountryPageBlocksAccordion {
+  accordion {
+    accordions {
+      __typename
+      ...GlobalAccordion_DestinationCountryPageRefs
+      ...SpecificAccordion_DestinationCountryPageRefs
+    }
+  }
+}
+
+fragment GlobalAccordion_DestinationCountryPageRefs on DestinationCountryPageBlocksAccordionBlockAccordionsGlobalAccordion {
+  global_accordion {
+    global_accordionConnection {
+      edges {
+        node {
+          ...AccordionBlockRefs
+        }
+      }
+    }
+  }
+}
+
+fragment SpecificAccordion_DestinationCountryPageRefs on DestinationCountryPageBlocksAccordionBlockAccordionsSpecificAccordion {
+  specific_accordion {
+    questions {
+      answer {
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageRef
+              ...CollectionPageRef
+              ...ContentPageRef
+              ...DestinationCityPageRef
+              ...DestinationCountryPageRef
+              ...DestinationOverviewPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+              ...StartPageRef
+            }
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Card.graphql

@@ -0,0 +1,74 @@
+#import "../System.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+fragment CardBlock on Card {
+  background_image
+  body_text
+  has_primary_button
+  has_secondary_button
+  heading
+  scripted_top_title
+  title
+  primary_button {
+    cta_text
+    is_contentstack_link
+    open_in_new_tab
+    external_link {
+      href
+      title
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  secondary_button {
+    cta_text
+    is_contentstack_link
+    open_in_new_tab
+    external_link {
+      href
+      title
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/CardGallery.graphql

@@ -0,0 +1,92 @@
+#import "../System.graphql"
+#import "./ContentCard.graphql"
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+
+fragment CardGallery_DestinationOverviewPage on DestinationOverviewPageBlocksCardGallery {
+  card_gallery {
+    heading
+    card_groups {
+      filter_identifier
+      filter_label
+      cardConnection {
+        edges {
+          node {
+            ...ContentCardBlock
+          }
+        }
+      }
+    }
+    link {
+      cta_text
+      is_contentstack_link
+      open_in_new_tab
+      external_link {
+        href
+        title
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment CardGallery_DestinationOverviewPageRefs on DestinationOverviewPageBlocksCardGallery {
+  card_gallery {
+    card_groups {
+      cardConnection {
+        edges {
+          node {
+            ...ContentCardBlockRef
+          }
+        }
+      }
+    }
+    link {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/CardsGrid.graphql

@@ -0,0 +1,141 @@
+#import "./Card.graphql"
+#import "./InfoCard.graphql"
+#import "./LoyaltyCard.graphql"
+#import "./TeaserCard.graphql"
+
+#import "./Refs/Card.graphql"
+#import "./Refs/InfoCard.graphql"
+#import "./Refs/LoyaltyCard.graphql"
+#import "./Refs/TeaserCard.graphql"
+
+fragment CardsGrid_ContentPage on ContentPageBlocksCardsGrid {
+  cards_grid {
+    layout
+    preamble
+    theme
+    title
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlock
+          ...LoyaltyCardBlock
+          ...TeaserCardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_ContentPageRefs on ContentPageBlocksCardsGrid {
+  cards_grid {
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlockRef
+          ...LoyaltyCardBlockRef
+          ...TeaserCardBlockRef
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_CollectionPage on CollectionPageBlocksCardsGrid {
+  cards_grid {
+    layout
+    preamble
+    theme
+    title
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlock
+          ...TeaserCardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_CollectionPageRefs on CollectionPageBlocksCardsGrid {
+  cards_grid {
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlockRef
+          ...TeaserCardBlockRef
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_LoyaltyPage on LoyaltyPageBlocksCardsGrid {
+  cards_grid {
+    layout
+    preamble
+    theme
+    title
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlock
+          ...LoyaltyCardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_LoyaltyPageRefs on LoyaltyPageBlocksCardsGrid {
+  cards_grid {
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlockRef
+          ...LoyaltyCardBlockRef
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_StartPage on StartPageBlocksCardsGrid {
+  cards_grid {
+    layout
+    preamble
+    theme
+    title
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlock
+          ...TeaserCardBlock
+          ...InfoCardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment CardsGrid_StartPageRefs on StartPageBlocksCardsGrid {
+  cards_grid {
+    cardConnection(limit: 10) {
+      edges {
+        node {
+          __typename
+          ...CardBlockRef
+          ...TeaserCardBlockRef
+          ...InfoCardBlockRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/CarouselCards.graphql

@@ -0,0 +1,93 @@
+#import "../System.graphql"
+#import "./ContentCard.graphql"
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+
+fragment CarouselCards_StartPage on StartPageBlocksCarouselCards {
+  carousel_cards {
+    heading
+    enable_filters
+    card_groups {
+      filter_label
+      filter_identifier
+      cardConnection {
+        edges {
+          node {
+            ...ContentCardBlock
+          }
+        }
+      }
+    }
+    link {
+      cta_text
+      is_contentstack_link
+      open_in_new_tab
+      external_link {
+        href
+        title
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment CarouselCards_StartPageRefs on StartPageBlocksCarouselCards {
+  carousel_cards {
+    card_groups {
+      cardConnection {
+        edges {
+          node {
+            ...ContentCardBlockRef
+          }
+        }
+      }
+    }
+    link {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Content.graphql

@@ -0,0 +1,214 @@
+#import "../Image.graphql"
+#import "../ImageContainer.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment Content_ContentPage on ContentPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...Image
+            ...ImageContainer
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+      json
+    }
+  }
+}
+
+fragment Content_ContentPageRefs on ContentPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Content_LoyaltyPage on LoyaltyPageBlocksContent {
+  content {
+    content {
+      json
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...Image
+            ...ImageContainer
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Content_LoyaltyPageRefs on LoyaltyPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Content_DestinationCityPage on DestinationCityPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+      json
+    }
+  }
+}
+
+fragment Content_DestinationCityPageRefs on DestinationCityPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Content_DestinationCountryPage on DestinationCountryPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+      json
+    }
+  }
+}
+
+fragment Content_DestinationCountryPageRefs on DestinationCountryPageBlocksContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/ContentCard.graphql

@@ -0,0 +1,82 @@
+#import "../System.graphql"
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment ContentCardBlock on ContentCard {
+  __typename
+  title
+  heading
+  image
+  body_text
+  has_card_link
+  promo_text
+  card_link {
+    is_contentstack_link
+    open_in_new_tab
+    external_link {
+      href
+      title
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
+
+fragment ContentCardBlockRef on ContentCard {
+  __typename
+  card_link {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/DynamicContent.graphql

@@ -0,0 +1,219 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment DynamicContent_AccountPage on AccountPageContentDynamicContent {
+  dynamic_content {
+    component
+    subtitle: preamble
+    title
+    link {
+      text: link_text
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_AccountPageRefs on AccountPageContentDynamicContent {
+  dynamic_content {
+    link {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_CollectionPage on CollectionPageBlocksDynamicContent {
+  dynamic_content {
+    component
+    subtitle
+    title
+    link {
+      text
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_CollectionPageRefs on CollectionPageBlocksDynamicContent {
+  dynamic_content {
+    link {
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_ContentPage on ContentPageBlocksDynamicContent {
+  dynamic_content {
+    component
+    subtitle
+    title
+    link {
+      text
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_ContentPageRefs on ContentPageBlocksDynamicContent {
+  dynamic_content {
+    link {
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_LoyaltyPage on LoyaltyPageBlocksDynamicContent {
+  dynamic_content {
+    component
+    subtitle
+    title
+    link {
+      text
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment DynamicContent_LoyaltyPageRefs on LoyaltyPageBlocksDynamicContent {
+  dynamic_content {
+    link {
+      linkConnection: pageConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/FullWidthCampaign.graphql

@@ -0,0 +1,117 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+
+fragment FullWidthCampaign on FullWidthCampaign {
+  background_image
+  scripted_top_title
+  heading
+  body_text
+  has_primary_button
+  primary_button {
+    cta_text
+    open_in_new_tab
+    is_contentstack_link
+    external_link {
+      href
+      title
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...ContentPageLink
+          ...LoyaltyPageLink
+          ...HotelPageLink
+          ...CollectionPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+        }
+      }
+    }
+  }
+  has_secondary_button
+  secondary_button {
+    cta_text
+    open_in_new_tab
+    is_contentstack_link
+    external_link {
+      href
+      title
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...ContentPageLink
+          ...LoyaltyPageLink
+          ...HotelPageLink
+          ...CollectionPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}
+
+fragment FullWidthCampaignRefs on FullWidthCampaign {
+  primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...ContentPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...CollectionPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+        }
+      }
+    }
+  }
+  secondary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...ContentPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...CollectionPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/HotelListing.graphql

@@ -0,0 +1,24 @@
+fragment HotelListing on HotelListing {
+  heading
+  location_filter {
+    city_denmark
+    city_finland
+    city_germany
+    city_norway
+    city_poland
+    city_sweden
+    country
+    excluded
+  }
+  manual_filter {
+    hotels
+  }
+  content_type
+}
+
+fragment HotelListing_ContentPage on ContentPageBlocksHotelListing {
+  __typename
+  hotel_listing {
+    ...HotelListing
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/InfoCard.graphql

@@ -0,0 +1,74 @@
+#import "../System.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+fragment InfoCardBlock on InfoCard {
+  scripted_top_title
+  heading
+  body_text
+  image
+  title
+  theme
+
+  primary_button {
+    is_contentstack_link
+    cta_text
+    open_in_new_tab
+    external_link {
+      title
+      href
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  secondary_button {
+    is_contentstack_link
+    cta_text
+    open_in_new_tab
+    external_link {
+      title
+      href
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/JoinScandicFriends.graphql

@@ -0,0 +1,77 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+
+fragment JoinScandicFriends_StartPage on StartPageBlocksJoinScandicFriends {
+  __typename
+  join_scandic_friends {
+    show_header
+    scripted_top_title
+    title
+    preamble
+    image
+    show_usp
+    usp
+    has_primary_button
+    primary_button {
+      cta_text
+      open_in_new_tab
+      is_contentstack_link
+      external_link {
+        href
+        title
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...ContentPageLink
+            ...LoyaltyPageLink
+            ...HotelPageLink
+            ...CollectionPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment JoinScandicFriends_StartPageRefs on StartPageBlocksJoinScandicFriends {
+  join_scandic_friends {
+    primary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...ContentPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...CollectionPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/List.graphql

@@ -0,0 +1,29 @@
+fragment ListItem on CurrentBlocksPageBlocksListBlockListItemsListItem {
+  list_item {
+    list_item_style
+    subtitle
+    title
+  }
+}
+
+fragment ListItemExternalLink on CurrentBlocksPageBlocksListBlockListItemsListItemExternalLink {
+  list_item_external_link {
+    link {
+      href
+      title
+    }
+    list_item_style
+    subtitle
+  }
+}
+
+fragment ListBlock on CurrentBlocksPageBlocksList {
+  list {
+    list_items {
+      __typename
+      ...ListItem
+      ...ListItemExternalLink
+    }
+    title
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/LoyaltyCard.graphql

@@ -0,0 +1,46 @@
+#import "../System.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+fragment LoyaltyCardBlock on LoyaltyCard {
+  body_text
+  heading
+  image
+  title
+  link {
+    cta_text
+    open_in_new_tab
+    is_contentstack_link
+    external_link {
+      title
+      href
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Puff.graphql

@@ -0,0 +1,13 @@
+#import "../Puff.graphql"
+
+fragment PuffBlock on CurrentBlocksPageBlocksPuffs {
+  puffs {
+    puffs {
+      ... on CurrentBlocksPageBlocksPuffsBlockPuffsPuff {
+        puff {
+          ...Puff
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Refs/Accordion.graphql

@@ -0,0 +1,55 @@
+#import "../../AccountPage/Ref.graphql"
+#import "../../CollectionPage/Ref.graphql"
+#import "../../ContentPage/Ref.graphql"
+#import "../../DestinationCityPage/Ref.graphql"
+#import "../../DestinationCountryPage/Ref.graphql"
+#import "../../DestinationOverviewPage/Ref.graphql"
+#import "../../HotelPage/Ref.graphql"
+#import "../../LoyaltyPage/Ref.graphql"
+#import "../../StartPage/Ref.graphql"
+
+fragment AccordionBlockRefs on Accordion {
+  questions {
+    answer {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment GlobalAccordionBlockRefs on GlobalAccordion {
+  questions {
+    answer {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Refs/Card.graphql

@@ -0,0 +1,51 @@
+#import "../../AccountPage/Ref.graphql"
+#import "../../CollectionPage/Ref.graphql"
+#import "../../ContentPage/Ref.graphql"
+#import "../../DestinationCityPage/Ref.graphql"
+#import "../../DestinationCountryPage/Ref.graphql"
+#import "../../DestinationOverviewPage/Ref.graphql"
+#import "../../HotelPage/Ref.graphql"
+#import "../../LoyaltyPage/Ref.graphql"
+#import "../../StartPage/Ref.graphql"
+
+fragment CardBlockRef on Card {
+  secondary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Refs/InfoCard.graphql

@@ -0,0 +1,51 @@
+#import "../../AccountPage/Ref.graphql"
+#import "../../CollectionPage/Ref.graphql"
+#import "../../ContentPage/Ref.graphql"
+#import "../../DestinationCityPage/Ref.graphql"
+#import "../../DestinationCountryPage/Ref.graphql"
+#import "../../DestinationOverviewPage/Ref.graphql"
+#import "../../HotelPage/Ref.graphql"
+#import "../../LoyaltyPage/Ref.graphql"
+#import "../../StartPage/Ref.graphql"
+
+fragment InfoCardBlockRef on InfoCard {
+  secondary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Refs/LoyaltyCard.graphql

@@ -0,0 +1,33 @@
+#import "../../AccountPage/Ref.graphql"
+#import "../../CollectionPage/Ref.graphql"
+#import "../../ContentPage/Ref.graphql"
+#import "../../DestinationCityPage/Ref.graphql"
+#import "../../DestinationCountryPage/Ref.graphql"
+#import "../../DestinationOverviewPage/Ref.graphql"
+#import "../../HotelPage/Ref.graphql"
+#import "../../LoyaltyPage/Ref.graphql"
+#import "../../StartPage/Ref.graphql"
+
+fragment LoyaltyCardBlockRef on LoyaltyCard {
+  link {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql

@@ -0,0 +1,107 @@
+#import "../../AccountPage/Ref.graphql"
+#import "../../CollectionPage/Ref.graphql"
+#import "../../ContentPage/Ref.graphql"
+#import "../../DestinationCityPage/Ref.graphql"
+#import "../../DestinationCountryPage/Ref.graphql"
+#import "../../DestinationOverviewPage/Ref.graphql"
+#import "../../HotelPage/Ref.graphql"
+#import "../../LoyaltyPage/Ref.graphql"
+#import "../../StartPage/Ref.graphql"
+
+fragment TeaserCardBlockRef on TeaserCard {
+  secondary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+  sidepeek_content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+    primary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+    secondary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Shortcuts.graphql

@@ -0,0 +1,114 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment Shortcuts on Shortcuts {
+  subtitle: preamble
+  title
+  two_column_list
+  shortcuts {
+    open_in_new_tab
+    text
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+}
+
+fragment Shortcuts_AccountPage on AccountPageContentShortcuts {
+  shortcuts {
+    ...Shortcuts
+  }
+}
+
+fragment Shortcuts_CollectionPage on CollectionPageBlocksShortcuts {
+  shortcuts {
+    ...Shortcuts
+  }
+}
+
+fragment Shortcuts_ContentPage on ContentPageBlocksShortcuts {
+  shortcuts {
+    ...Shortcuts
+  }
+}
+
+fragment Shortcuts_LoyaltyPage on LoyaltyPageBlocksShortcuts {
+  shortcuts {
+    ...Shortcuts
+  }
+}
+
+fragment ShortcutsRefs on Shortcuts {
+  shortcuts {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+}
+
+fragment Shortcuts_AccountPageRefs on AccountPageContentShortcuts {
+  shortcuts {
+    ...ShortcutsRefs
+  }
+}
+
+fragment Shortcuts_CollectionPageRefs on CollectionPageBlocksShortcuts {
+  shortcuts {
+    ...ShortcutsRefs
+  }
+}
+
+fragment Shortcuts_ContentPageRefs on ContentPageBlocksShortcuts {
+  shortcuts {
+    ...ShortcutsRefs
+  }
+}
+
+fragment Shortcuts_LoyaltyPageRefs on LoyaltyPageBlocksShortcuts {
+  shortcuts {
+    ...ShortcutsRefs
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Table.graphql

@@ -0,0 +1,9 @@
+fragment Table_ContentPage on ContentPageBlocksTable {
+  __typename
+  table {
+    heading
+    preamble
+    column_widths
+    table
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/TeaserCard.graphql

@@ -0,0 +1,151 @@
+#import "../System.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+fragment TeaserCardBlock on TeaserCard {
+  heading
+  body_text
+  image
+  title
+  has_primary_button
+  has_secondary_button
+  has_sidepeek_button
+  primary_button {
+    is_contentstack_link
+    cta_text
+    open_in_new_tab
+    external_link {
+      title
+      href
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  secondary_button {
+    is_contentstack_link
+    cta_text
+    open_in_new_tab
+    external_link {
+      title
+      href
+    }
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+  sidepeek_button {
+    call_to_action_text
+  }
+  sidepeek_content {
+    heading
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+      json
+    }
+    has_primary_button
+    primary_button {
+      is_contentstack_link
+      cta_text
+      open_in_new_tab
+      external_link {
+        title
+        href
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+    has_secondary_button
+    secondary_button {
+      is_contentstack_link
+      cta_text
+      open_in_new_tab
+      external_link {
+        title
+        href
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/Text.graphql

@@ -0,0 +1,18 @@
+#import "../Image.graphql"
+
+fragment TextBlock on CurrentBlocksPageBlocksText {
+  text {
+    content {
+      embedded_itemsConnection {
+        totalCount
+        edges {
+          node {
+            __typename
+            ...Image
+          }
+        }
+      }
+      json
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/TextCols.graphql

@@ -0,0 +1,73 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment TextCols_ContentPage on ContentPageBlocksTextCols {
+  text_cols {
+    columns {
+      title
+      text {
+        json
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageLink
+              ...CollectionPageLink
+              ...ContentPageLink
+              ...DestinationCityPageLink
+              ...DestinationCountryPageLink
+              ...DestinationOverviewPageLink
+              ...HotelPageLink
+              ...LoyaltyPageLink
+              ...StartPageLink
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment TextCols_ContentPageRef on ContentPageBlocksTextCols {
+  text_cols {
+    columns {
+      title
+      text {
+        json
+        embedded_itemsConnection {
+          edges {
+            node {
+              __typename
+              ...AccountPageRef
+              ...CollectionPageRef
+              ...ContentPageRef
+              ...DestinationCityPageRef
+              ...DestinationCountryPageRef
+              ...DestinationOverviewPageRef
+              ...HotelPageRef
+              ...LoyaltyPageRef
+              ...StartPageRef
+            }
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/TextContent.graphql

@@ -0,0 +1,18 @@
+#import "../Image.graphql"
+
+fragment TextContent_AccountPage on AccountPageContentTextContent {
+  text_content {
+    content {
+      json
+      embedded_itemsConnection {
+        totalCount
+        edges {
+          node {
+            __typename
+            ...Image
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Blocks/UspGrid.graphql

@@ -0,0 +1,161 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment UspGrid_ContentPage on ContentPageBlocksUspGrid {
+  __typename
+  usp_grid {
+    cardsConnection {
+      edges {
+        node {
+          ... on UspGrid {
+            usp_card {
+              __typename
+              icon
+              text {
+                embedded_itemsConnection {
+                  totalCount
+                  edges {
+                    node {
+                      __typename
+                      ...AccountPageLink
+                      ...CollectionPageLink
+                      ...ContentPageLink
+                      ...DestinationCityPageLink
+                      ...DestinationCountryPageLink
+                      ...DestinationOverviewPageLink
+                      ...HotelPageLink
+                      ...LoyaltyPageLink
+                      ...StartPageLink
+                    }
+                  }
+                }
+                json
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment UspGrid_ContentPageRefs on ContentPageBlocksUspGrid {
+  usp_grid {
+    cardsConnection {
+      edges {
+        node {
+          ... on UspGrid {
+            usp_card {
+              text {
+                embedded_itemsConnection {
+                  edges {
+                    node {
+                      __typename
+                      ...AccountPageRef
+                      ...CollectionPageRef
+                      ...ContentPageRef
+                      ...DestinationCityPageRef
+                      ...DestinationCountryPageRef
+                      ...DestinationOverviewPageRef
+                      ...HotelPageRef
+                      ...LoyaltyPageRef
+                      ...StartPageRef
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment UspGrid_CollectionPage on CollectionPageBlocksUspGrid {
+  __typename
+  usp_grid {
+    cardsConnection {
+      edges {
+        node {
+          ... on UspGrid {
+            usp_card {
+              __typename
+              icon
+              text {
+                embedded_itemsConnection {
+                  totalCount
+                  edges {
+                    node {
+                      __typename
+                      ...AccountPageLink
+                      ...CollectionPageLink
+                      ...ContentPageLink
+                      ...DestinationCityPageLink
+                      ...DestinationCountryPageLink
+                      ...DestinationOverviewPageLink
+                      ...HotelPageLink
+                      ...LoyaltyPageLink
+                      ...StartPageLink
+                    }
+                  }
+                }
+                json
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment UspGrid_CollectionPageRefs on CollectionPageBlocksUspGrid {
+  usp_grid {
+    cardsConnection {
+      edges {
+        node {
+          ... on UspGrid {
+            usp_card {
+              text {
+                embedded_itemsConnection {
+                  edges {
+                    node {
+                      __typename
+                      ...AccountPageRef
+                      ...CollectionPageRef
+                      ...ContentPageRef
+                      ...DestinationCityPageRef
+                      ...DestinationCountryPageRef
+                      ...DestinationOverviewPageRef
+                      ...HotelPageRef
+                      ...LoyaltyPageRef
+                      ...StartPageRef
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/AccountPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment AccountPageBreadcrumb on AccountPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment AccountPageBreadcrumbRef on AccountPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/Breadcrumbs.graphql

@@ -0,0 +1,46 @@
+#import "./AccountPage.graphql"
+#import "./CollectionPage.graphql"
+#import "./ContentPage.graphql"
+#import "./DestinationOverviewPage.graphql"
+#import "./DestinationCountryPage.graphql"
+#import "./DestinationCityPage.graphql"
+#import "./HotelPage.graphql"
+#import "./LoyaltyPage.graphql"
+
+fragment Breadcrumbs on Breadcrumbs {
+  title
+  parentsConnection {
+    edges {
+      node {
+        __typename
+        ...AccountPageBreadcrumb
+        ...CollectionPageBreadcrumb
+        ...ContentPageBreadcrumb
+        ...DestinationOverviewPageBreadcrumb
+        ...DestinationCountryPageBreadcrumb
+        ...DestinationCityPageBreadcrumb
+        ...HotelPageBreadcrumb
+        ...LoyaltyPageBreadcrumb
+      }
+    }
+  }
+}
+
+fragment BreadcrumbsRefs on Breadcrumbs {
+  title
+  parentsConnection {
+    edges {
+      node {
+        __typename
+        ...AccountPageBreadcrumbRef
+        ...CollectionPageBreadcrumbRef
+        ...ContentPageBreadcrumbRef
+        ...DestinationOverviewPageBreadcrumbRef
+        ...DestinationCountryPageBreadcrumbRef
+        ...DestinationCityPageBreadcrumbRef
+        ...HotelPageBreadcrumbRef
+        ...LoyaltyPageBreadcrumbRef
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/CollectionPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment CollectionPageBreadcrumb on CollectionPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment CollectionPageBreadcrumbRef on CollectionPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/ContentPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment ContentPageBreadcrumb on ContentPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment ContentPageBreadcrumbRef on ContentPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/CurrentBlocksPage.graphql

@@ -0,0 +1,9 @@
+fragment CurrentBlocksPageBreadcrumbs on CurrentBlocksPage {
+  breadcrumbs {
+    parents {
+      href
+      title
+    }
+    title
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/DestinationCityPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment DestinationCityPageBreadcrumb on DestinationCityPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment DestinationCityPageBreadcrumbRef on DestinationCityPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/DestinationCountryPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment DestinationCountryPageBreadcrumb on DestinationCountryPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment DestinationCountryPageBreadcrumbRef on DestinationCountryPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/DestinationOverviewPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment DestinationOverviewPageBreadcrumb on DestinationOverviewPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment DestinationOverviewPageBreadcrumbRef on DestinationOverviewPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/HotelPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment HotelPageBreadcrumb on HotelPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment HotelPageBreadcrumbRef on HotelPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Breadcrumbs/LoyaltyPage.graphql

@@ -0,0 +1,24 @@
+#import "../System.graphql"
+
+fragment LoyaltyPageBreadcrumb on LoyaltyPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+  url
+}
+
+fragment LoyaltyPageBreadcrumbRef on LoyaltyPage {
+  web {
+    breadcrumbs {
+      title
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CollectionPage/NavigationLinks.graphql

@@ -0,0 +1,62 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment NavigationLinks_CollectionPage on CollectionPageHeader {
+  navigation_links {
+    title
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+}
+
+fragment NavigationLinksRef_CollectionPage on CollectionPageHeader {
+  navigation_links {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CollectionPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment CollectionPageRef on CollectionPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CollectionPage/TopPrimaryButton.graphql

@@ -0,0 +1,62 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment TopPrimaryButton_CollectionPage on CollectionPageHeader {
+  top_primary_button {
+    title
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+}
+
+fragment TopPrimaryButtonRef_CollectionPage on CollectionPageHeader {
+  top_primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Contact.graphql

@@ -0,0 +1,52 @@
+fragment ContactExtraInfo on ContactBlockSectionsExtraInfo {
+  extra_info {
+    text
+  }
+}
+
+fragment ContactMailingAddress on ContactBlockSectionsMailingAddress {
+  mailing_address {
+    city
+    country
+    name
+    street
+    zip
+  }
+}
+
+fragment ContactPhone on ContactBlockSectionsPhone {
+  phone {
+    number
+    title
+  }
+}
+
+fragment ContactTitle on ContactBlockSectionsTitle {
+  title {
+    text
+  }
+}
+
+fragment ContactVisitingAddress on ContactBlockSectionsVisitingAddress {
+  visiting_address {
+    city
+    country
+    street
+    zip
+  }
+}
+
+fragment Contact on ContactBlock {
+  sections {
+    __typename
+    ...ContactExtraInfo
+    ...ContactMailingAddress
+    ...ContactPhone
+    ...ContactTitle
+    ...ContactVisitingAddress
+  }
+  system {
+    locale
+    uid
+  }
+}

apps/scandic-web/lib/graphql/Fragments/ContentPage/NavigationLinks.graphql

@@ -0,0 +1,62 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment NavigationLinks_ContentPage on ContentPageHeader {
+  navigation_links {
+    title
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+}
+
+fragment NavigationLinksRef_ContentPage on ContentPageHeader {
+  navigation_links {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/ContentPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment ContentPageRef on ContentPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/ContentPage/TopPrimaryButton.graphql

@@ -0,0 +1,62 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment TopPrimaryButton_ContentPage on ContentPageHeader {
+  top_primary_button {
+    title
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageLink
+          ...CollectionPageLink
+          ...ContentPageLink
+          ...DestinationCityPageLink
+          ...DestinationCountryPageLink
+          ...DestinationOverviewPageLink
+          ...HotelPageLink
+          ...LoyaltyPageLink
+          ...StartPageLink
+        }
+      }
+    }
+  }
+}
+
+fragment TopPrimaryButtonRef_ContentPage on ContentPageHeader {
+  top_primary_button {
+    linkConnection {
+      edges {
+        node {
+          __typename
+          ...AccountPageRef
+          ...CollectionPageRef
+          ...ContentPageRef
+          ...DestinationCityPageRef
+          ...DestinationCountryPageRef
+          ...DestinationOverviewPageRef
+          ...HotelPageRef
+          ...LoyaltyPageRef
+          ...StartPageRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/AppDownloads.graphql

@@ -0,0 +1,27 @@
+#import "../Image.graphql"
+
+fragment CurrentFooterAppDownloads on CurrentFooter {
+  app_downloads {
+    title
+    app_store {
+      href
+      imageConnection {
+        edges {
+          node {
+            ...Image
+          }
+        }
+      }
+    }
+    google_play {
+      href
+      imageConnection {
+        edges {
+          node {
+            ...Image
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/Logo.graphql

@@ -0,0 +1,11 @@
+#import "../Image.graphql"
+
+fragment Logo on CurrentFooter {
+  logoConnection {
+    edges {
+      node {
+        ...Image
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/MainLinks.graphql

@@ -0,0 +1,29 @@
+fragment MainLinks on Footer {
+  main_links {
+    title
+    open_in_new_tab
+    link {
+      href
+      title
+    }
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ... on AccountPage {
+            title
+            url
+          }
+          ... on LoyaltyPage {
+            title
+            url
+          }
+          ... on ContentPage {
+            title
+            url
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/Navigation.graphql

@@ -0,0 +1,9 @@
+fragment Navigation on CurrentFooter {
+  navigation {
+    links {
+      href
+      title
+    }
+    title
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/Refs/MainLinks.graphql

@@ -0,0 +1,18 @@
+fragment MainLinksRef on Footer {
+  __typename
+  main_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/Refs/SecondaryLinks.graphql

@@ -0,0 +1,20 @@
+fragment SecondaryLinksRef on Footer {
+  __typename
+  secondary_links {
+    links {
+      pageConnection {
+        edges {
+          node {
+            __typename
+            ...LoyaltyPageRef
+            ...ContentPageRef
+            ...AccountPageRef
+          }
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/SecondaryLinks.graphql

@@ -0,0 +1,24 @@
+#import "../Refs/MyPages/AccountPage.graphql"
+#import "../Refs/ContentPage/ContentPage.graphql"
+#import "../Refs/LoyaltyPage/LoyaltyPage.graphql"
+
+fragment SecondaryLinks on Footer {
+  secondary_links {
+    title
+    links {
+      title
+      open_in_new_tab
+      pageConnection {
+        edges {
+          node {
+            __typename
+          }
+        }
+      }
+      link {
+        href
+        title
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/SocialMedia.graphql

@@ -0,0 +1,17 @@
+fragment CurrentFooterSocialMedia on CurrentFooter {
+  social_media {
+    title
+    facebook {
+      href
+      title
+    }
+    instagram {
+      href
+      title
+    }
+    twitter {
+      href
+      title
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/CurrentFooter/TripAdvisor.graphql

@@ -0,0 +1,14 @@
+#import "../Image.graphql"
+
+fragment TripAdvisor on CurrentFooter {
+  trip_advisor {
+    logoConnection {
+      edges {
+        node {
+          ...Image
+        }
+      }
+    }
+    title
+  }
+}

apps/scandic-web/lib/graphql/Fragments/DestinationCityPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment DestinationCityPageRef on DestinationCityPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/DestinationCountryPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment DestinationCountryPageRef on DestinationCountryPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/DestinationOverviewPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment DestinationOverviewPageRef on DestinationOverviewPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Footer/AppDownloads.graphql

@@ -0,0 +1,12 @@
+fragment AppDownloads on Footer {
+  app_downloads {
+    title
+    links {
+      type
+      href {
+        href
+        title
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Footer/Refs/TertiaryLinks.graphql

@@ -0,0 +1,22 @@
+#import "../../Refs/LoyaltyPage/LoyaltyPage.graphql"
+#import "../../Refs/MyPages/AccountPage.graphql"
+#import "../../Refs/ContentPage/ContentPage.graphql"
+
+fragment TertiaryLinksRef on Footer {
+  __typename
+  tertiary_links {
+    pageConnection {
+      edges {
+        node {
+          __typename
+          ...LoyaltyPageRef
+          ...ContentPageRef
+          ...AccountPageRef
+        }
+      }
+    }
+  }
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Footer/SocialMedia.graphql

@@ -0,0 +1,11 @@
+fragment SocialMedia on Footer {
+  social_media {
+    links {
+      href {
+        href
+        title
+      }
+      type
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Grid.graphql

@@ -0,0 +1,17 @@
+fragment Grid on Grid {
+  columns {
+    span
+    rows {
+      rowConnection {
+        edges {
+          node {
+            __typename
+            ... on Card {
+              title
+            }
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Hero.graphql

@@ -0,0 +1,12 @@
+#import "./Image.graphql"
+
+fragment Hero on Hero {
+  imagesConnection {
+    totalCount
+    edges {
+      node {
+        ...Image
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/HotelPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment HotelPageRef on HotelPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Image.graphql

@@ -0,0 +1,14 @@
+fragment Image on SysAsset {
+  content_type
+  description
+  dimension {
+    height
+    width
+  }
+  metadata
+  system {
+    uid
+  }
+  title
+  url
+}

apps/scandic-web/lib/graphql/Fragments/ImageContainer.graphql

@@ -0,0 +1,16 @@
+#import "./System.graphql"
+
+fragment ImageContainer on ImageContainer {
+  image_left
+  image_right
+  title
+  system {
+    ...System
+  }
+}
+
+fragment ImageContainerRef on ImageContainer {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/LoyaltyPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment LoyaltyPageRef on LoyaltyPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Metadata.graphql

@@ -0,0 +1,6 @@
+fragment Metadata on SeoMetadata {
+  noindex
+  description
+  title
+  seo_image
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/AccountPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment AccountPageLink on AccountPage {
+  system {
+    ...System
+  }
+  title
+  url
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/CollectionPageLink.graphql

@@ -0,0 +1,12 @@
+#import "../System.graphql"
+
+fragment CollectionPageLink on CollectionPage {
+  title
+  url
+  system {
+    ...System
+  }
+  web {
+    original_url
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/ContentPageLink.graphql

@@ -0,0 +1,12 @@
+#import "../System.graphql"
+
+fragment ContentPageLink on ContentPage {
+  title
+  url
+  system {
+    ...System
+  }
+  web {
+    original_url
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/CurrentBlocksPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment CurrentBlocksPageLink on CurrentBlocksPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/CurrentContentPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment CurrentBlocksPageLink on CurrentBlocksPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/DestinationCityPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment DestinationCityPageLink on DestinationCityPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/DestinationCountryPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment DestinationCountryPageLink on DestinationCountryPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/DestinationOverviewPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment DestinationOverviewPageLink on DestinationOverviewPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/HotelPageLink.graphql

@@ -0,0 +1,13 @@
+#import "../System.graphql"
+
+fragment HotelPageLink on HotelPage {
+  system {
+    ...System
+  }
+  title
+  url
+  # TODO: Might need to add this if this is needed for hotel pages.
+  # web {
+  #   original_url
+  # }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/LoyaltyPageLink.graphql

@@ -0,0 +1,12 @@
+#import "../System.graphql"
+
+fragment LoyaltyPageLink on LoyaltyPage {
+  title
+  url
+  system {
+    ...System
+  }
+  web {
+    original_url
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageLink/StartPageLink.graphql

@@ -0,0 +1,9 @@
+#import "../System.graphql"
+
+fragment StartPageLink on StartPage {
+  title
+  url
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/PageSettings.graphql

@@ -0,0 +1,3 @@
+fragment PageSettings on PageSettings {
+  hide_booking_widget
+}

apps/scandic-web/lib/graphql/Fragments/Preamble.graphql

@@ -0,0 +1,17 @@
+#import "./Image.graphql"
+
+fragment Preamble on CurrentBlocksPage {
+  preamble {
+    text {
+      json
+      embedded_itemsConnection(limit: 30) {
+        edges {
+          node {
+            __typename
+            ...Image
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Puff.graphql

@@ -0,0 +1,20 @@
+#import "./Image.graphql"
+
+fragment Puff on Puff {
+  imageConnection {
+    edges {
+      node {
+        ...Image
+      }
+    }
+  }
+  puff_style
+  link {
+    href
+    title
+  }
+  text {
+    json
+  }
+  title
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/Content.graphql

@@ -0,0 +1,122 @@
+#import "../Image.graphql"
+#import "../ImageContainer.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment ContentSidebar_ContentPage on ContentPageSidebarContent {
+  content {
+    content {
+      json
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...Image
+            ...ImageContainer
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment ContentSidebar_ContentPageRefs on ContentPageSidebarContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...ImageContainerRef
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment ContentSidebar_LoyaltyPage on LoyaltyPageSidebarContent {
+  content {
+    content {
+      json
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...Image
+            ...ImageContainer
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment ContentSidebar_LoyaltyPageRefs on LoyaltyPageSidebarContent {
+  content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...ImageContainerRef
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/DynamicContent.graphql

@@ -0,0 +1,11 @@
+fragment DynamicContentSidebar_ContentPage on ContentPageSidebarDynamicContent {
+  dynamic_content {
+    component
+  }
+}
+
+fragment DynamicContentSidebar_LoyaltyPage on LoyaltyPageSidebarDynamicContent {
+  dynamic_content {
+    component
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/JoinLoyaltyContact.graphql

@@ -0,0 +1,149 @@
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/CollectionPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/DestinationCityPageLink.graphql"
+#import "../PageLink/DestinationCountryPageLink.graphql"
+#import "../PageLink/DestinationOverviewPageLink.graphql"
+#import "../PageLink/HotelPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+#import "../PageLink/StartPageLink.graphql"
+
+#import "../AccountPage/Ref.graphql"
+#import "../CollectionPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../DestinationCityPage/Ref.graphql"
+#import "../DestinationCountryPage/Ref.graphql"
+#import "../DestinationOverviewPage/Ref.graphql"
+#import "../HotelPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+#import "../StartPage/Ref.graphql"
+
+fragment ContactFields on ContactFields {
+  display_text
+  contact_field
+  contact_footnote
+}
+
+fragment JoinLoyaltyContactSidebar_ContentPage on ContentPageSidebarJoinLoyaltyContact {
+  join_loyalty_contact {
+    preamble
+    title
+    button {
+      cta_text
+      open_in_new_tab
+      external_link {
+        href
+        title
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+    contact {
+      __typename
+      ... on ContentPageSidebarJoinLoyaltyContactBlockContactContact {
+        contact {
+          ...ContactFields
+        }
+      }
+    }
+  }
+}
+
+fragment JoinLoyaltyContactSidebar_ContentPageRefs on ContentPageSidebarJoinLoyaltyContact {
+  join_loyalty_contact {
+    button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment JoinLoyaltyContactSidebar_LoyaltyPage on LoyaltyPageSidebarJoinLoyaltyContact {
+  join_loyalty_contact {
+    preamble
+    title
+    button {
+      cta_text
+      open_in_new_tab
+      external_link {
+        href
+        title
+      }
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageLink
+            ...CollectionPageLink
+            ...ContentPageLink
+            ...DestinationCityPageLink
+            ...DestinationCountryPageLink
+            ...DestinationOverviewPageLink
+            ...HotelPageLink
+            ...LoyaltyPageLink
+            ...StartPageLink
+          }
+        }
+      }
+    }
+    contact {
+      __typename
+      ... on LoyaltyPageSidebarJoinLoyaltyContactBlockContactContact {
+        contact {
+          ...ContactFields
+        }
+      }
+    }
+  }
+}
+
+fragment JoinLoyaltyContactSidebar_LoyaltyPageRefs on LoyaltyPageSidebarJoinLoyaltyContact {
+  join_loyalty_contact {
+    button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...CollectionPageRef
+            ...ContentPageRef
+            ...DestinationCityPageRef
+            ...DestinationCountryPageRef
+            ...DestinationOverviewPageRef
+            ...HotelPageRef
+            ...LoyaltyPageRef
+            ...StartPageRef
+          }
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/QuickLinks.graphql

@@ -0,0 +1,23 @@
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+
+#import "../Blocks/Shortcuts.graphql"
+
+fragment QuickLinksSidebar_ContentPage on ContentPageSidebarShortcuts {
+  __typename
+  shortcuts {
+    ...Shortcuts
+  }
+}
+
+fragment QuickLinksSidebar_ContentPageRefs on ContentPageSidebarShortcuts {
+  shortcuts {
+    __typename
+    ...ShortcutsRefs
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/ScriptedCard.graphql

@@ -0,0 +1,38 @@
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+
+#import "../Blocks/Card.graphql"
+#import "../Blocks/Refs/Card.graphql"
+
+fragment ScriptedCardSidebar_ContentPage on ContentPageSidebarScriptedCard {
+  __typename
+  scripted_card {
+    theme
+    scripted_cardConnection {
+      edges {
+        node {
+          __typename
+          ...CardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment ScriptedCardSidebar_ContentPageRefs on ContentPageSidebarScriptedCard {
+  scripted_card {
+    scripted_cardConnection {
+      edges {
+        node {
+          __typename
+          ...CardBlockRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/Sidebar/TeaserCard.graphql

@@ -0,0 +1,38 @@
+#import "../AccountPage/Ref.graphql"
+#import "../ContentPage/Ref.graphql"
+#import "../LoyaltyPage/Ref.graphql"
+
+#import "../PageLink/AccountPageLink.graphql"
+#import "../PageLink/ContentPageLink.graphql"
+#import "../PageLink/LoyaltyPageLink.graphql"
+
+#import "../Blocks/TeaserCard.graphql"
+#import "../Blocks/Refs/TeaserCard.graphql"
+
+fragment TeaserCardSidebar_ContentPage on ContentPageSidebarTeaserCard {
+  __typename
+  teaser_card {
+    theme
+    teaser_cardConnection {
+      edges {
+        node {
+          __typename
+          ...TeaserCardBlock
+        }
+      }
+    }
+  }
+}
+
+fragment TeaserCardSidebar_ContentPageRefs on ContentPageSidebarTeaserCard {
+  teaser_card {
+    teaser_cardConnection {
+      edges {
+        node {
+          __typename
+          ...TeaserCardBlockRef
+        }
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Fragments/StartPage/Ref.graphql

@@ -0,0 +1,7 @@
+#import "../System.graphql"
+
+fragment StartPageRef on StartPage {
+  system {
+    ...System
+  }
+}

apps/scandic-web/lib/graphql/Fragments/System.graphql

@@ -0,0 +1,5 @@
+fragment System on EntrySystemField {
+  content_type_uid
+  locale
+  uid
+}

apps/scandic-web/lib/graphql/Query/AccountPage/AccountPage.graphql

@@ -0,0 +1,65 @@
+#import "../../Fragments/System.graphql"
+
+#import "../../Fragments/Blocks/DynamicContent.graphql"
+#import "../../Fragments/Blocks/Shortcuts.graphql"
+#import "../../Fragments/Blocks/TextContent.graphql"
+
+query GetAccountPage($locale: String!, $uid: String!) {
+  account_page(locale: $locale, uid: $uid) {
+    heading
+    preamble
+    title
+    url
+    content {
+      __typename
+      ...DynamicContent_AccountPage
+      ...Shortcuts_AccountPage
+      ...TextContent_AccountPage
+    }
+    system {
+      ...System
+      created_at
+      updated_at
+    }
+  }
+  trackingProps: account_page(locale: "en", uid: $uid) {
+    url
+  }
+}
+
+query GetAccountPageRefs($locale: String!, $uid: String!) {
+  account_page(locale: $locale, uid: $uid) {
+    content {
+      __typename
+      ...DynamicContent_AccountPageRefs
+      ...Shortcuts_AccountPageRefs
+    }
+    system {
+      ...System
+    }
+  }
+}
+
+query GetDaDeEnUrlsAccountPage($uid: String!) {
+  de: account_page(locale: "de", uid: $uid) {
+    url
+  }
+  en: account_page(locale: "en", uid: $uid) {
+    url
+  }
+  da: account_page(locale: "da", uid: $uid) {
+    url
+  }
+}
+
+query GetFiNoSvUrlsAccountPage($uid: String!) {
+  fi: account_page(locale: "fi", uid: $uid) {
+    url
+  }
+  no: account_page(locale: "no", uid: $uid) {
+    url
+  }
+  sv: account_page(locale: "sv", uid: $uid) {
+    url
+  }
+}

apps/scandic-web/lib/graphql/Query/AccountPage/Metadata.graphql

@@ -0,0 +1,18 @@
+#import "../../Fragments/Metadata.graphql"
+#import "../../Fragments/System.graphql"
+
+query GetAccountPageMetadata($locale: String!, $uid: String!) {
+  account_page(locale: $locale, uid: $uid) {
+    web {
+      breadcrumbs {
+        title
+      }
+      seo_metadata {
+        ...Metadata
+      }
+    }
+    system {
+      ...System
+    }
+  }
+}

apps/scandic-web/lib/graphql/Query/AccountPage/Navigation.graphql

@@ -0,0 +1,81 @@
+#import "../../Fragments/System.graphql"
+
+#import "../../Fragments/PageLink/AccountPageLink.graphql"
+#import "../../Fragments/PageLink/CollectionPageLink.graphql"
+#import "../../Fragments/PageLink/ContentPageLink.graphql"
+#import "../../Fragments/PageLink/DestinationCityPageLink.graphql"
+#import "../../Fragments/PageLink/DestinationCountryPageLink.graphql"
+#import "../../Fragments/PageLink/DestinationOverviewPageLink.graphql"
+#import "../../Fragments/PageLink/HotelPageLink.graphql"
+#import "../../Fragments/PageLink/LoyaltyPageLink.graphql"
+#import "../../Fragments/PageLink/StartPageLink.graphql"
+
+#import "../../Fragments/AccountPage/Ref.graphql"
+#import "../../Fragments/CollectionPage/Ref.graphql"
+#import "../../Fragments/ContentPage/Ref.graphql"
+#import "../../Fragments/DestinationCityPage/Ref.graphql"
+#import "../../Fragments/DestinationCountryPage/Ref.graphql"
+#import "../../Fragments/DestinationOverviewPage/Ref.graphql"
+#import "../../Fragments/HotelPage/Ref.graphql"
+#import "../../Fragments/LoyaltyPage/Ref.graphql"
+#import "../../Fragments/StartPage/Ref.graphql"
+
+query GetNavigationMyPages($locale: String!) {
+  all_navigation_my_pages(locale: $locale, limit: 1) {
+    items {
+      menu_items {
+        display_sign_out_link
+        links {
+          link_text
+          page: pageConnection {
+            edges {
+              node {
+                __typename
+                ...AccountPageLink
+                ...CollectionPageLink
+                ...ContentPageLink
+                ...DestinationCityPageLink
+                ...DestinationCountryPageLink
+                ...DestinationOverviewPageLink
+                ...HotelPageLink
+                ...LoyaltyPageLink
+                ...StartPageLink
+              }
+            }
+          }
+        }
+      }
+      title
+    }
+  }
+}
+
+query GetNavigationMyPagesRefs($locale: String!) {
+  all_navigation_my_pages(locale: $locale, limit: 1) {
+    items {
+      menu_items {
+        links {
+          page: pageConnection {
+            edges {
+              node {
+                __typename
+                ...AccountPageRef
+                ...CollectionPageRef
+                ...ContentPageRef
+                ...DestinationCityPageRef
+                ...DestinationCountryPageRef
+                ...DestinationOverviewPageRef
+                ...HotelPageRef
+                ...LoyaltyPageRef
+                ...StartPageRef
+              }
+            }
+          }
+        }
+      }
+      system {
+        ...System
+      }
+    }
+  }
+}

apps/scandic-web/lib/graphql/Query/Breadcrumbs/AccountPage.graphql

@@ -0,0 +1,29 @@
+#import "../../Fragments/Breadcrumbs/Breadcrumbs.graphql"
+#import "../../Fragments/System.graphql"
+
+query GetMyPagesBreadcrumbs($locale: String!, $uid: String!) {
+  account_page(locale: $locale, uid: $uid) {
+    url
+    web {
+      breadcrumbs {
+        ...Breadcrumbs
+      }
+    }
+    system {
+      ...System
+    }
+  }
+}
+
+query GetMyPagesBreadcrumbsRefs($locale: String!, $uid: String!) {
+  account_page(locale: $locale, uid: $uid) {
+    web {
+      breadcrumbs {
+        ...BreadcrumbsRefs
+      }
+    }
+    system {
+      ...System
+    }
+  }
+}