@roomstay/frontend 2.6.66 → 2.6.68

package/dist/src/models/Api/HotelDTO.d.ts

@@ -111,6 +111,7 @@ export type HotelDTO = {
     maxInfants?: number;
     stateFieldConfiguration?: EHotelStateFieldConfiguration;
     itineraryNote: string;
+    disableSavedPayments: boolean;
 } & Pick<AdminHotelConfig, 'childConfiguration' | 'perks' | 'perkTitle' | 'countryPrefix' | 'quoteImageDesktop' | 'quoteImageMobile' | 'memberOnlyImage' | 'captureChildAge' | 'company' | 'fees' | 'addDepositFeeToBookingTotal' | 'minAdultAge' | 'maxAdultAge' | 'countInfantsInOccupancy' | 'preferProviderBookingId'> & Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;
 export declare enum VGSCardName {
     Visa = "visa",

package/dist/src/models/Api/HotelDTO.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAAiH;AA8IjH,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport type { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IAuxiliaryFilter } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ClientHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: {\n        [id: string]: {\n            name: string;\n            type: 'select';\n            includeAllAbove: boolean;\n            requireInput: boolean;\n            options: IAuxiliaryFilter['options'];\n        };\n    };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    showBedType?: boolean;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n    petFriendly?: boolean;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n    timeZone: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    requireDeposit?: boolean;\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n    preventCancellation?: boolean;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n    itineraryNote: string;\n} & Pick<\n    AdminHotelConfig,\n    | 'childConfiguration'\n    | 'perks'\n    | 'perkTitle'\n    | 'countryPrefix'\n    | 'quoteImageDesktop'\n    | 'quoteImageMobile'\n    | 'memberOnlyImage'\n    | 'captureChildAge'\n    | 'company'\n    | 'fees'\n    | 'addDepositFeeToBookingTotal'\n    | 'minAdultAge'\n    | 'maxAdultAge'\n    | 'countInfantsInOccupancy'\n    | 'preferProviderBookingId'\n> &\n    Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}
+{"version":3,"file":"HotelDTO.js","sourceRoot":"/","sources":["src/models/Api/HotelDTO.ts"],"names":[],"mappings":";;;AAMA,uDAAiH;AA+IjH,IAAY,WAOX;AAPD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,0BAAW,CAAA;IACX,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,oCAAqB,CAAA;AACzB,CAAC,EAPW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAOtB;AAEY,QAAA,0BAA0B,GAAsD;IACzF,CAAC,wBAAgB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,IAAI;IACzC,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG;IACvC,CAAC,wBAAgB,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC,eAAe;IAC/D,CAAC,wBAAgB,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IACrD,CAAC,wBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ;CACpD,CAAC","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport type { EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IAuxiliaryFilter } from '@roomstay/core';\nimport { DeepPartial } from 'react-hook-form';\n\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport { AdminHotelConfig, ClientHotelConfig, ConfigHotel, EPaymentCardType } from '@/models/Client/Hotel/Hotel';\nimport HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport type HotelServiceDTO = {\n    detail: string;\n    included: boolean;\n    name: string;\n    onsite: boolean;\n};\n\nexport type HotelRoomsDTO = {\n    [roomTypeCode: string]: HotelRoomDTO;\n};\n\nexport type HotelRoomGroupsDTO = {\n    groupName: string;\n    id: string;\n    filters: {\n        [id: string]: {\n            name: string;\n            type: 'select';\n            includeAllAbove: boolean;\n            requireInput: boolean;\n            options: IAuxiliaryFilter['options'];\n        };\n    };\n}[];\n\nexport type HotelRoomAmenitiesDTO = {\n    type: string;\n    description: string;\n};\n\nexport type HotelRoomDTO = {\n    code: string;\n    name: string;\n    shortDescription: string;\n    longDescription: string;\n    images: string[];\n    quantity: number;\n    maxOccupancy: number;\n    bedQuantity: number;\n    showBedType?: boolean;\n    standardNumBeds: number;\n    maxRollaways: number;\n    bedType: string;\n    amenities: HotelRoomAmenitiesDTO[];\n    features: HotelRoomAmenitiesDTO[];\n    bedTypeOverride?: string;\n    roomGroupId?: string;\n    roomSize?: number;\n    prePerkDisclaimer?: string;\n    perks?: ConfigHotel['perks'];\n    petFriendly?: boolean;\n};\n\nexport type HotelDTO = {\n    id: number;\n    name: string;\n    chainId: number;\n    chainName: string;\n\n    address: HotelAddress;\n    phone: string;\n\n    latitude: string;\n    longitude: string;\n\n    utcOffset: string;\n    timeZone: string;\n\n    languageCode: string;\n    currencyCode: string;\n\n    checkInTime: string;\n    checkOutTime: string;\n\n    paymentCardTypes: EPaymentCardType[];\n\n    description: string;\n    locationDescription: string;\n    policies: string;\n\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n\n    rooms: { [roomTypeCode: string]: HotelRoomDTO };\n    dataSource: HotelDataSource;\n\n    // Following fields are only present if dataSource = 'roomstay'\n    logo?: string;\n    colors: DeepPartial<ColorProfile>;\n    distanceUnitType?: DistanceUnitType;\n    weekdayStartsOn?: WeekdayStartsOn;\n\n    crossSellHotelIds?: string[];\n    paymentMethods: EBookingPaymentMethod[];\n    cardProcessor: EHotelCardProcessor;\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n\n    email?: string;\n    hotelUrl?: string;\n    heroImage?: string;\n    images?: string[];\n    integrations?: EIntegration[];\n    roomGroups: HotelRoomGroupsDTO;\n    requireDeposit?: boolean;\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n    preventCancellation?: boolean;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n    itineraryNote: string;\n    disableSavedPayments: boolean;\n} & Pick<\n    AdminHotelConfig,\n    | 'childConfiguration'\n    | 'perks'\n    | 'perkTitle'\n    | 'countryPrefix'\n    | 'quoteImageDesktop'\n    | 'quoteImageMobile'\n    | 'memberOnlyImage'\n    | 'captureChildAge'\n    | 'company'\n    | 'fees'\n    | 'addDepositFeeToBookingTotal'\n    | 'minAdultAge'\n    | 'maxAdultAge'\n    | 'countInfantsInOccupancy'\n    | 'preferProviderBookingId'\n> &\n    Pick<ClientHotelConfig, 'memberOnlyRenderRateLast'>;\n\nexport enum VGSCardName {\n    Visa = 'visa',\n    Mastercard = 'mastercard',\n    JCB = 'jcb',\n    DinersClub = 'dinersclub',\n    AmericanExpress = 'amex',\n    UnionPay = 'unionpay',\n}\n\nexport const SynxisToVGSCardNameMapping: { [synxisName in EPaymentCardType]: VGSCardName } = {\n    [EPaymentCardType.Visa]: VGSCardName.Visa,\n    [EPaymentCardType.Mastercard]: VGSCardName.Mastercard,\n    [EPaymentCardType.JCB]: VGSCardName.JCB,\n    [EPaymentCardType.AmericanExpress]: VGSCardName.AmericanExpress,\n    [EPaymentCardType.DinersClub]: VGSCardName.DinersClub,\n    [EPaymentCardType.UnionPay]: VGSCardName.UnionPay,\n};\n"]}

package/dist/src/models/Client/Hotel/Hotel.d.ts

@@ -117,6 +117,7 @@ export interface AdminHotelConfig {
     instagramUrl: string;
     linkedinUrl: string;
     preferProviderBookingId: boolean;
+    disableSavedPayments?: boolean;
 }
 /**
  * This config comes from hard static local file

package/dist/src/models/Client/Hotel/Hotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAmBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    requireDeposit?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n    currentRoomSort?: RoomSort; //override default room sort\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}
+{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAmBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    requireDeposit?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n    disableSavedPayments?: boolean;\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n    currentRoomSort?: RoomSort; //override default room sort\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}

package/dist/src/pages/account/AccountHome/AccountHomePage.js

@@ -46,11 +46,13 @@ const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const AccountHomePage = () => {
     const { user, upcomingBookings } = (0, hooks_1.useMember)();
+    const { isMemberPaymentInformationAvailable } = (0, hooks_1.useCurrentHotel)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Large;
     const firstStepUrl = StepManager_1.default.getFirstStep().getStepUrl();
     const hasBookings = (upcomingBookings === null || upcomingBookings === void 0 ? void 0 : upcomingBookings.length) > 0;
+    const quickLinkColSize = isMemberPaymentInformationAvailable ? 3 : 4;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "u-marg-top--heavy@m u-marg-top@m- u-marg-bottom" },
             react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getFirstStep().getStepUrl() },
@@ -68,28 +70,28 @@ const AccountHomePage = () => {
                     react_1.default.createElement(react_router_dom_1.Link, { to: firstStepUrl },
                         react_1.default.createElement(BEButton_1.default, { wide: isMobile, rounded: true, filled: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", primary: true }, t(Translation_1.Translation.Reservation.EmptyPage.SearchRooms)))))))),
         react_1.default.createElement("div", { className: "row" },
-            react_1.default.createElement("div", { className: "col-md-3" },
+            react_1.default.createElement("div", { className: `col-md-${quickLinkColSize}` },
                 react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Subtitle, title: t(Translation_1.Translation.UserPortal.HomeScreen.Bookings), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.BookingsDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'See list',
                         pathTo: AccountRoutes_1.AccountRoutes.Reservations.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
                     } })),
-            react_1.default.createElement("div", { className: "col-md-3" },
+            react_1.default.createElement("div", { className: `col-md-${quickLinkColSize}` },
                 react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.Person, title: t(Translation_1.Translation.Navigation.Menu.ProfileInformation), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.ProfileInformationDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Edit Info',
                         pathTo: AccountRoutes_1.AccountRoutes.ProfileDetails.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
                     } })),
-            react_1.default.createElement("div", { className: "col-md-3" },
+            isMemberPaymentInformationAvailable && (react_1.default.createElement("div", { className: "col-md-3" },
                 react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.CreditCard, title: t(Translation_1.Translation.Navigation.Menu.PaymentInformation), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.PaymentInformationDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Manage cards',
                         pathTo: AccountRoutes_1.AccountRoutes.CardDetails.path,
                         icon: 'arrow',
                         color: Color_1.Color.Accent,
-                    } })),
-            react_1.default.createElement("div", { className: "col-md-3" },
+                    } }))),
+            react_1.default.createElement("div", { className: `col-md-${quickLinkColSize}` },
                 react_1.default.createElement(IconNavCard_1.IconNavCard, { icon: Icon_1.IconType.ProgressHelp, title: t(Translation_1.Translation.Navigation.Menu.NeedHelp), description: react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.UserPortal.HomeScreen.NeedHelpDescription, components: { 1: react_1.default.createElement("div", null) } }), link: {
                         text: 'Contact now',
                         pathTo: AccountRoutes_1.AccountRoutes.Help.path,

package/dist/src/pages/account/AccountHome/AccountHomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountHomePage.js","sourceRoot":"/","sources":["src/pages/account/AccountHome/AccountHomePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { useMember } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconNavCard } from '@/components/generic/Card/IconNavCard/IconNavCard';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyReservation from '@/components/graphics/EmptyGraphic';\nimport ReservationItem from '@/components/reservation/ReservationItem';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nexport const AccountHomePage = () => {\n    const { user, upcomingBookings } = useMember();\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const firstStepUrl = StepManager.getFirstStep().getStepUrl();\n\n    const hasBookings = (upcomingBookings?.length as number) > 0;\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.UserPortal.HomeScreen.BackToBooking)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size=\"extra-large\" className=\"u-marg-bottom\">\n                    {t(user?.forename ? Translation.UserPortal.HomeScreen.Title : Translation.UserPortal.HomeScreen.TitleEmpty, { name: user?.forename })}\n                </Headline>\n                {hasBookings ? (\n                    <Text type={TextType.Body}>{t(Translation.UserPortal.HomeScreen.Subtitle)}</Text>\n                ) : (\n                    <Text className=\"u-marg-top\">{t(Translation.Reservation.EmptyPage.SubTitle)}</Text>\n                )}\n            </div>\n\n            <div className=\"u-marg-bottom--heavy\">\n                {hasBookings ? (\n                    <ReservationItem itineraryItem={upcomingBookings?.[0] as IRoomstayMemberBookingItemWithRefAndHotelDetails} defaultEventsExpanded />\n                ) : (\n                    <div className=\"u-marg-top--heavy u-flex u-flex-align-center u-flex-direction-column@l- u-flex-gap\">\n                        <div>\n                            <HomeEmptyReservation className=\"mw-100\" />\n                        </div>\n                        <div className=\"u-marg-top--heavy@m-\">\n                            <Headline size=\"large\">{t(Translation.Reservation.EmptyPage.Message)}</Headline>\n                            <Text color={Color.DarkGrey} type={TextType.Small} className=\"u-marg-top--light\">\n                                {t(Translation.Reservation.EmptyPage.SubMessage)}\n                            </Text>\n                            <div className=\"u-marg-top--heavy u-flex u-flex-flex-start u-flex-gap--light u-flex-direction-column@l-\">\n                                <Link to={firstStepUrl}>\n                                    <BEButton wide={isMobile} rounded filled icon={IconType.ArrowRight} iconPosition=\"right\" primary>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                {/* <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded icon={IconType.ArrowRight} iconPosition=\"right\">\n                                        {t(Translation.Reservation.EmptyPage.SeeAll)}\n                                    </BEButton>\n                                </Link> */}\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div className=\"row\">\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Subtitle}\n                        title={t(Translation.UserPortal.HomeScreen.Bookings)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.BookingsDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'See list',\n                            pathTo: AccountRoutes.Reservations.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.Person}\n                        title={t(Translation.Navigation.Menu.ProfileInformation)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.ProfileInformationDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'Edit Info',\n                            pathTo: AccountRoutes.ProfileDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.CreditCard}\n                        title={t(Translation.Navigation.Menu.PaymentInformation)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.PaymentInformationDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'Manage cards',\n                            pathTo: AccountRoutes.CardDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                <div className=\"col-md-3\">\n                    <IconNavCard\n                        icon={IconType.ProgressHelp}\n                        title={t(Translation.Navigation.Menu.NeedHelp)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.NeedHelpDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'Contact now',\n                            pathTo: AccountRoutes.Help.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"AccountHomePage.js","sourceRoot":"/","sources":["src/pages/account/AccountHome/AccountHomePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { useCurrentHotel, useMember } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconNavCard } from '@/components/generic/Card/IconNavCard/IconNavCard';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HomeEmptyReservation from '@/components/graphics/EmptyGraphic';\nimport ReservationItem from '@/components/reservation/ReservationItem';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nexport const AccountHomePage = () => {\n    const { user, upcomingBookings } = useMember();\n    const { isMemberPaymentInformationAvailable } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const firstStepUrl = StepManager.getFirstStep().getStepUrl();\n\n    const hasBookings = (upcomingBookings?.length as number) > 0;\n\n    const quickLinkColSize = isMemberPaymentInformationAvailable ? 3 : 4;\n\n    return (\n        <div>\n            <div className=\"u-marg-top--heavy@m u-marg-top@m- u-marg-bottom\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton isText icon={IconType.ArrowLeft} size=\"small\">\n                        {t(Translation.UserPortal.HomeScreen.BackToBooking)}\n                    </BEButton>\n                </Link>\n            </div>\n            <div className=\"u-marg-bottom--heavy u-pad-top@m\">\n                <Headline size=\"extra-large\" className=\"u-marg-bottom\">\n                    {t(user?.forename ? Translation.UserPortal.HomeScreen.Title : Translation.UserPortal.HomeScreen.TitleEmpty, { name: user?.forename })}\n                </Headline>\n                {hasBookings ? (\n                    <Text type={TextType.Body}>{t(Translation.UserPortal.HomeScreen.Subtitle)}</Text>\n                ) : (\n                    <Text className=\"u-marg-top\">{t(Translation.Reservation.EmptyPage.SubTitle)}</Text>\n                )}\n            </div>\n\n            <div className=\"u-marg-bottom--heavy\">\n                {hasBookings ? (\n                    <ReservationItem itineraryItem={upcomingBookings?.[0] as IRoomstayMemberBookingItemWithRefAndHotelDetails} defaultEventsExpanded />\n                ) : (\n                    <div className=\"u-marg-top--heavy u-flex u-flex-align-center u-flex-direction-column@l- u-flex-gap\">\n                        <div>\n                            <HomeEmptyReservation className=\"mw-100\" />\n                        </div>\n                        <div className=\"u-marg-top--heavy@m-\">\n                            <Headline size=\"large\">{t(Translation.Reservation.EmptyPage.Message)}</Headline>\n                            <Text color={Color.DarkGrey} type={TextType.Small} className=\"u-marg-top--light\">\n                                {t(Translation.Reservation.EmptyPage.SubMessage)}\n                            </Text>\n                            <div className=\"u-marg-top--heavy u-flex u-flex-flex-start u-flex-gap--light u-flex-direction-column@l-\">\n                                <Link to={firstStepUrl}>\n                                    <BEButton wide={isMobile} rounded filled icon={IconType.ArrowRight} iconPosition=\"right\" primary>\n                                        {t(Translation.Reservation.EmptyPage.SearchRooms)}\n                                    </BEButton>\n                                </Link>\n                                {/* <Link to={AccountRoutes.Reservations.path}>\n                                    <BEButton wide={isMobile} rounded icon={IconType.ArrowRight} iconPosition=\"right\">\n                                        {t(Translation.Reservation.EmptyPage.SeeAll)}\n                                    </BEButton>\n                                </Link> */}\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div className=\"row\">\n                <div className={`col-md-${quickLinkColSize}`}>\n                    <IconNavCard\n                        icon={IconType.Subtitle}\n                        title={t(Translation.UserPortal.HomeScreen.Bookings)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.BookingsDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'See list',\n                            pathTo: AccountRoutes.Reservations.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n                <div className={`col-md-${quickLinkColSize}`}>\n                    <IconNavCard\n                        icon={IconType.Person}\n                        title={t(Translation.Navigation.Menu.ProfileInformation)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.ProfileInformationDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'Edit Info',\n                            pathTo: AccountRoutes.ProfileDetails.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n\n                {isMemberPaymentInformationAvailable && (\n                    <div className=\"col-md-3\">\n                        <IconNavCard\n                            icon={IconType.CreditCard}\n                            title={t(Translation.Navigation.Menu.PaymentInformation)}\n                            description={<Trans i18nKey={Translation.UserPortal.HomeScreen.PaymentInformationDescription} components={{ 1: <div /> }} />}\n                            link={{\n                                text: 'Manage cards',\n                                pathTo: AccountRoutes.CardDetails.path,\n                                icon: 'arrow',\n                                color: Color.Accent,\n                            }}\n                        />\n                    </div>\n                )}\n\n                <div className={`col-md-${quickLinkColSize}`}>\n                    <IconNavCard\n                        icon={IconType.ProgressHelp}\n                        title={t(Translation.Navigation.Menu.NeedHelp)}\n                        description={<Trans i18nKey={Translation.UserPortal.HomeScreen.NeedHelpDescription} components={{ 1: <div /> }} />}\n                        link={{\n                            text: 'Contact now',\n                            pathTo: AccountRoutes.Help.path,\n                            icon: 'arrow',\n                            color: Color.Accent,\n                        }}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/pages/account/AccountRouter.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccountRouter = void 0;
+const hooks_1 = require("../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const AccountHomePage_1 = require("./AccountHome/AccountHomePage");
@@ -21,6 +22,7 @@ const AccountRouter = () => {
      * so we're just going to transform them to relative paths in this router.
      */
     const getRelativePath = (path) => path.replace('/account', '');
+    const { isMemberPaymentInformationAvailable } = (0, hooks_1.useCurrentHotel)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(AccountOutlet_1.AccountOutlet, null,
             react_1.default.createElement(react_router_dom_1.Routes, null,
@@ -29,7 +31,7 @@ const AccountRouter = () => {
                 react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.SingleReservation.matchPath), element: react_1.default.createElement(AccountReservationSinglePage_1.AccountReservationSinglePage, null) }),
                 react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.ProfileDetails.path), element: react_1.default.createElement(AccountDetailsProfilePage_1.AccountDetailsProfilePage, null) }),
                 react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.ChangePassword.path), element: react_1.default.createElement(AccountChangePasswordPage_1.AccountChangePasswordPage, null) }),
-                react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.CardDetails.path), element: react_1.default.createElement(AccountDetailsCardsPage_1.AccountDetailsCardsPage, null) }),
+                isMemberPaymentInformationAvailable && react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.CardDetails.path), element: react_1.default.createElement(AccountDetailsCardsPage_1.AccountDetailsCardsPage, null) }),
                 react_1.default.createElement(react_router_dom_1.Route, { path: getRelativePath(AccountRoutes_1.AccountRoutes.Help.path), element: react_1.default.createElement(AccountHelpPage_1.AccountHelpPage, null) })))));
 };
 exports.AccountRouter = AccountRouter;

package/dist/src/pages/account/AccountRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountRouter.js","sourceRoot":"/","sources":["src/pages/account/AccountRouter.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AAEjD,iFAA8E;AAC9E,iEAA8D;AAC9D,6FAA0F;AAC1F,iGAA8F;AAC9F,0EAAuE;AACvE,4GAAyG;AACzG,kGAA8F;AAE9F,mDAAgD;AAChD,0FAAuF;AAEhF,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAEvE,OAAO,CACH;QACI,8BAAC,6BAAa;YACV,8BAAC,yBAAM;gBACH,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iCAAe,OAAG,GAAI;gBACvF,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAC,gDAAsB,OAAG,GAAI;gBAE3G,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAC,2DAA4B,OAAG,GAAI;gBAEtH,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,qDAAyB,OAAG,GAAI;gBAC3G,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,qDAAyB,OAAG,GAAI;gBAC3G,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iDAAuB,OAAG,GAAI;gBAEtG,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iCAAe,OAAG,GAAI,CAClF,CACG,CACjB,CACN,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,aAAa,iBAyBxB","sourcesContent":["import React from 'react';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AccountHomePage } from '@/pages/account/AccountHome/AccountHomePage';\nimport { AccountOutlet } from '@/pages/account/AccountOutlet';\nimport { AccountDetailsCardsPage } from '@/pages/account/Details/AccountDetailsCardsPage';\nimport { AccountDetailsProfilePage } from '@/pages/account/Details/AccountDetailsProfilePage';\nimport { AccountHelpPage } from '@/pages/account/Help/AccountHelpPage';\nimport { AccountReservationSinglePage } from '@/pages/account/Reservations/AccountReservationSinglePage';\nimport { AccountReservationPage } from '@/pages/account/Reservations/AccountReservationsPage';\n\nimport { AccountRoutes } from './AccountRoutes';\nimport { AccountChangePasswordPage } from './ChangePassword/AccountChangePasswordPage';\n\nexport const AccountRouter = () => {\n    /*\n     * We need to use relative paths for the router, but paths defined in AccountRoutes are used elsewhere for links,\n     * so we're just going to transform them to relative paths in this router.\n     */\n    const getRelativePath = (path: string) => path.replace('/account', '');\n\n    return (\n        <>\n            <AccountOutlet>\n                <Routes>\n                    <Route path={getRelativePath(AccountRoutes.Home.path)} element={<AccountHomePage />} />\n                    <Route path={getRelativePath(AccountRoutes.Reservations.matchPath)} element={<AccountReservationPage />} />\n\n                    <Route path={getRelativePath(AccountRoutes.SingleReservation.matchPath)} element={<AccountReservationSinglePage />} />\n\n                    <Route path={getRelativePath(AccountRoutes.ProfileDetails.path)} element={<AccountDetailsProfilePage />} />\n                    <Route path={getRelativePath(AccountRoutes.ChangePassword.path)} element={<AccountChangePasswordPage />} />\n                    <Route path={getRelativePath(AccountRoutes.CardDetails.path)} element={<AccountDetailsCardsPage />} />\n\n                    <Route path={getRelativePath(AccountRoutes.Help.path)} element={<AccountHelpPage />} />\n                </Routes>\n            </AccountOutlet>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"AccountRouter.js","sourceRoot":"/","sources":["src/pages/account/AccountRouter.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,uDAAiD;AAEjD,iFAA8E;AAC9E,iEAA8D;AAC9D,6FAA0F;AAC1F,iGAA8F;AAC9F,0EAAuE;AACvE,4GAAyG;AACzG,kGAA8F;AAE9F,mDAAgD;AAChD,0FAAuF;AAEhF,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAEvE,MAAM,EAAE,mCAAmC,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAElE,OAAO,CACH;QACI,8BAAC,6BAAa;YACV,8BAAC,yBAAM;gBACH,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iCAAe,OAAG,GAAI;gBACvF,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAC,gDAAsB,OAAG,GAAI;gBAE3G,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,8BAAC,2DAA4B,OAAG,GAAI;gBAEtH,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,qDAAyB,OAAG,GAAI;gBAC3G,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,qDAAyB,OAAG,GAAI;gBAC1G,mCAAmC,IAAI,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iDAAuB,OAAG,GAAI;gBAE9I,8BAAC,wBAAK,IAAC,IAAI,EAAE,eAAe,CAAC,6BAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,8BAAC,iCAAe,OAAG,GAAI,CAClF,CACG,CACjB,CACN,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AccountHomePage } from '@/pages/account/AccountHome/AccountHomePage';\nimport { AccountOutlet } from '@/pages/account/AccountOutlet';\nimport { AccountDetailsCardsPage } from '@/pages/account/Details/AccountDetailsCardsPage';\nimport { AccountDetailsProfilePage } from '@/pages/account/Details/AccountDetailsProfilePage';\nimport { AccountHelpPage } from '@/pages/account/Help/AccountHelpPage';\nimport { AccountReservationSinglePage } from '@/pages/account/Reservations/AccountReservationSinglePage';\nimport { AccountReservationPage } from '@/pages/account/Reservations/AccountReservationsPage';\n\nimport { AccountRoutes } from './AccountRoutes';\nimport { AccountChangePasswordPage } from './ChangePassword/AccountChangePasswordPage';\n\nexport const AccountRouter = () => {\n    /*\n     * We need to use relative paths for the router, but paths defined in AccountRoutes are used elsewhere for links,\n     * so we're just going to transform them to relative paths in this router.\n     */\n    const getRelativePath = (path: string) => path.replace('/account', '');\n\n    const { isMemberPaymentInformationAvailable } = useCurrentHotel();\n\n    return (\n        <>\n            <AccountOutlet>\n                <Routes>\n                    <Route path={getRelativePath(AccountRoutes.Home.path)} element={<AccountHomePage />} />\n                    <Route path={getRelativePath(AccountRoutes.Reservations.matchPath)} element={<AccountReservationPage />} />\n\n                    <Route path={getRelativePath(AccountRoutes.SingleReservation.matchPath)} element={<AccountReservationSinglePage />} />\n\n                    <Route path={getRelativePath(AccountRoutes.ProfileDetails.path)} element={<AccountDetailsProfilePage />} />\n                    <Route path={getRelativePath(AccountRoutes.ChangePassword.path)} element={<AccountChangePasswordPage />} />\n                    {isMemberPaymentInformationAvailable && <Route path={getRelativePath(AccountRoutes.CardDetails.path)} element={<AccountDetailsCardsPage />} />}\n\n                    <Route path={getRelativePath(AccountRoutes.Help.path)} element={<AccountHelpPage />} />\n                </Routes>\n            </AccountOutlet>\n        </>\n    );\n};\n"]}