Feat/LOY-400 create spend points modal * feat(LOY-400): Added custom button to my pages overview and skeleton file to custom modal for my points. * feat(LOY-400): Added custom button to my pages overview and components for custom modal for my points. * feat(LOY-400): Changed some style and infogridcardover * feat(LOY-400):Removed custom card components and changed in infoCard: Added imagePosition top, added optional height prop. In Card: Changed Text-wrap styling, added min-width styling to buttons, added optional Icon prop, added optional height prop * feat(LOY-400):Added linkList, LinkListItem component and messageBanner component. Added granola illustration. * feat(LOY-400): Removed background in several illustrations. Added component for illustration. Fixed LinkedList and styling for UsePointsButton. * feat(LOY-400): Added modal to PointsToSpendCard and fixed UsePointsButton. * fix(LOY-400):added some styling * feat(LOY-400): Linked Modal to contentstack and fetch the data in cards with UsePointsModal for now * feat(LOY-400): changed link to aria-component, cleaned up a bit * feat(LOY-400): Changed height for larger modals in mobile, fixed zod schema for no illustration input, cleaned up * fix(LOY-400): fixed graphql after rebase * fix(LOY-400): mini fix * fix(LOY-400): fixed pr-comments * fix(LOY-400): fixed some PR-comments * fix(LOY-400): fixed a PR-comment * feat(LOY-400): added size prop to ilustration in LinkListItem to be able to use illustrations in IllustrationByIconName * fix(LOY-400): fixed pr-comments * Merged in feat/LOY-402-pre-ticked-book-reward-night-in-booking-flow (pull request #3210) Feat/LOY-402 pre ticked book reward night in booking flow * feat(LOY-402): Changed UsePointsModal structure to handle button actions in card. * feat(LOY-402): added functionality for book now button * feat(LOY-400): pr comment fix * feat(LOY-402): transformed the contentstack data * fix(LOY-402): fixed pr comments Approved-by: Chuma Mcphoy (We Ahead) Approved-by: Anton Gunnarsson Approved-by: Matilda Landström * Merged in feat/LOY-404-add-tracking-for-spend-points-modal (pull request #3229) Feat/LOY-404 add tracking for spend points modal * feat(LOY-402): Changed UsePointsModal structure to handle button actions in card. * feat(LOY-402): added functionality for book now button * feat(LOY-400): pr comment fix * feat(LOY-402): transformed the contentstack data * feat(LOY-404): added tracking * fix(LOY-404): fix for session storage removal of bookNowFromPointsModal * feat(LOY-404): added consts * fix(LOY-404): moved foxusWidget const * fix(LOY-404): moved BOOKING_WIDGET_STATE const * fix(LOY-404):fix Approved-by: Matilda Landström * fix(LOY-400): some fixes * feat(LOY-400): created linkList storybook Approved-by: Chuma Mcphoy (We Ahead) Approved-by: Matilda Landström
118 lines
4.3 KiB
TypeScript
118 lines
4.3 KiB
TypeScript
import { gql } from "graphql-tag"
|
|
|
|
import { AccountPageRef } from "../Fragments/AccountPage/Ref.graphql"
|
|
import { CampaignOverviewPageRef } from "../Fragments/CampaignOverviewPage/Ref.graphql"
|
|
import { CampaignPageRef } from "../Fragments/CampaignPage/Ref.graphql"
|
|
import { CollectionPageRef } from "../Fragments/CollectionPage/Ref.graphql"
|
|
import { ContentPageRef } from "../Fragments/ContentPage/Ref.graphql"
|
|
import { DestinationCityPageRef } from "../Fragments/DestinationCityPage/Ref.graphql"
|
|
import { DestinationCountryPageRef } from "../Fragments/DestinationCountryPage/Ref.graphql"
|
|
import { DestinationOverviewPageRef } from "../Fragments/DestinationOverviewPage/Ref.graphql"
|
|
import { HotelPageRef } from "../Fragments/HotelPage/Ref.graphql"
|
|
import { LoyaltyPageRef } from "../Fragments/LoyaltyPage/Ref.graphql"
|
|
import { AccountPageLink } from "../Fragments/PageLink/AccountPageLink.graphql"
|
|
import { CampaignOverviewPageLink } from "../Fragments/PageLink/CampaignOverviewPageLink.graphql"
|
|
import { CampaignPageLink } from "../Fragments/PageLink/CampaignPageLink.graphql"
|
|
import { CollectionPageLink } from "../Fragments/PageLink/CollectionPageLink.graphql"
|
|
import { ContentPageLink } from "../Fragments/PageLink/ContentPageLink.graphql"
|
|
import { DestinationCityPageLink } from "../Fragments/PageLink/DestinationCityPageLink.graphql"
|
|
import { DestinationCountryPageLink } from "../Fragments/PageLink/DestinationCountryPageLink.graphql"
|
|
import { DestinationOverviewPageLink } from "../Fragments/PageLink/DestinationOverviewPageLink.graphql"
|
|
import { HotelPageLink } from "../Fragments/PageLink/HotelPageLink.graphql"
|
|
import { LoyaltyPageLink } from "../Fragments/PageLink/LoyaltyPageLink.graphql"
|
|
import { PromoCampaignPageLink } from "../Fragments/PageLink/PromoCampaignPageLink.graphql"
|
|
import { StartPageLink } from "../Fragments/PageLink/StartPageLink.graphql"
|
|
import { PromoCampaignPageRef } from "../Fragments/PromoCampaignPage/Ref.graphql"
|
|
import { StartPageRef } from "../Fragments/StartPage/Ref.graphql"
|
|
|
|
export const GetUsePointsModal = gql`
|
|
query GetUsePointsModal($locale: String!) {
|
|
all_usepointsmodal(locale: $locale) {
|
|
items {
|
|
image
|
|
link_group {
|
|
link_text
|
|
illustration
|
|
illustration_size
|
|
is_contentstack_link
|
|
external_link {
|
|
href
|
|
}
|
|
linkConnection {
|
|
edges {
|
|
node {
|
|
__typename
|
|
...AccountPageLink
|
|
...CampaignOverviewPageLink
|
|
...CampaignPageLink
|
|
...CollectionPageLink
|
|
...ContentPageLink
|
|
...DestinationCityPageLink
|
|
...DestinationCountryPageLink
|
|
...DestinationOverviewPageLink
|
|
...HotelPageLink
|
|
...LoyaltyPageLink
|
|
...StartPageLink
|
|
...PromoCampaignPageLink
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
${AccountPageLink}
|
|
${CampaignOverviewPageLink}
|
|
${CampaignPageLink}
|
|
${CollectionPageLink}
|
|
${ContentPageLink}
|
|
${DestinationCityPageLink}
|
|
${DestinationCountryPageLink}
|
|
${DestinationOverviewPageLink}
|
|
${HotelPageLink}
|
|
${LoyaltyPageLink}
|
|
${StartPageLink}
|
|
${PromoCampaignPageLink}
|
|
`
|
|
export const GetUsePointsModalRefs = gql`
|
|
query GetUsePointsModalRefs($locale: String!) {
|
|
all_usepointsmodal(locale: $locale) {
|
|
items {
|
|
link_group {
|
|
linkConnection {
|
|
edges {
|
|
node {
|
|
__typename
|
|
...AccountPageRef
|
|
...CampaignOverviewPageRef
|
|
...CampaignPageRef
|
|
...CollectionPageRef
|
|
...ContentPageRef
|
|
...DestinationCityPageRef
|
|
...DestinationCountryPageRef
|
|
...DestinationOverviewPageRef
|
|
...HotelPageRef
|
|
...LoyaltyPageRef
|
|
...StartPageRef
|
|
...PromoCampaignPageRef
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
${AccountPageRef}
|
|
${CampaignOverviewPageRef}
|
|
${CampaignPageRef}
|
|
${CollectionPageRef}
|
|
${ContentPageRef}
|
|
${DestinationCityPageRef}
|
|
${DestinationCountryPageRef}
|
|
${DestinationOverviewPageRef}
|
|
${HotelPageRef}
|
|
${LoyaltyPageRef}
|
|
${StartPageRef}
|
|
${PromoCampaignPageRef}
|
|
`
|