@roomstay/frontend 2.1.0 → 2.1.1

package/dist/src/pages/hotel/HotelInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport HotelLocationMap from 'components/generic/map/HotelLocationMap';\nimport { useState, useEffect } from 'react';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from 'components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from 'components/generic/BEButton';\nimport { useHistory } from 'react-router-dom';\nimport StepManager from 'util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from 'providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const history = useHistory();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel?.images);\n        } else if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary={true} filled={true} iconPosition={'right'} onClick={onBookNowClick}>\n                                        {t(Translation.HotelInfo.BookNowButton)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold={true}>About</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold={true}>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon\n                                                            icon={IconType.Check}\n                                                            color={Color.White}\n                                                            backgroundColor={Color.Accent}\n                                                            borderRadius={'round'}\n                                                            noPadding={true}\n                                                            size=\"16px\"\n                                                        />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold={true}>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold={true}>Gallery</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && <FsLightbox toggler={lightboxController.toggler} slide={lightboxController.slide} sources={images} type=\"image\" />}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport { useState, useEffect } from 'react';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from '@/components/generic/BEButton';\nimport { useHistory } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const history = useHistory();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel?.images);\n        } else if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary={true} filled={true} iconPosition={'right'} onClick={onBookNowClick}>\n                                        {t(Translation.HotelInfo.BookNowButton)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold={true}>About</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold={true}>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon\n                                                            icon={IconType.Check}\n                                                            color={Color.White}\n                                                            backgroundColor={Color.Accent}\n                                                            borderRadius={'round'}\n                                                            noPadding={true}\n                                                            size=\"16px\"\n                                                        />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold={true}>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold={true}>Gallery</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && <FsLightbox toggler={lightboxController.toggler} slide={lightboxController.slide} sources={images} type=\"image\" />}\n        </>\n    );\n}\n"]}

package/dist/src/pages/hotel/HotelInfoPlaceholder.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
 function HotelInfoPlaceholder() {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "row" },

package/dist/src/pages/hotel/HotelInfoPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelInfoPlaceholder.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfoPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iFAAyD;AAEzD,SAAwB,oBAAoB;IACxC,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAC,KAAK;YAChB,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI,CACpD,CACJ,CACT,CAAC;AACN,CAAC;AARD,uCAQC","sourcesContent":["import * as React from 'react';\nimport Placeholder from 'components/generic/Placeholder';\n\nexport default function HotelInfoPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row\">\n                <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"HotelInfoPlaceholder.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfoPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,mFAA2D;AAE3D,SAAwB,oBAAoB;IACxC,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAC,KAAK;YAChB,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI,CACpD,CACJ,CACT,CAAC;AACN,CAAC;AARD,uCAQC","sourcesContent":["import * as React from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\n\nexport default function HotelInfoPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row\">\n                <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/src/pages/steps/Step.d.ts

@@ -1,8 +1,8 @@
 import { ReactFragment } from 'react';
-import type ColorProfile from 'models/Client/Hotel/ColorProfile';
-import type { Company } from 'models/Client/Hotel/Company';
-import type { Hotel } from 'models/Client/Hotel/Hotel';
-import StepValidator from 'pages/steps/StepValidator';
+import type ColorProfile from '@/models/Client/Hotel/ColorProfile';
+import type { Company } from '@/models/Client/Hotel/Company';
+import type { Hotel } from '@/models/Client/Hotel/Hotel';
+import StepValidator from '@/pages/steps/StepValidator';
 export default abstract class Step {
     protected name: string;
     protected showOnNavigation: boolean;

package/dist/src/pages/steps/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport type ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport type { Company } from 'models/Client/Hotel/Company';\nimport type { Hotel } from 'models/Client/Hotel/Hotel';\nimport StepValidator from 'pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}
+{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}

package/dist/src/pages/steps/StepAddon/StepAddon.d.ts

@@ -1,8 +1,8 @@
-import ColorProfile from 'models/Client/Hotel/ColorProfile';
-import { Company } from 'models/Client/Hotel/Company';
-import { Hotel } from 'models/Client/Hotel/Hotel';
-import Step from 'pages/steps/Step';
-import StepAddonValidator from 'pages/steps/StepAddon/StepAddonValidator';
+import ColorProfile from '@/models/Client/Hotel/ColorProfile';
+import { Company } from '@/models/Client/Hotel/Company';
+import { Hotel } from '@/models/Client/Hotel/Hotel';
+import Step from '@/pages/steps/Step';
+import StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';
 declare class StepAddon extends Step {
     constructor();
     getComponent(): () => JSX.Element;

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = __importDefault(require("pages/steps/Step"));
-const StepAddonLoader_1 = __importDefault(require("pages/steps/StepAddon/StepAddonLoader"));
-const StepAddonValidator_1 = __importDefault(require("pages/steps/StepAddon/StepAddonValidator"));
+const Step_1 = __importDefault(require("@/pages/steps/Step"));
+const StepAddonLoader_1 = __importDefault(require("@/pages/steps/StepAddon/StepAddonLoader"));
+const StepAddonValidator_1 = __importDefault(require("@/pages/steps/StepAddon/StepAddonValidator"));
 class StepAddon extends Step_1.default {
     constructor() {
         super('Addon');

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,4DAAoC;AACpC,4FAAoE;AACpE,kGAA0E;AAE1E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepAddonLoader from 'pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from 'pages/steps/StepAddon/StepAddonValidator';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}
+{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepAddonLoader from '@/pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}

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

@@ -30,17 +30,17 @@ const React = __importStar(require("react"));
 const react_1 = 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"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const AddonList_1 = __importDefault(require("components/steps/addons/AddonList"));
-const BEMobileSummary_1 = __importDefault(require("components/summary/BEMobileSummary"));
-const StepManager_1 = __importDefault(require("util/StepManager"));
+const BackButton_1 = __importDefault(require("@/components/generic/BackButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const AddonList_1 = __importDefault(require("@/components/steps/addons/AddonList"));
+const BEMobileSummary_1 = __importDefault(require("@/components/summary/BEMobileSummary"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const StepRoomHotelDetails_1 = __importDefault(require("components/steps/room/StepRoomHotelDetails"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const StepRoomHotelDetails_1 = __importDefault(require("@/components/steps/room/StepRoomHotelDetails"));
 const contexts_1 = require("@frontend/contexts");
-const EventHook_1 = require("hooks/EventHook");
+const EventHook_1 = require("@/hooks/EventHook");
 const events_1 = require("@frontend/events");
 function StepAddonComponent() {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);

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,6CAA+B;AAC/B,iCAA8C;AAC9C,uDAAwC;AACxC,iDAA+C;AAC/C,+EAAuD;AACvD,2EAAmD;AACnD,6EAAqD;AACrD,kFAA0D;AAC1D,yFAAiE;AACjE,mEAA2C;AAC3C,0DAAuD;AACvD,iEAAyC;AACzC,sGAA8E;AAC9E,iDAAgG;AAChG,+CAA2C;AAC3C,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,6BAAK,SAAS,EAAC,WAAW;QACtB,oBAAC,yBAAe,OAAG;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,UAAU,IACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,oBAAC,oBAAU,OAAG,CACX;gBACP,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CACtE,CACP,CACN,CACC;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,mBAAS,OAAG;QACxD,oBAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import * as 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={true}>{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,6CAA+B;AAC/B,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,6BAAK,SAAS,EAAC,WAAW;QACtB,oBAAC,yBAAe,OAAG;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,UAAU,IACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,oBAAC,oBAAU,OAAG,CACX;gBACP,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CACtE,CACP,CACN,CACC;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,mBAAS,OAAG;QACxD,oBAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import * as 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={true}>{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"]}

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

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
-const StepAddonComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('pages/steps/StepAddon/StepAddonComponent'))));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
+const StepAddonComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@/pages/steps/StepAddon/StepAddonComponent'))));
 const Loader = () => {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "line-break" }),

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddonLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { lazy, Suspense } from 'react';\nimport Placeholder from 'components/generic/Placeholder';\n\nconst StepAddonComponent = lazy(() => import('pages/steps/StepAddon/StepAddonComponent'));\n\nconst Loader = () => {\n    return (\n        <div className=\"container\">\n            <div className=\"line-break\" />\n            <div className=\"row no-gutters\">\n                <div className=\"u-w-100 u-flex justify-content-center\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"lg\" blink={true} />\n                </div>\n                <div className=\"line-break\" />\n                <div className=\"col-md-7 col-lg-8\">\n                    <br />\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <div className=\"u-pad\">\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink={true} />\n                        </div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nconst StepAddonPlaceholder = () => {\n    return (\n        <Suspense fallback={<Loader />}>\n            <StepAddonComponent />\n        </Suspense>\n    );\n};\n\nexport default StepAddonPlaceholder;\n"]}
+{"version":3,"file":"StepAddonLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { lazy, Suspense } from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\n\nconst StepAddonComponent = lazy(() => import('@/pages/steps/StepAddon/StepAddonComponent'));\n\nconst Loader = () => {\n    return (\n        <div className=\"container\">\n            <div className=\"line-break\" />\n            <div className=\"row no-gutters\">\n                <div className=\"u-w-100 u-flex justify-content-center\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"lg\" blink={true} />\n                </div>\n                <div className=\"line-break\" />\n                <div className=\"col-md-7 col-lg-8\">\n                    <br />\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"row\">\n                            <div className=\"col-lg-12 col-xl-5 u-flex\">\n                                <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink={true} />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <div className=\"u-pad\">\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink={true} />\n                        </div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nconst StepAddonPlaceholder = () => {\n    return (\n        <Suspense fallback={<Loader />}>\n            <StepAddonComponent />\n        </Suspense>\n    );\n};\n\nexport default StepAddonPlaceholder;\n"]}

package/dist/src/pages/steps/StepAddon/StepAddonValidator.d.ts

@@ -1,5 +1,5 @@
 import type { BasketContextType } from '@frontend/contexts';
-import StepValidator from 'pages/steps/StepValidator';
+import StepValidator from '@/pages/steps/StepValidator';
 export default class StepAddonValidator extends StepValidator {
     isValid(context: BasketContextType): boolean;
 }

package/dist/src/pages/steps/StepAddon/StepAddonValidator.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 });
-const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
+const StepValidator_1 = __importDefault(require("@/pages/steps/StepValidator"));
 class StepAddonValidator extends StepValidator_1.default {
     isValid(context) {
         return context.getAllValidRows().length >= 1;

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddonValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonValidator.ts"],"names":[],"mappings":";;;;;AACA,8EAAsD;AAEtD,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO,CAAC,OAA0B;QACrC,OAAO,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepAddonValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        return context.getAllValidRows().length >= 1;\n    }\n}\n"]}
+{"version":3,"file":"StepAddonValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonValidator.ts"],"names":[],"mappings":";;;;;AACA,gFAAwD;AAExD,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO,CAAC,OAA0B;QACrC,OAAO,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepAddonValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        return context.getAllValidRows().length >= 1;\n    }\n}\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.d.ts

@@ -1,9 +1,9 @@
-import ColorProfile from 'models/Client/Hotel/ColorProfile';
-import { Company } from 'models/Client/Hotel/Company';
-import { Hotel } from 'models/Client/Hotel/Hotel';
-import Step from 'pages/steps/Step';
-import StepConfirmationLoader from 'pages/steps/StepConfirmation/StepConfirmationLoader';
-import StepConfirmationValidator from 'pages/steps/StepConfirmation/StepConfirmationValidator';
+import ColorProfile from '@/models/Client/Hotel/ColorProfile';
+import { Company } from '@/models/Client/Hotel/Company';
+import { Hotel } from '@/models/Client/Hotel/Hotel';
+import Step from '@/pages/steps/Step';
+import StepConfirmationLoader from '@/pages/steps/StepConfirmation/StepConfirmationLoader';
+import StepConfirmationValidator from '@/pages/steps/StepConfirmation/StepConfirmationValidator';
 declare class StepConfirmation extends Step {
     constructor();
     getComponent(): typeof StepConfirmationLoader;

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = __importDefault(require("pages/steps/Step"));
-const StepConfirmationLoader_1 = __importDefault(require("pages/steps/StepConfirmation/StepConfirmationLoader"));
-const StepConfirmationValidator_1 = __importDefault(require("pages/steps/StepConfirmation/StepConfirmationValidator"));
+const Step_1 = __importDefault(require("@/pages/steps/Step"));
+const StepConfirmationLoader_1 = __importDefault(require("@/pages/steps/StepConfirmation/StepConfirmationLoader"));
+const StepConfirmationValidator_1 = __importDefault(require("@/pages/steps/StepConfirmation/StepConfirmationValidator"));
 class StepConfirmation extends Step_1.default {
     constructor() {
         super('Confirmation');

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,4DAAoC;AACpC,iHAAyF;AACzF,uHAA+F;AAC/F,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepConfirmationLoader from 'pages/steps/StepConfirmation/StepConfirmationLoader';\nimport StepConfirmationValidator from 'pages/steps/StepConfirmation/StepConfirmationValidator';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}
+{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,mHAA2F;AAC3F,yHAAiG;AACjG,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepConfirmationLoader from '@/pages/steps/StepConfirmation/StepConfirmationLoader';\nimport StepConfirmationValidator from '@/pages/steps/StepConfirmation/StepConfirmationValidator';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmationComponent.js

@@ -28,23 +28,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const StepManager_1 = __importDefault(require("util/StepManager"));
-const BESummary_1 = require("components/summary/BESummary");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
+const BESummary_1 = require("@/components/summary/BESummary");
 const react_router_dom_1 = require("react-router-dom");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const BackButton_1 = __importDefault(require("components/generic/BackButton"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const BackButton_1 = __importDefault(require("@/components/generic/BackButton"));
 const Translation_1 = require("translations/Translation");
-const BEMobileSummary_1 = __importDefault(require("components/summary/BEMobileSummary"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const StepRoomHotelDetails_1 = __importDefault(require("components/steps/room/StepRoomHotelDetails"));
+const BEMobileSummary_1 = __importDefault(require("@/components/summary/BEMobileSummary"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const StepRoomHotelDetails_1 = __importDefault(require("@/components/steps/room/StepRoomHotelDetails"));
 const react_i18next_1 = require("react-i18next");
-const AdditionalOffers_1 = __importDefault(require("components/steps/confirmation/additionalOffers/AdditionalOffers"));
-const StepConfirmationLimitedOffer_1 = __importDefault(require("components/steps/confirmation/StepConfirmationLimitedOffer"));
+const AdditionalOffers_1 = __importDefault(require("@/components/steps/confirmation/additionalOffers/AdditionalOffers"));
+const StepConfirmationLimitedOffer_1 = __importDefault(require("@/components/steps/confirmation/StepConfirmationLimitedOffer"));
 const dayjs_1 = __importDefault(require("dayjs"));
-const StepRoomBestRateAlert_1 = __importDefault(require("components/steps/room/StepRoomBestRateAlert"));
-const InlineAddonStepFeature_1 = __importDefault(require("providers/feature/InlineAddonStepFeature"));
-const EventHook_1 = require("hooks/EventHook");
+const StepRoomBestRateAlert_1 = __importDefault(require("@/components/steps/room/StepRoomBestRateAlert"));
+const InlineAddonStepFeature_1 = __importDefault(require("@/providers/feature/InlineAddonStepFeature"));
+const EventHook_1 = require("@/hooks/EventHook");
 const events_1 = require("@frontend/events");
 const contexts_1 = require("@frontend/contexts");
 const StepConfirmationFormProvider_1 = __importDefault(require("../../../components/steps/confirmation/StepConfirmationFormProvider"));

package/dist/src/pages/steps/StepConfirmation/StepConfirmationComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from 'components/generic/Headline';\nimport StepManager from 'util/StepManager';\nimport { BESummary } from 'components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from 'components/generic/LineBreak';\nimport BackButton from 'components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from 'components/summary/BEMobileSummary';\n\nimport ScreenSize from 'util/ScreenSize';\n\nimport StepRoomHotelDetails from 'components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from 'components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from 'components/steps/confirmation/StepConfirmationLimitedOffer';\nimport dayjs from 'dayjs';\nimport StepRoomBestRateAlert from 'components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from 'providers/feature/InlineAddonStepFeature';\nimport { useEvent } from 'hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\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 StepCheckoutViewEvent(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-7 col-xl-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={true}>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages={true} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}
+{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport StepManager from '@/util/StepManager';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BackButton from '@/components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport dayjs from 'dayjs';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\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 StepCheckoutViewEvent(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-7 col-xl-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={true}>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages={true} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmationLoader.js

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
-const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('pages/steps/StepConfirmation/StepConfirmationComponent'))));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
+const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@/pages/steps/StepConfirmation/StepConfirmationComponent'))));
 function StepConfirmationPlaceholder() {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "row no-gutters" },

package/dist/src/pages/steps/StepConfirmation/StepConfirmationLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport Placeholder from 'components/generic/Placeholder';\n\nconst StepConfirmationComponent = lazy(() => import('pages/steps/StepConfirmation/StepConfirmationComponent'));\n\nfunction StepConfirmationPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-8\">\n                    <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                </div>\n                <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                    <div className=\"u-marg-bottom\">\n                        <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                    </div>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink={true} />\n                        </div>\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"line-break\" />\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-7 col-lg-8\">\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"additional-offers u-flex\">\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"u-flex u-flex-flex-start\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1 u-pad\">\n                    <div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                        </div>\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default function StepConfirmationLoader() {\n    return (\n        <Suspense fallback={<StepConfirmationPlaceholder />}>\n            <StepConfirmationComponent />\n        </Suspense>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { lazy, Suspense } from 'react';\n\nimport Placeholder from '@/components/generic/Placeholder';\n\nconst StepConfirmationComponent = lazy(() => import('@/pages/steps/StepConfirmation/StepConfirmationComponent'));\n\nfunction StepConfirmationPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-8\">\n                    <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                </div>\n                <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                    <div className=\"u-marg-bottom\">\n                        <Placeholder type=\"text\" w=\"md\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                    </div>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink={true} />\n                        </div>\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"line-break\" />\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-7 col-lg-8\">\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"additional-offers u-flex\">\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink={true} />\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    </div>\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    <div className=\"u-flex u-flex-flex-start\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n                    </div>\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink={true} />\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1 u-pad\">\n                    <div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink={true} />\n                        </div>\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink={true} />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default function StepConfirmationLoader() {\n    return (\n        <Suspense fallback={<StepConfirmationPlaceholder />}>\n            <StepConfirmationComponent />\n        </Suspense>\n    );\n}\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmationValidator.d.ts

@@ -1,5 +1,5 @@
 import type { BasketContextType } from '@frontend/contexts';
-import StepValidator from 'pages/steps/StepValidator';
+import StepValidator from '@/pages/steps/StepValidator';
 export default class StepConfirmationValidator extends StepValidator {
     isValid(context: BasketContextType): boolean;
 }

package/dist/src/pages/steps/StepConfirmation/StepConfirmationValidator.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 });
-const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
+const StepValidator_1 = __importDefault(require("@/pages/steps/StepValidator"));
 class StepConfirmationValidator extends StepValidator_1.default {
     isValid(context) {
         var _a;

package/dist/src/pages/steps/StepConfirmation/StepConfirmationValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationValidator.ts"],"names":[],"mappings":";;;;;AACA,8EAAsD;AAEtD,MAAqB,yBAA0B,SAAQ,uBAAa;IACzD,OAAO,CAAC,OAA0B;;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,KAAI,MAAA,OAAO,CAAC,eAAe,EAAE,0CAAE,MAAM,CAAA,EAAE;YACtF,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AAPD,4CAOC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepConfirmationValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context && context.startDate && context.endDate && context.getAllValidRows()?.length) {\n            return true;\n        }\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"StepConfirmationValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationValidator.ts"],"names":[],"mappings":";;;;;AACA,gFAAwD;AAExD,MAAqB,yBAA0B,SAAQ,uBAAa;IACzD,OAAO,CAAC,OAA0B;;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,KAAI,MAAA,OAAO,CAAC,eAAe,EAAE,0CAAE,MAAM,CAAA,EAAE;YACtF,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AAPD,4CAOC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepConfirmationValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context && context.startDate && context.endDate && context.getAllValidRows()?.length) {\n            return true;\n        }\n        return false;\n    }\n}\n"]}