@roomstay/frontend 2.1.7 → 2.1.10

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport StepDate from '@/pages/steps/StepDate/StepDate';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport StepThanks from '@/pages/steps/StepThanks/StepThanks';\nimport StepManager from '@/util/StepManager';\n\n// TODO: Look into resolving this.\nimport ReactRaw from 'react';\nimport RoomstayEventManager from './events/RoomstayEventManager';\n\nexport const react = ReactRaw;\n\nexport { useTranslation } from 'react-i18next';\nexport { Link } from 'react-router-dom';\n\n// Components\nexport * from '@/engines/FullPageBookingEngine/FullPageBookingEngine';\nexport * from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';\nexport * from '@/engines/RecentSearchesEngine/RecentSearchesEngine';\nexport * from '@/engines/BookingWizardEngine/BookingWizardEngine';\nexport * from '@/engines/CustomEngine/CustomEngine';\n\nexport { default as Icon } from '@/components/generic/Icon/Icon';\nexport * from '@/components/generic/Icon/Icon';\nexport * from '@/components/generic/Text';\n\nexport { default as TextBox } from '@/components/generic/TextBox';\nexport { default as TextArea } from '@/components/generic/TextArea';\nexport { default as InputGroup } from '@/components/generic/InputGroup/InputGroup';\nexport { default as RadioFields } from '@/components/generic/radio/RadioFields';\nexport { default as Checkbox } from '@/components/generic/Checkbox/Checkbox';\n\nexport { default as LineBreak } from '@/components/generic/LineBreak';\nexport { default as AutoAutoHeight } from '@/animations/AutoAutoHeight';\nexport { default as Headline } from '@/components/generic/Headline';\n\nexport * from '@/components/generic/Alert';\nexport { default as Alert } from '@/components/generic/Alert';\nexport { default as BEButton } from '@/components/generic/BEButton';\n\nexport { BE_NO_ROOMS_FOUND_BLOCK } from '@/components/steps/room/NoRoomsFoundBlock';\nexport { default as NoRoomsFoundBlock } from '@/components/steps/room/NoRoomsFoundBlock';\n\nexport { default as StepConfirmationCountrySelector } from '@/components/steps/confirmation/StepConfirmationCountrySelector';\n\nexport * from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nexport * from '@/components/summary/BESummaryPerkBlock';\n\nexport * from '@/components/summary/BESummary';\n\nexport * from '@/components/steps/room/StepRoomBestRateAlert';\nexport { default as StepNoRoomBestRateAlert } from '@/components/steps/room/StepRoomBestRateAlert';\n\n// Loaders\nexport { default as SmallSpinner } from '@/components/generic/loader/SmallSpinner';\n\n// Providers\nexport * from '@/providers/LanguageProvider';\nexport * from '@/providers/CurrencyProvider';\nexport { default as CurrencyProvider } from '@/providers/CurrencyProvider';\nexport { default as FeatureProvider } from '@/providers/FeatureProvider';\nexport { default as RatePillProvider } from '@/providers/RatePillProvider';\nexport * from '@/providers/PromotionProvider';\n\n// Features\n\nexport { default as ConfirmationVerifyFeature } from '@/providers/feature/ConfirmationVerifyFeature';\nexport { default as DatePickerTypeFeature } from '@/providers/feature/DatePickerTypeFeature';\nexport { default as FeaturedPromoFeature } from '@/providers/feature/FeaturedPromoFeature';\nexport { default as InlineAddonStepFeature } from '@/providers/feature/InlineAddonStepFeature';\nexport { default as RoomUpsellFeature } from '@/providers/feature/RoomUpsellFeature';\nexport { default as ShowIATANumberOnCheckoutFeature } from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nexport { default as E164PhoneNumberFieldFeature } from '@/providers/feature/E164PhoneNumberFieldFeature';\n\n// Contexts\nexport * from '@frontend/contexts';\n\nexport { default as SessionProvider } from '@/providers/SessionProvider';\nexport * from '@/providers/RoomstayThemeEngine';\nexport { default as RoomstayThemeEngine } from '@/providers/RoomstayThemeEngine';\nexport { registerReplacement, withDI } from '@/providers/DIProvider';\n\nexport { default as DataLayer } from '@/util/DataLayer';\nexport * from '@/util/DataLayer';\n\n// Models\nexport * from '@/models/Client/Hotel/Hotel';\nexport * from '@/models/Client/Hotel/HotelPerk';\n\nexport * from '@/models/Client/Hotel/DistanceUnitType.types';\nexport * from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport * from '@/models/Client/Hotel/Company';\n\nexport { default as API } from '@/api/BookingAPI';\n\n// Steps\nexport { default as StepManager } from '@/util/StepManager';\n\nexport { default as StepAddon } from '@/pages/steps/StepAddon/StepAddon';\nexport { default as StepDate } from '@/pages/steps/StepDate/StepDate';\nexport { default as StepConfirmation } from '@/pages/steps/StepConfirmation/StepConfirmation';\nexport { default as StepHotel } from '@/pages/steps/StepHotel/StepHotel';\nexport { default as StepRoom } from '@/pages/steps/StepRoom/StepRoom';\nexport { default as StepThanks } from '@/pages/steps/StepThanks/StepThanks';\n\nexport * from '@/translations/Translation';\n\n// Util\n\nexport * from '@/util/Color';\n\n// Hooks\n\nexport * from '@/hooks/CurrentHotelHook';\nexport * from '@/hooks/EventHook';\n\nexport * from '@/events/index';\n\n/** @deprecated use `roomstay.events` instead */\nexport { default as RoomstayEventManager } from '@/events/RoomstayEventManager';\n\nexport const events = {\n    on: RoomstayEventManager.addEvent,\n    raise: RoomstayEventManager.raise,\n};\n\ndeclare const RS_VERSION: string;\nexport const Version = RS_VERSION;\n\nStepManager.currentSteps = {\n    0: StepDate,\n    10: StepRoom,\n    20: StepConfirmation,\n    30: StepThanks,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport StepDate from '@/pages/steps/StepDate/StepDate';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport StepThanks from '@/pages/steps/StepThanks/StepThanks';\nimport StepManager from '@/util/StepManager';\n\n// TODO: Look into resolving this.\nimport ReactRaw from 'react';\nimport RoomstayEventManager from './events/RoomstayEventManager';\n\nexport const react = ReactRaw;\n\nexport { useTranslation } from 'react-i18next';\nexport { Link } from 'react-router-dom';\n\n// Components\nexport * from '@/engines/FullPageBookingEngine/FullPageBookingEngine';\nexport * from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';\nexport * from '@/engines/RecentSearchesEngine/RecentSearchesEngine';\nexport * from '@/engines/BookingWizardEngine/BookingWizardEngine';\nexport * from '@/engines/CustomEngine/CustomEngine';\n\nexport { default as Icon } from '@/components/generic/Icon/Icon';\nexport * from '@/components/generic/Icon/Icon';\nexport * from '@/components/generic/Text';\n\nexport { default as TextBox } from '@/components/generic/TextBox';\nexport { default as TextArea } from '@/components/generic/TextArea';\nexport { default as InputGroup } from '@/components/generic/InputGroup/InputGroup';\nexport { default as RadioFields } from '@/components/generic/radio/RadioFields';\nexport { default as Checkbox } from '@/components/generic/Checkbox/Checkbox';\n\nexport { default as LineBreak } from '@/components/generic/LineBreak';\nexport { default as AutoAutoHeight } from '@/animations/AutoAutoHeight';\nexport { default as Headline } from '@/components/generic/Headline';\n\nexport * from '@/components/generic/Alert';\nexport { default as Alert } from '@/components/generic/Alert';\nexport { default as BEButton } from '@/components/generic/BEButton';\n\nexport { BE_NO_ROOMS_FOUND_BLOCK } from '@/components/steps/room/NoRoomsFoundBlock';\nexport { default as NoRoomsFoundBlock } from '@/components/steps/room/NoRoomsFoundBlock';\n\nexport { default as StepConfirmationCountrySelector } from '@/components/steps/confirmation/StepConfirmationCountrySelector';\n\nexport * from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nexport * from '@/components/summary/BESummaryPerkBlock';\n\nexport * from '@/components/summary/BESummary';\n\nexport * from '@/components/steps/room/StepRoomBestRateAlert';\nexport { default as StepNoRoomBestRateAlert } from '@/components/steps/room/StepRoomBestRateAlert';\n\n// Loaders\nexport { default as SmallSpinner } from '@/components/generic/loader/SmallSpinner';\n\n// Providers\nexport * from '@/providers/LanguageProvider';\nexport * from '@/providers/CurrencyProvider';\nexport { default as CurrencyProvider } from '@/providers/CurrencyProvider';\nexport { default as FeatureProvider } from '@/providers/FeatureProvider';\nexport { default as RatePillProvider } from '@/providers/RatePillProvider';\nexport * from '@/providers/PromotionProvider';\n\n// Features\n\nexport { default as ConfirmationVerifyFeature } from '@/providers/feature/ConfirmationVerifyFeature';\nexport { default as DatePickerTypeFeature } from '@/providers/feature/DatePickerTypeFeature';\nexport { default as FeaturedPromoFeature } from '@/providers/feature/FeaturedPromoFeature';\nexport { default as InlineAddonStepFeature } from '@/providers/feature/InlineAddonStepFeature';\nexport { default as RoomUpsellFeature } from '@/providers/feature/RoomUpsellFeature';\nexport { default as ShowIATANumberOnCheckoutFeature } from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nexport { default as E164PhoneNumberFieldFeature } from '@/providers/feature/E164PhoneNumberFieldFeature';\nexport { default as FullPageEngineSmallSpacingFeature } from '@/providers/feature/FullPageEngineSmallSpacingFeature';\n\n// Contexts\nexport * from '@frontend/contexts';\n\nexport { default as SessionProvider } from '@/providers/SessionProvider';\nexport * from '@/providers/RoomstayThemeEngine';\nexport { default as RoomstayThemeEngine } from '@/providers/RoomstayThemeEngine';\nexport { registerReplacement, withDI } from '@/providers/DIProvider';\n\nexport { default as DataLayer } from '@/util/DataLayer';\nexport * from '@/util/DataLayer';\n\n// Models\nexport * from '@/models/Client/Hotel/Hotel';\nexport * from '@/models/Client/Hotel/HotelPerk';\n\nexport * from '@/models/Client/Hotel/DistanceUnitType.types';\nexport * from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport * from '@/models/Client/Hotel/Company';\n\nexport { default as API } from '@/api/BookingAPI';\n\n// Steps\nexport { default as StepManager } from '@/util/StepManager';\n\nexport { default as StepAddon } from '@/pages/steps/StepAddon/StepAddon';\nexport { default as StepDate } from '@/pages/steps/StepDate/StepDate';\nexport { default as StepConfirmation } from '@/pages/steps/StepConfirmation/StepConfirmation';\nexport { default as StepHotel } from '@/pages/steps/StepHotel/StepHotel';\nexport { default as StepRoom } from '@/pages/steps/StepRoom/StepRoom';\nexport { default as StepThanks } from '@/pages/steps/StepThanks/StepThanks';\n\nexport * from '@/translations/Translation';\n\n// Util\n\nexport * from '@/util/Color';\n\n// Hooks\n\nexport * from '@/hooks/CurrentHotelHook';\nexport * from '@/hooks/EventHook';\n\nexport * from '@/events/index';\n\n/** @deprecated use `roomstay.events` instead */\nexport { default as RoomstayEventManager } from '@/events/RoomstayEventManager';\n\nexport const events = {\n    on: RoomstayEventManager.addEvent,\n    raise: RoomstayEventManager.raise,\n};\n\ndeclare const RS_VERSION: string;\nexport const Version = RS_VERSION;\n\nStepManager.currentSteps = {\n    0: StepDate,\n    10: StepRoom,\n    20: StepConfirmation,\n    30: StepThanks,\n};\n"]}

package/dist/src/models/Addon/Addon.d.ts

@@ -44,6 +44,7 @@ export declare enum AddonPricingType {
     PER_ADULT_OCCUPANCY_PER_NIGHT = "Per Adult Occupancy Per Night",
     PER_CHILD_OCCUPANCY_PER_NIGHT = "Per Child Occupancy Per Night"
 }
+export declare const ADDON_PER_NIGHT_TYPES: AddonPricingType[];
 export declare class Addon {
     code: string;
     /**

package/dist/src/models/Addon/Addon.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Addon = exports.AddonPricingType = void 0;
+exports.Addon = exports.ADDON_PER_NIGHT_TYPES = exports.AddonPricingType = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
 var AddonPricingType;
 (function (AddonPricingType) {
@@ -18,6 +18,15 @@ var AddonPricingType;
     AddonPricingType["PER_ADULT_OCCUPANCY_PER_NIGHT"] = "Per Adult Occupancy Per Night";
     AddonPricingType["PER_CHILD_OCCUPANCY_PER_NIGHT"] = "Per Child Occupancy Per Night";
 })(AddonPricingType = exports.AddonPricingType || (exports.AddonPricingType = {}));
+exports.ADDON_PER_NIGHT_TYPES = [
+    AddonPricingType.PER_NIGHT,
+    AddonPricingType.PER_PERSON_PER_NIGHT,
+    AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT,
+    AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT,
+    AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT,
+    AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT,
+    AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT,
+];
 class Addon {
     constructor(props) {
         /**

package/dist/src/models/Addon/Addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sourceRoot":"/","sources":["src/models/Addon/Addon.ts"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport { Dayjs } from 'dayjs';\n\ninterface IAddon {\n    code: string;\n\n    /**\n     * The SynXis CR RatePlan Code associated with the Package if the Package is restricted to certain RatePlans\n     */\n    ratePlanCode: string;\n\n    name: string;\n\n    description: string;\n\n    /**\n     * Whether the price for this package is included in the room rate.\n     * (Always `false` unless the price is zero)\n     */\n    inclusive: boolean;\n\n    image?: string;\n\n    url?: string;\n\n    /**\n     * Defines how a service is priced.\n     * Values:\n     * Per Stay\n     * Per Night\n     * Per Person\n     * Per Person Per Night\n     */\n    pricingType: AddonPricingType;\n\n    hideDatePicker?: boolean;\n\n    category: string;\n\n    cancelPenalty?: string;\n\n    guaranteeDescription?: string;\n\n    availability: { [date: string]: PriceInfo };\n\n    checkInDate: dayjs.Dayjs;\n    checkOutDate: dayjs.Dayjs;\n}\n\nexport enum AddonPricingType {\n    PER_STAY = 'Per stay',\n    PER_NIGHT = 'Per night',\n    PER_PERSON = 'Per person',\n    PER_PERSON_PER_NIGHT = 'Per person per night',\n\n    // Synxis Basic addon types\n    PER_QUANTITY_NAME_PER_NIGHT = 'Per Quantity Name Per Night',\n    PER_ROOM_QUANTITY_PER_NIGHT = 'Per Room Quantity Per Night',\n    PER_PERSON_OCCUPANCY_PER_NIGHT = 'Per Person Occupancy Per Night',\n    PER_ADULT_OCCUPANCY_PER_NIGHT = 'Per Adult Occupancy Per Night',\n    PER_CHILD_OCCUPANCY_PER_NIGHT = 'Per Child Occupancy Per Night',\n}\n\nexport class Addon {\n    public code!: string;\n\n    /**\n     * The SynXis CR RatePlan Code associated with the Package if the Package is restricted to certain RatePlans\n     */\n    public ratePlanCode!: string;\n\n    public name!: string;\n\n    public description!: string;\n\n    /**\n     * Whether the price for this package is included in the room rate.\n     * (Always `false` unless the price is zero)\n     */\n    public inclusive = false;\n\n    public image?: string;\n\n    public url?: string;\n\n    /**\n     * Defines how a service is priced.\n     * Values:\n     * Per Stay\n     * Per Night\n     * Per Person\n     * Per Person Per Night\n     */\n    public pricingType!: AddonPricingType;\n\n    public hideDatePicker!: false;\n\n    public category!: string;\n\n    public cancelPenalty?: string;\n\n    public guaranteeDescription?: string;\n\n    public availability: { [date: string]: PriceInfo } = {};\n\n    public selected?: boolean;\n\n    public selectorDates: { text: string; value: string }[] = [];\n\n    public firstDate?: string;\n\n    public checkInDate!: dayjs.Dayjs;\n    public checkOutDate!: dayjs.Dayjs;\n\n    public nights!: number;\n\n    public constructor(props?: IAddon) {\n        if (props) {\n            this.applyData(props);\n        }\n    }\n\n    public applyData(data: IAddon) {\n        Object.keys(data).map((key: any) => {\n            (this as any)[key] = (data as any)[key];\n        }, this);\n\n        let first = true;\n        for (const date in this.availability) {\n            if (!Object.prototype.hasOwnProperty.call(this.availability, date)) {\n                continue;\n            }\n\n            const day = dayjs(date, 'YYYY-MM-DD');\n            this.selectorDates.push({ text: day.format('D MMM'), value: date });\n            if (first) {\n                this.firstDate = date;\n                first = false;\n            }\n\n            const priceInfo = this.availability[date];\n            priceInfo.selectorTimes = [];\n            priceInfo.timeSlots?.forEach((slot) => {\n                const timeRegExp = /T(\\d{2}):(\\d{2}):(\\d{2})$/;\n                const startTime = slot.startTime?.match(timeRegExp);\n                const endTime = slot.endTime?.match(timeRegExp);\n\n                if (startTime && endTime) {\n                    const start = dayjs().hour(parseInt(startTime[1], 10)).minute(parseInt(startTime[2], 10)).second(parseInt(startTime[3], 10));\n                    const end = dayjs().hour(parseInt(endTime[1], 10)).minute(parseInt(endTime[2], 10)).second(parseInt(endTime[3], 10));\n\n                    const [hours, minutes, seconds] = (slot.increment as string).split(':').map((it) => parseInt(it, 10));\n\n                    const increment = (time: Dayjs) => time.add(hours, 'hour').add(minutes, 'minute').add(seconds, 'second');\n\n                    for (let time = start; time.isBefore(end, 'second'); time = increment(time)) {\n                        (priceInfo.selectorTimes as { text: string; value: string }[]).push({ text: time.format('h:mma'), value: time.format('THH:mm:ss') });\n                    }\n                }\n            });\n        }\n\n        if (data.checkInDate && data.checkOutDate) {\n            this.nights = data.checkOutDate.diff(data.checkInDate, 'day');\n        }\n    }\n\n    public static fromData(data: any) {\n        const addon = new this();\n\n        addon.applyData(data);\n\n        return addon;\n    }\n}\n\nexport type PriceInfo = {\n    /**\n     * Number of available items for sale.\n     */\n    quantity: number;\n\n    /**\n     * Price per quantity\n     */\n    price?: number;\n\n    adultPrice?: number;\n    childPrice?: number;\n\n    timeSlots?: TimeSlot[];\n\n    selectorTimes?: { text: string; value: string }[];\n};\n\nexport type TimeSlot = {\n    /**\n     * The start date and time when the package is available.\n     * If the package applies during the whole stay, this node is not returned unless the time needs to be selected.  In that case, the Start and End dates do not\n     * include the date: @Start=\"T07:30:00\" and @End=\"T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  DateTime\n     */\n    startTime?: string;\n\n    /**\n     * The end date / time when the package is available.\n     * If the package component applies during the whole stay, this node is not returned unless the time needs to be selected.  In that case, the Start and End dates\n     * do not include the date: @Start=\"T07:30:00\" and @End=\"T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  DateTime\n     */\n    endTime?: string;\n\n    /**\n     * Used with @Start and @End.  Indicates the interval when the package or service is available.\n     * For example, a package with golf lessons from 7:30 am to 5:30 pm with instructions and available hourly has the TimeSpan attributes set as: @Start=\"2015-\n     * 010-28T07:30:00\" and @End=\"2015-10-28T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  Time\n     */\n    increment?: string;\n};\n"]}
+{"version":3,"file":"Addon.js","sourceRoot":"/","sources":["src/models/Addon/Addon.ts"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport { Dayjs } from 'dayjs';\n\ninterface IAddon {\n    code: string;\n\n    /**\n     * The SynXis CR RatePlan Code associated with the Package if the Package is restricted to certain RatePlans\n     */\n    ratePlanCode: string;\n\n    name: string;\n\n    description: string;\n\n    /**\n     * Whether the price for this package is included in the room rate.\n     * (Always `false` unless the price is zero)\n     */\n    inclusive: boolean;\n\n    image?: string;\n\n    url?: string;\n\n    /**\n     * Defines how a service is priced.\n     * Values:\n     * Per Stay\n     * Per Night\n     * Per Person\n     * Per Person Per Night\n     */\n    pricingType: AddonPricingType;\n\n    hideDatePicker?: boolean;\n\n    category: string;\n\n    cancelPenalty?: string;\n\n    guaranteeDescription?: string;\n\n    availability: { [date: string]: PriceInfo };\n\n    checkInDate: dayjs.Dayjs;\n    checkOutDate: dayjs.Dayjs;\n}\n\nexport enum AddonPricingType {\n    PER_STAY = 'Per stay',\n    PER_NIGHT = 'Per night',\n    PER_PERSON = 'Per person',\n    PER_PERSON_PER_NIGHT = 'Per person per night',\n\n    // Synxis Basic addon types\n    PER_QUANTITY_NAME_PER_NIGHT = 'Per Quantity Name Per Night',\n    PER_ROOM_QUANTITY_PER_NIGHT = 'Per Room Quantity Per Night',\n    PER_PERSON_OCCUPANCY_PER_NIGHT = 'Per Person Occupancy Per Night',\n    PER_ADULT_OCCUPANCY_PER_NIGHT = 'Per Adult Occupancy Per Night',\n    PER_CHILD_OCCUPANCY_PER_NIGHT = 'Per Child Occupancy Per Night',\n}\n\nexport const ADDON_PER_NIGHT_TYPES = [\n    AddonPricingType.PER_NIGHT,\n    AddonPricingType.PER_PERSON_PER_NIGHT,\n\n    AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT,\n    AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT,\n    AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT,\n    AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT,\n    AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT,\n];\n\nexport class Addon {\n    public code!: string;\n\n    /**\n     * The SynXis CR RatePlan Code associated with the Package if the Package is restricted to certain RatePlans\n     */\n    public ratePlanCode!: string;\n\n    public name!: string;\n\n    public description!: string;\n\n    /**\n     * Whether the price for this package is included in the room rate.\n     * (Always `false` unless the price is zero)\n     */\n    public inclusive = false;\n\n    public image?: string;\n\n    public url?: string;\n\n    /**\n     * Defines how a service is priced.\n     * Values:\n     * Per Stay\n     * Per Night\n     * Per Person\n     * Per Person Per Night\n     */\n    public pricingType!: AddonPricingType;\n\n    public hideDatePicker!: false;\n\n    public category!: string;\n\n    public cancelPenalty?: string;\n\n    public guaranteeDescription?: string;\n\n    public availability: { [date: string]: PriceInfo } = {};\n\n    public selected?: boolean;\n\n    public selectorDates: { text: string; value: string }[] = [];\n\n    public firstDate?: string;\n\n    public checkInDate!: dayjs.Dayjs;\n    public checkOutDate!: dayjs.Dayjs;\n\n    public nights!: number;\n\n    public constructor(props?: IAddon) {\n        if (props) {\n            this.applyData(props);\n        }\n    }\n\n    public applyData(data: IAddon) {\n        Object.keys(data).map((key: any) => {\n            (this as any)[key] = (data as any)[key];\n        }, this);\n\n        let first = true;\n        for (const date in this.availability) {\n            if (!Object.prototype.hasOwnProperty.call(this.availability, date)) {\n                continue;\n            }\n\n            const day = dayjs(date, 'YYYY-MM-DD');\n            this.selectorDates.push({ text: day.format('D MMM'), value: date });\n            if (first) {\n                this.firstDate = date;\n                first = false;\n            }\n\n            const priceInfo = this.availability[date];\n            priceInfo.selectorTimes = [];\n            priceInfo.timeSlots?.forEach((slot) => {\n                const timeRegExp = /T(\\d{2}):(\\d{2}):(\\d{2})$/;\n                const startTime = slot.startTime?.match(timeRegExp);\n                const endTime = slot.endTime?.match(timeRegExp);\n\n                if (startTime && endTime) {\n                    const start = dayjs().hour(parseInt(startTime[1], 10)).minute(parseInt(startTime[2], 10)).second(parseInt(startTime[3], 10));\n                    const end = dayjs().hour(parseInt(endTime[1], 10)).minute(parseInt(endTime[2], 10)).second(parseInt(endTime[3], 10));\n\n                    const [hours, minutes, seconds] = (slot.increment as string).split(':').map((it) => parseInt(it, 10));\n\n                    const increment = (time: Dayjs) => time.add(hours, 'hour').add(minutes, 'minute').add(seconds, 'second');\n\n                    for (let time = start; time.isBefore(end, 'second'); time = increment(time)) {\n                        (priceInfo.selectorTimes as { text: string; value: string }[]).push({ text: time.format('h:mma'), value: time.format('THH:mm:ss') });\n                    }\n                }\n            });\n        }\n\n        if (data.checkInDate && data.checkOutDate) {\n            this.nights = data.checkOutDate.diff(data.checkInDate, 'day');\n        }\n    }\n\n    public static fromData(data: any) {\n        const addon = new this();\n\n        addon.applyData(data);\n\n        return addon;\n    }\n}\n\nexport type PriceInfo = {\n    /**\n     * Number of available items for sale.\n     */\n    quantity: number;\n\n    /**\n     * Price per quantity\n     */\n    price?: number;\n\n    adultPrice?: number;\n    childPrice?: number;\n\n    timeSlots?: TimeSlot[];\n\n    selectorTimes?: { text: string; value: string }[];\n};\n\nexport type TimeSlot = {\n    /**\n     * The start date and time when the package is available.\n     * If the package applies during the whole stay, this node is not returned unless the time needs to be selected.  In that case, the Start and End dates do not\n     * include the date: @Start=\"T07:30:00\" and @End=\"T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  DateTime\n     */\n    startTime?: string;\n\n    /**\n     * The end date / time when the package is available.\n     * If the package component applies during the whole stay, this node is not returned unless the time needs to be selected.  In that case, the Start and End dates\n     * do not include the date: @Start=\"T07:30:00\" and @End=\"T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  DateTime\n     */\n    endTime?: string;\n\n    /**\n     * Used with @Start and @End.  Indicates the interval when the package or service is available.\n     * For example, a package with golf lessons from 7:30 am to 5:30 pm with instructions and available hourly has the TimeSpan attributes set as: @Start=\"2015-\n     * 010-28T07:30:00\" and @End=\"2015-10-28T17:30:00\" and @Increment=\"00:60:00\"\n     * Type:  Time\n     */\n    increment?: string;\n};\n"]}

package/dist/src/models/BasketAddonRow.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const Addon_1 = require("./Addon/Addon");
+const TotalCalculator_1 = require("../util/TotalCalculator");
 class BasketAddonRow {
     constructor(addon) {
         if (addon) {
@@ -31,20 +32,27 @@ class BasketAddonRow {
         return this.numberOfAvailableNights;
     }
     getTotalPrice() {
+        var _a;
         const addon = this.getAddon();
         const date = this.getSelectedDate();
         const priceInfo = addon.availability[date];
-        let addonTotal = 0;
-        if (priceInfo.price) {
-            addonTotal += priceInfo.price * this.getQuantity();
-        }
-        if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {
-            addonTotal += priceInfo.adultPrice * this.getAdultQuantity();
-        }
-        if (priceInfo.childPrice && this.getChildQuantity() > 0) {
-            addonTotal += priceInfo.childPrice * this.getChildQuantity();
-        }
-        return addonTotal * this.getNightModifier();
+        return (0, TotalCalculator_1.calculateReservationAddonTotal)({
+            availability: this.getAddon().availability,
+            code: addon.code,
+            inclusive: false,
+            quantity: this.getQuantity(),
+            adultQuantity: this.getAdultQuantity(),
+            childQuantity: this.getChildQuantity(),
+            description: addon.description,
+            name: addon.name,
+            category: addon.category,
+            image: addon.image,
+            price: (_a = priceInfo.price) !== null && _a !== void 0 ? _a : 0,
+            adultPrice: priceInfo.adultPrice,
+            childPrice: priceInfo.childPrice,
+            pricingType: addon.pricingType,
+            nights: addon.nights,
+        }).total;
     }
     getItemPrice() {
         const addon = this.getAddon();
@@ -70,10 +78,10 @@ class BasketAddonRow {
         if (priceInfo.price) {
             quantity += this.getQuantity();
         }
-        if (priceInfo.adultPrice) {
+        if (priceInfo.adultPrice || addon.pricingType === Addon_1.AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT) {
             quantity += this.getAdultQuantity();
         }
-        if (priceInfo.childPrice) {
+        if (priceInfo.childPrice || addon.pricingType === Addon_1.AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT) {
             quantity += this.getChildQuantity();
         }
         return quantity;
@@ -85,12 +93,11 @@ class BasketAddonRow {
      */
     getNightModifier() {
         const modifier = 1;
-        switch (this.addon.pricingType) {
-            case Addon_1.AddonPricingType.PER_PERSON_PER_NIGHT:
-            case Addon_1.AddonPricingType.PER_NIGHT:
-                return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');
-            default:
-                return modifier;
+        if (Addon_1.ADDON_PER_NIGHT_TYPES.includes(this.addon.pricingType)) {
+            return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');
+        }
+        else {
+            return modifier;
         }
     }
     setAdultQuantity(value) {

package/dist/src/models/BasketAddonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasketAddonRow.js","sourceRoot":"/","sources":["src/models/BasketAddonRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { Addon, AddonPricingType, PriceInfo } from '@/models/Addon/Addon';\n\nexport default class BasketAddonRow {\n    private readonly uniqId: string;\n\n    private addon!: Addon;\n\n    private quantity: number;\n    private adultQuantity: number;\n    private childQuantity: number;\n\n    private selectedDate!: string;\n    private selectedTime!: string;\n\n    private numberOfAvailableNights: number;\n\n    public constructor(addon?: Addon) {\n        if (addon) {\n            this.setAddon(addon);\n        }\n\n        this.quantity = 1;\n        this.adultQuantity = 1;\n        this.childQuantity = 0;\n\n        this.uniqId = btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n\n        this.numberOfAvailableNights = Object.values(addon?.availability as { [date: string]: PriceInfo }).length;\n    }\n\n    public getAddon() {\n        return this.addon;\n    }\n\n    public getSelectedDate() {\n        return this.selectedDate;\n    }\n\n    public getSelectedTime() {\n        return this.selectedTime;\n    }\n\n    public getQuantity() {\n        return this.quantity;\n    }\n\n    public getAdultQuantity(): number {\n        return this.adultQuantity;\n    }\n\n    public getNumberOfAvailableNights() {\n        return this.numberOfAvailableNights;\n    }\n\n    public getTotalPrice(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        let addonTotal = 0;\n        if (priceInfo.price) {\n            addonTotal += priceInfo.price * this.getQuantity();\n        }\n\n        if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {\n            addonTotal += priceInfo.adultPrice * this.getAdultQuantity();\n        }\n\n        if (priceInfo.childPrice && this.getChildQuantity() > 0) {\n            addonTotal += priceInfo.childPrice * this.getChildQuantity();\n        }\n\n        return addonTotal * this.getNightModifier();\n    }\n\n    public getItemPrice(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        let price = 0;\n        if (priceInfo.price) {\n            price += priceInfo.price;\n        }\n\n        if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {\n            price += priceInfo.adultPrice;\n        }\n\n        if (priceInfo.childPrice && this.getChildQuantity() > 0) {\n            price += priceInfo.childPrice;\n        }\n\n        return price;\n    }\n\n    public getTotalQuantity(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        let quantity = 0;\n        if (priceInfo.price) {\n            quantity += this.getQuantity();\n        }\n\n        if (priceInfo.adultPrice) {\n            quantity += this.getAdultQuantity();\n        }\n\n        if (priceInfo.childPrice) {\n            quantity += this.getChildQuantity();\n        }\n\n        return quantity;\n    }\n\n    /**\n     * This function returns a value that should multiply the total price of the addon for one (assumed) night\n     * Depending on the pricing type\n     * @returns number\n     */\n    public getNightModifier(): number {\n        const modifier = 1;\n\n        switch (this.addon.pricingType) {\n            case AddonPricingType.PER_PERSON_PER_NIGHT:\n            case AddonPricingType.PER_NIGHT:\n                return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');\n            default:\n                return modifier;\n        }\n    }\n\n    public setAdultQuantity(value: number) {\n        this.adultQuantity = value;\n    }\n\n    public getChildQuantity(): number {\n        return this.childQuantity;\n    }\n\n    public setChildQuantity(value: number) {\n        this.childQuantity = value;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public isValid() {\n        return this.selectedDate && this.addon && this.quantity > 0;\n    }\n\n    public setSelectedDate(date: string) {\n        this.selectedDate = date;\n    }\n\n    public setSelectedTime(time?: string) {\n        this.selectedTime = time as string;\n    }\n\n    public setQuantity(quantity: number) {\n        this.quantity = quantity;\n    }\n\n    public setAddon(addon: Addon) {\n        this.addon = addon;\n    }\n}\n"]}
+{"version":3,"file":"BasketAddonRow.js","sourceRoot":"/","sources":["src/models/BasketAddonRow.ts"],"names":[],"mappings":"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","sourcesContent":["import { ADDON_PER_NIGHT_TYPES, Addon, AddonPricingType, PriceInfo } from '@/models/Addon/Addon';\nimport { calculateReservationAddonTotal } from '@/util/TotalCalculator';\n\nexport default class BasketAddonRow {\n    private readonly uniqId: string;\n\n    private addon!: Addon;\n\n    private quantity: number;\n    private adultQuantity: number;\n    private childQuantity: number;\n\n    private selectedDate!: string;\n    private selectedTime!: string;\n\n    private numberOfAvailableNights: number;\n\n    public constructor(addon?: Addon) {\n        if (addon) {\n            this.setAddon(addon);\n        }\n\n        this.quantity = 1;\n        this.adultQuantity = 1;\n        this.childQuantity = 0;\n\n        this.uniqId = btoa(((Date.now() % 1000) / 1000) * Math.random() + '');\n\n        this.numberOfAvailableNights = Object.values(addon?.availability as { [date: string]: PriceInfo }).length;\n    }\n\n    public getAddon() {\n        return this.addon;\n    }\n\n    public getSelectedDate() {\n        return this.selectedDate;\n    }\n\n    public getSelectedTime() {\n        return this.selectedTime;\n    }\n\n    public getQuantity() {\n        return this.quantity;\n    }\n\n    public getAdultQuantity(): number {\n        return this.adultQuantity;\n    }\n\n    public getNumberOfAvailableNights() {\n        return this.numberOfAvailableNights;\n    }\n\n    public getTotalPrice(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        return calculateReservationAddonTotal({\n            availability: this.getAddon().availability,\n            code: addon.code,\n            inclusive: false,\n            quantity: this.getQuantity(),\n            adultQuantity: this.getAdultQuantity(),\n            childQuantity: this.getChildQuantity(),\n            description: addon.description,\n            name: addon.name,\n            category: addon.category,\n            image: addon.image as any,\n            price: priceInfo.price ?? 0,\n            adultPrice: priceInfo.adultPrice,\n            childPrice: priceInfo.childPrice,\n            pricingType: addon.pricingType,\n            nights: addon.nights,\n        }).total;\n    }\n\n    public getItemPrice(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        let price = 0;\n        if (priceInfo.price) {\n            price += priceInfo.price;\n        }\n\n        if (priceInfo.adultPrice && this.getAdultQuantity() > 0) {\n            price += priceInfo.adultPrice;\n        }\n\n        if (priceInfo.childPrice && this.getChildQuantity() > 0) {\n            price += priceInfo.childPrice;\n        }\n\n        return price;\n    }\n\n    public getTotalQuantity(): number {\n        const addon = this.getAddon();\n        const date = this.getSelectedDate();\n        const priceInfo = addon.availability[date];\n\n        let quantity = 0;\n        if (priceInfo.price) {\n            quantity += this.getQuantity();\n        }\n\n        if (priceInfo.adultPrice || addon.pricingType === AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT) {\n            quantity += this.getAdultQuantity();\n        }\n\n        if (priceInfo.childPrice || addon.pricingType === AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT) {\n            quantity += this.getChildQuantity();\n        }\n\n        return quantity;\n    }\n\n    /**\n     * This function returns a value that should multiply the total price of the addon for one (assumed) night\n     * Depending on the pricing type\n     * @returns number\n     */\n    public getNightModifier(): number {\n        const modifier = 1;\n\n        if (ADDON_PER_NIGHT_TYPES.includes(this.addon.pricingType)) {\n            return this.addon.checkOutDate.diff(this.addon.checkInDate, 'day');\n        } else {\n            return modifier;\n        }\n    }\n\n    public setAdultQuantity(value: number) {\n        this.adultQuantity = value;\n    }\n\n    public getChildQuantity(): number {\n        return this.childQuantity;\n    }\n\n    public setChildQuantity(value: number) {\n        this.childQuantity = value;\n    }\n\n    public getID() {\n        return this.uniqId;\n    }\n\n    public isValid() {\n        return this.selectedDate && this.addon && this.quantity > 0;\n    }\n\n    public setSelectedDate(date: string) {\n        this.selectedDate = date;\n    }\n\n    public setSelectedTime(time?: string) {\n        this.selectedTime = time as string;\n    }\n\n    public setQuantity(quantity: number) {\n        this.quantity = quantity;\n    }\n\n    public setAddon(addon: Addon) {\n        this.addon = addon;\n    }\n}\n"]}

package/dist/src/pages/findReservation/ReservationRow.js

@@ -46,7 +46,7 @@ const contexts_1 = require("../../contexts/index.js");
 const hooks_1 = require("../../hooks/index.js");
 const core_1 = require("@roomstay/core");
 function ReservationRow(props) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const obj = props.reservation;
@@ -147,12 +147,10 @@ function ReservationRow(props) {
                                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.CreditCard, color: Color_1.Color.Grey }),
                                 react_1.default.createElement("div", { className: "u-marg-left--light" },
                                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, (obj === null || obj === void 0 ? void 0 : obj.paymentMethod) === core_1.EBookingPaymentMethod.Planpay ? (t(Translation_1.Translation.Step.Confirmation.PaidWithPlanpay)) : (react_1.default.createElement(react_1.default.Fragment, null,
-                                        "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ",
-                                        obj.paymentCard.last4,
-                                        " ",
+                                        "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ", (_d = (_c = obj.paymentCard) === null || _c === void 0 ? void 0 : _c.last4) !== null && _d !== void 0 ? _d : 'N/A',
+                                        ' ',
                                         react_1.default.createElement("span", { style: { color: Color_1.Color.DarkGrey } },
-                                            "(",
-                                            obj.paymentCard.type,
+                                            "(", (_f = (_e = obj.paymentCard) === null || _e === void 0 ? void 0 : _e.type) !== null && _f !== void 0 ? _f : 'N/A',
                                             ")")))))))))),
             react_1.default.createElement("div", { className: "reservation-row--actions" },
                 react_1.default.createElement("div", { className: "u-flex justify-content-start align-items-center" },

package/dist/src/pages/findReservation/ReservationRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReservationRow.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport dayjs from 'dayjs';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport ReservationRowModal from '@/pages/findReservation/ReservationRowModal';\nimport API from '@/api/BookingAPI';\nimport DataLayer from '@/util/DataLayer';\nimport ConfirmationModal from '@/components/generic/modal/ConfirmationModal';\n\nimport { ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EBookingPaymentMethod } from '@roomstay/core';\n\ninterface ReservationRowProps {\n    reservation: ReservationDTO;\n    onCancelled?: () => void;\n}\n\nexport default function ReservationRow(props: ReservationRowProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const obj = props.reservation;\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [isCancelled, setIsCancelled] = useState(obj.status === 'Cancelled');\n    const [isCancelLoading, setIsCancelLoading] = useState(false);\n\n    const [confirmOpen, setConfirmOpen] = useState(false);\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(obj.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (obj.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(obj.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(obj.nights);\n\n    const openModalOnClick = () => {\n        setIsModalOpen(true);\n    };\n    const closeModalOnClick = () => {\n        setIsModalOpen(false);\n    };\n    const confirmModalOnClick = () => {\n        setConfirmOpen(true);\n    };\n    const onConfirmHandler = () => {\n        cancelRow();\n        setConfirmOpen(false);\n    };\n    const openConfirmationHandler = () => {\n        setConfirmOpen(false);\n    };\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    let images: string[] = obj.images;\n\n    if ((!images || !images.length) && hotel?.rooms[obj.roomCode]) {\n        images = hotel?.rooms[obj.roomCode].images;\n    }\n\n    const cancelRow = () => {\n        setIsCancelLoading(true);\n\n        API.Reservation.cancelReservation(obj.reservationNumber, obj.guest.email, hotel?.hotelID as string)\n            .then(() => {\n                DataLayer.instance.sendCancellation(obj.reservationNumber);\n\n                setIsCancelled(true);\n                setIsCancelLoading(false);\n\n                if (props.onCancelled) {\n                    props.onCancelled();\n                }\n            })\n            .catch((ex) => {\n                ErrorHandler.add({\n                    title: 'Error while cancelling reservation',\n                    message: ex.Message,\n                });\n            });\n    };\n\n    const roomName = obj.roomType ? obj.roomType : hotel?.rooms[obj.roomCode]?.name;\n\n    return (\n        <>\n            <div className=\"reservation-row\">\n                <div className=\"room-details +is-open \">\n                    <div className=\"room-details--image\">\n                        <ImageGallerySlider images={images} />\n                    </div>\n                    <div className=\"room-details--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <div className=\"room-details--content-title u-marg-bottom--light\">\n                                {!isCancelled ? (\n                                    <Text>\n                                        <strong>{roomName}</strong>\n                                        <small style={{ color: Color.Grey }}> #{obj.reservationNumber}</small>\n                                    </Text>\n                                ) : (\n                                    <Text>\n                                        <del>\n                                            <strong>{roomName}</strong>\n                                        </del>\n                                        <small style={{ color: Color.Alert }}> Cancelled</small>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"room-details--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Small}>\n                                    <>\n                                        {hotel?.name} - {hotel?.address?.line1}\n                                    </>\n                                </Text>\n                            </div>\n                        </div>\n\n                        <div className=\"\">\n                            <ul>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon color={Color.Grey} icon={IconType.Person} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj.guest.firstName} {obj.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                        </Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Email} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{obj.guest.email}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                        <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start\">\n                                    <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj?.paymentMethod === EBookingPaymentMethod.Planpay ? (\n                                                t(Translation.Step.Confirmation.PaidWithPlanpay)\n                                            ) : (\n                                                <>\n                                                    •••• •••• •••• {obj.paymentCard.last4} <span style={{ color: Color.DarkGrey }}>({obj.paymentCard.type})</span>\n                                                </>\n                                            )}\n                                        </Text>\n                                    </div>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"reservation-row--actions\">\n                    <div className=\"u-flex justify-content-start align-items-center\">\n                        <div className=\"u-marg-right--heavy u-inline-flex\">\n                            <BEButton icon={IconType.ArrowRight2} isText primary size=\"tiny\" iconPosition=\"right\" onClick={openModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"u-inline-flex\">\n                            <BEButton\n                                isText\n                                size=\"tiny\"\n                                isLoading={isCancelLoading}\n                                disabled={!obj.isCancelable || isCancelled}\n                                textColor={Color.DarkGrey}\n                                onClick={confirmModalOnClick}\n                            >\n                                Cancel\n                            </BEButton>\n                        </div>\n                    </div>\n                    <div className=\"u-flex u-flex-direction-row align-items-center\">\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {t(Translation.Misc.Total)}\n                        </Text>\n                        <div className=\"u-marg-left\">\n                            {!isCancelled ? (\n                                <Text color={Color.Navy}>\n                                    <strong>\n                                        <Currency>{obj.total.afterTax}</Currency>\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text color={Color.Navy}>\n                                    <del>\n                                        <strong className=\"u-flex u-flex-direction-row align-items-center\">\n                                            <Currency>{obj.total.afterTax}</Currency>\n                                        </strong>\n                                    </del>\n                                </Text>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <ReservationRowModal open={isModalOpen} onClose={closeModalOnClick} reservation={props.reservation} images={images} />\n            <ConfirmationModal open={confirmOpen} message=\"Are you sure you want to cancel this reservation?\" onConfirm={onConfirmHandler} onClose={openConfirmationHandler} />\n        </>\n    );\n}\n"]}
+{"version":3,"file":"ReservationRow.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport dayjs from 'dayjs';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport ReservationRowModal from '@/pages/findReservation/ReservationRowModal';\nimport API from '@/api/BookingAPI';\nimport DataLayer from '@/util/DataLayer';\nimport ConfirmationModal from '@/components/generic/modal/ConfirmationModal';\n\nimport { ErrorHandler } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EBookingPaymentMethod } from '@roomstay/core';\n\ninterface ReservationRowProps {\n    reservation: ReservationDTO;\n    onCancelled?: () => void;\n}\n\nexport default function ReservationRow(props: ReservationRowProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const obj = props.reservation;\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [isCancelled, setIsCancelled] = useState(obj.status === 'Cancelled');\n    const [isCancelLoading, setIsCancelLoading] = useState(false);\n\n    const [confirmOpen, setConfirmOpen] = useState(false);\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(obj.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (obj.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(obj.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(obj.nights);\n\n    const openModalOnClick = () => {\n        setIsModalOpen(true);\n    };\n    const closeModalOnClick = () => {\n        setIsModalOpen(false);\n    };\n    const confirmModalOnClick = () => {\n        setConfirmOpen(true);\n    };\n    const onConfirmHandler = () => {\n        cancelRow();\n        setConfirmOpen(false);\n    };\n    const openConfirmationHandler = () => {\n        setConfirmOpen(false);\n    };\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    let images: string[] = obj.images;\n\n    if ((!images || !images.length) && hotel?.rooms[obj.roomCode]) {\n        images = hotel?.rooms[obj.roomCode].images;\n    }\n\n    const cancelRow = () => {\n        setIsCancelLoading(true);\n\n        API.Reservation.cancelReservation(obj.reservationNumber, obj.guest.email, hotel?.hotelID as string)\n            .then(() => {\n                DataLayer.instance.sendCancellation(obj.reservationNumber);\n\n                setIsCancelled(true);\n                setIsCancelLoading(false);\n\n                if (props.onCancelled) {\n                    props.onCancelled();\n                }\n            })\n            .catch((ex) => {\n                ErrorHandler.add({\n                    title: 'Error while cancelling reservation',\n                    message: ex.Message,\n                });\n            });\n    };\n\n    const roomName = obj.roomType ? obj.roomType : hotel?.rooms[obj.roomCode]?.name;\n\n    return (\n        <>\n            <div className=\"reservation-row\">\n                <div className=\"room-details +is-open \">\n                    <div className=\"room-details--image\">\n                        <ImageGallerySlider images={images} />\n                    </div>\n                    <div className=\"room-details--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <div className=\"room-details--content-title u-marg-bottom--light\">\n                                {!isCancelled ? (\n                                    <Text>\n                                        <strong>{roomName}</strong>\n                                        <small style={{ color: Color.Grey }}> #{obj.reservationNumber}</small>\n                                    </Text>\n                                ) : (\n                                    <Text>\n                                        <del>\n                                            <strong>{roomName}</strong>\n                                        </del>\n                                        <small style={{ color: Color.Alert }}> Cancelled</small>\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"room-details--content-description u-marg-bottom--light\">\n                                <Text color={Color.DarkGrey} type={TextType.Small}>\n                                    <>\n                                        {hotel?.name} - {hotel?.address?.line1}\n                                    </>\n                                </Text>\n                            </div>\n                        </div>\n\n                        <div className=\"\">\n                            <ul>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon color={Color.Grey} icon={IconType.Person} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj.guest.firstName} {obj.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                        </Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Email} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{obj.guest.email}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                        <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                                    </div>\n                                </li>\n                                <li className=\"u-flex justify-content-start\">\n                                    <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                                    <div className=\"u-marg-left--light\">\n                                        <Text type={TextType.Small}>\n                                            {obj?.paymentMethod === EBookingPaymentMethod.Planpay ? (\n                                                t(Translation.Step.Confirmation.PaidWithPlanpay)\n                                            ) : (\n                                                <>\n                                                    •••• •••• •••• {obj.paymentCard?.last4 ?? 'N/A'}{' '}\n                                                    <span style={{ color: Color.DarkGrey }}>({obj.paymentCard?.type ?? 'N/A'})</span>\n                                                </>\n                                            )}\n                                        </Text>\n                                    </div>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"reservation-row--actions\">\n                    <div className=\"u-flex justify-content-start align-items-center\">\n                        <div className=\"u-marg-right--heavy u-inline-flex\">\n                            <BEButton icon={IconType.ArrowRight2} isText primary size=\"tiny\" iconPosition=\"right\" onClick={openModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"u-inline-flex\">\n                            <BEButton\n                                isText\n                                size=\"tiny\"\n                                isLoading={isCancelLoading}\n                                disabled={!obj.isCancelable || isCancelled}\n                                textColor={Color.DarkGrey}\n                                onClick={confirmModalOnClick}\n                            >\n                                Cancel\n                            </BEButton>\n                        </div>\n                    </div>\n                    <div className=\"u-flex u-flex-direction-row align-items-center\">\n                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                            {t(Translation.Misc.Total)}\n                        </Text>\n                        <div className=\"u-marg-left\">\n                            {!isCancelled ? (\n                                <Text color={Color.Navy}>\n                                    <strong>\n                                        <Currency>{obj.total.afterTax}</Currency>\n                                    </strong>\n                                </Text>\n                            ) : (\n                                <Text color={Color.Navy}>\n                                    <del>\n                                        <strong className=\"u-flex u-flex-direction-row align-items-center\">\n                                            <Currency>{obj.total.afterTax}</Currency>\n                                        </strong>\n                                    </del>\n                                </Text>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <ReservationRowModal open={isModalOpen} onClose={closeModalOnClick} reservation={props.reservation} images={images} />\n            <ConfirmationModal open={confirmOpen} message=\"Are you sure you want to cancel this reservation?\" onConfirm={onConfirmHandler} onClose={openConfirmationHandler} />\n        </>\n    );\n}\n"]}

package/dist/src/pages/steps/StepAddon/StepAddonComponent.js

@@ -1,10 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const react_i18next_1 = require("react-i18next");
 const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
@@ -19,25 +41,26 @@ const StepRoomHotelDetails_1 = __importDefault(require("../../../components/step
 const contexts_1 = require("../../../contexts/index.js");
 const EventHook_1 = require("../../../hooks/EventHook");
 const events_1 = require("../../../events/index.js");
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 function StepAddonComponent() {
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const { currentStep } = (0, react_2.useContext)(contexts_1.FullPageEngineContext);
-    const { currentBasketRows } = (0, react_2.useContext)(contexts_1.BasketContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { currentBasketRows } = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const { raise } = (0, EventHook_1.useEvent)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepAddonViewEvent(currentBasketRows);
         raise(event);
     }, []);
     return (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement(BEMobileSummary_1.default, null),
-        react_1.default.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            react_1.default.createElement("div", { className: "col-md-8" }, context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null, context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
                     react_1.default.createElement(BackButton_1.default, null)),
                 react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
                     react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Addon)))))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
+            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
         context.screenSize > ScreenSize_1.default.Medium && react_1.default.createElement(LineBreak_1.default, null),
         react_1.default.createElement(AddonList_1.default, null)));

package/dist/src/pages/steps/StepAddon/StepAddonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepAddonComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonComponent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAA8C;AAC9C,uDAAwC;AACxC,iDAA+C;AAC/C,iFAAyD;AACzD,6EAAqD;AACrD,+EAAuD;AACvD,oFAA4D;AAC5D,2FAAmE;AACnE,qEAA6C;AAC7C,0DAAuD;AACvD,mEAA2C;AAC3C,wGAAgF;AAChF,iDAAgG;AAChG,iDAA6C;AAC7C,6CAAsD;AAEtD,SAAwB,kBAAkB;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,2BAAkB,CAAC,iBAAiB,CAAC,CAAC;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,uCAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,uCAAK,SAAS,EAAC,UAAU,IACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,8BAAC,oBAAU,OAAG,CACX;gBACP,uCAAK,SAAS,EAAC,wCAAwC;oBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CAC/D,CACP,CACN,CACC;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,8CAA8C;gBACzD,8BAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import React from 'react';\nimport { useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AddonList from '@/components/steps/addons/AddonList';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport StepManager from '@/util/StepManager';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepAddonViewEvent } from '@frontend/events';\n\nexport default function StepAddonComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepAddonViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Navigation.Steps.Addon)}</Headline>\n                            </div>\n                        </>\n                    )}\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <AddonList />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepAddonComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,uDAAwC;AACxC,iDAA+C;AAC/C,iFAAyD;AACzD,6EAAqD;AACrD,+EAAuD;AACvD,oFAA4D;AAC5D,2FAAmE;AACnE,qEAA6C;AAC7C,0DAAuD;AACvD,mEAA2C;AAC3C,wGAAgF;AAChF,iDAAgG;AAChG,iDAA6C;AAC7C,6CAAsD;AACtD,uEAA4H;AAE5H,SAAwB,kBAAkB;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,2BAAkB,CAAC,iBAAiB,CAAC,CAAC;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB,QACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,8BAAC,oBAAU,OAAG,CACX;gBACP,uCAAK,SAAS,EAAC,wCAAwC;oBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CAC/D,CACP,CACN,CACmB;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACrB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AddonList from '@/components/steps/addons/AddonList';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport StepManager from '@/util/StepManager';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepAddonViewEvent } from '@frontend/events';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\n\nexport default function StepAddonComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepAddonViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Navigation.Steps.Addon)}</Headline>\n                            </div>\n                        </>\n                    )}\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <AddonList />\n        </div>\n    );\n}\n"]}

package/dist/src/pages/steps/StepAddon/StepAddonLoader.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
-const StepAddonComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepAddonComponent'))));
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
+const StepAddonComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepAddonComponent'))));
 const Loader = () => {
     return (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement("div", { className: "line-break" }),
@@ -37,49 +37,50 @@ const Loader = () => {
             react_1.default.createElement("div", { className: "u-w-100 u-flex justify-content-center" },
                 react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "lg", blink: true })),
             react_1.default.createElement("div", { className: "line-break" }),
-            react_1.default.createElement("div", { className: "col-md-7 col-lg-8" },
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement("div", { className: "row" },
-                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
-                react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement("div", { className: "row" },
-                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
-                react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement("div", { className: "row" },
-                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }))))),
-            react_1.default.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
-                react_1.default.createElement("div", { className: "u-pad" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })),
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
-                    react_1.default.createElement("div", { className: "u-marg-top--heavy" },
-                        react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
+            react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+                react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
+                    react_1.default.createElement("br", null),
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement("div", { className: "row" },
+                            react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                            react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                                react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement("div", { className: "row" },
+                            react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                            react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                                react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement("div", { className: "row" },
+                            react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                            react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                                react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }))))),
+                react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
+                    react_1.default.createElement("div", { className: "u-pad" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
+                        react_1.default.createElement("div", { className: "u-marg-top--heavy" },
+                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true }))))))));
 };
 const StepAddonPlaceholder = () => {
-    return (react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(Loader, null) },
+    return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(Loader, null) },
         react_1.default.createElement(StepAddonComponent, null)));
 };
 exports.default = StepAddonPlaceholder;