@roomstay/frontend 1.3.0

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

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Color_1 = require("../../util/Color");
+const Icon_1 = require("../../components/generic/Icon");
+const Text_1 = require("../../components/generic/Text");
+const Headline_1 = require("../../components/generic/Headline");
+const HotelLocationMap_1 = require("../../components/generic/map/HotelLocationMap");
+const react_1 = require("react");
+const fslightbox_react_1 = require("fslightbox-react");
+const TransportDistanceFromHotelBlock_1 = require("../../components/summary/TransportDistanceFromHotelBlock");
+const hooks_1 = require("@frontend/hooks");
+const BEButton_1 = require("../../components/generic/BEButton");
+const react_router_1 = require("react-router");
+const StepManager_1 = require("../../util/StepManager");
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("../../translations/Translation");
+const ImageProvider_1 = require("../../providers/ImageProvider");
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+function HotelInfo() {
+    var _a, _b, _c, _d, _e, _f;
+    const { hotel } = hooks_1.useCurrentHotel();
+    const history = react_router_1.useHistory();
+    const { t } = react_i18next_1.useTranslation();
+    const imageUrl = hotel === null || hotel === void 0 ? void 0 : hotel.heroImage;
+    const { line1, line2, postalCode, city, country } = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.address) !== null && _a !== void 0 ? _a : {};
+    const [lightboxController, setLightboxController] = react_1.useState({ toggler: false, slide: 1 });
+    const [images, setImages] = react_1.useState([]);
+    const openSlider = (slide) => {
+        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));
+    };
+    const openSliderOnClick = () => {
+        openSlider(4);
+    };
+    react_1.useEffect(() => {
+        var _a, _b;
+        const newImages = [];
+        if ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.images) === null || _a === void 0 ? void 0 : _a.length) {
+            newImages.push(...hotel === null || hotel === void 0 ? void 0 : hotel.images);
+        }
+        else if (hotel === null || hotel === void 0 ? void 0 : hotel.rooms) {
+            for (const room of Object.values(hotel === null || hotel === void 0 ? void 0 : hotel.rooms)) {
+                (_b = room.images) === null || _b === void 0 ? void 0 : _b.forEach((image) => {
+                    newImages.push(image);
+                });
+            }
+        }
+        setImages(newImages);
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.rooms]);
+    // TODO: Add a generic handler for this to avoid setting it in every new page
+    react_1.useEffect(() => {
+        if (hotel) {
+            RoomstayThemeEngine_1.default.changeTheme(hotel.colors);
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.colors]);
+    const onBookNowClick = () => {
+        history.push(StepManager_1.default.getFirstStep().getStepUrl());
+    };
+    const getImage = (index) => {
+        const openSliderOnClickHandler = () => {
+            openSlider(index);
+        };
+        const resizedUrl = ImageProvider_1.default.resizeImage(images[index], ImageProvider_1.ImageSize.Small);
+        return (React.createElement("div", { style: { backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }, className: "c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy", onClick: openSliderOnClickHandler }));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: { backgroundImage: `url('${imageUrl}')` }, className: "c-masthead has-tint" },
+            React.createElement("div", { className: "container" },
+                React.createElement("div", { className: "c-masthead__body u-fill-white u-pad--heavy u-shadow-accent" },
+                    React.createElement("h1", { className: "c-masthead__header" }, hotel === null || hotel === void 0 ? void 0 : hotel.name),
+                    React.createElement("h2", { className: "c-masthead__sub-header" }, (_b = hotel === null || hotel === void 0 ? void 0 : hotel.address) === null || _b === void 0 ? void 0 : _b.country)))),
+        React.createElement("div", { className: "u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-" },
+            React.createElement("div", { className: "container" },
+                React.createElement("div", { className: "row" },
+                    React.createElement("div", { className: "col-md-6 u-flex align-items-center" },
+                        React.createElement("ul", null,
+                            React.createElement("li", { className: "u-flex u-marg-bottom--heavy" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Map, size: "1.3em", color: Color_1.Color.Accent }),
+                                React.createElement("span", { className: "u-flex__item u-marg-left" },
+                                    line1,
+                                    React.createElement("br", null),
+                                    line2,
+                                    " ",
+                                    postalCode,
+                                    ", ",
+                                    country)),
+                            React.createElement("li", { className: "u-flex u-marg-bottom--heavy" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Phone, size: "1.3em", color: Color_1.Color.Accent }),
+                                React.createElement("span", { className: "u-flex__item u-marg-left" }, hotel === null || hotel === void 0 ? void 0 : hotel.phone)),
+                            React.createElement("li", { className: "u-flex u-marg-bottom--heavy" },
+                                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Hotel2, size: "1.3em", color: Color_1.Color.Accent }),
+                                React.createElement("span", { className: "u-flex__item u-marg-left" },
+                                    React.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.hotelUrl, style: { color: 'var(--color-accent-1)' } }, hotel === null || hotel === void 0 ? void 0 : hotel.name))),
+                            React.createElement("li", { className: "u-flex" },
+                                React.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, primary: true, filled: true, iconPosition: 'right', onClick: onBookNowClick }, t(Translation_1.Translation.HotelInfo.BookNowButton))))),
+                    React.createElement("div", { className: "col-md-6" },
+                        React.createElement("div", { className: "c-overlap" },
+                            React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy", style: { height: '240px' } },
+                                React.createElement(HotelLocationMap_1.default, null)),
+                            React.createElement("div", { className: "u-flex u-flex-column justify-content-center" },
+                                React.createElement(TransportDistanceFromHotelBlock_1.default, { hotel: hotel }))))))),
+        React.createElement("div", { className: "u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-" },
+            React.createElement("div", { className: "container" },
+                React.createElement("div", { className: "row" },
+                    React.createElement("div", { className: "col-lg-6" },
+                        React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                            React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                                React.createElement(Headline_1.default, { bold: true }, "About")),
+                            React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                    React.createElement("span", { dangerouslySetInnerHTML: { __html: (_c = hotel === null || hotel === void 0 ? void 0 : hotel.description) === null || _c === void 0 ? void 0 : _c.replace('\r\n', '<br/><br/>') } })),
+                                !!(hotel === null || hotel === void 0 ? void 0 : hotel.locationDescription) && (React.createElement(React.Fragment, null,
+                                    React.createElement("div", { className: "u-marg-top" },
+                                        React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                            React.createElement("strong", null, "Location"))),
+                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                        React.createElement("span", { dangerouslySetInnerHTML: { __html: (_d = hotel === null || hotel === void 0 ? void 0 : hotel.locationDescription) === null || _d === void 0 ? void 0 : _d.replace('\r\n', '<br/><br/>') } }))))),
+                            !!((_e = hotel === null || hotel === void 0 ? void 0 : hotel.perks) === null || _e === void 0 ? void 0 : _e.length) && (React.createElement(React.Fragment, null,
+                                React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                        React.createElement("strong", null, "And you get all these for free:"))),
+                                React.createElement("div", { className: "row" }, hotel === null || hotel === void 0 ? void 0 : hotel.perks.map((perk) => {
+                                    return (React.createElement("div", { className: "col-6 col-md-4", key: perk.name },
+                                        React.createElement("div", { className: "u-flex u-marg-bottom" },
+                                            React.createElement("div", { className: "room-perk-icon" }, perk.iconElement ? perk.iconElement : React.createElement(Icon_1.default, { icon: perk.icon })),
+                                            React.createElement("span", { className: "u-flex__item" },
+                                                React.createElement(Text_1.default, { type: Text_1.TextType.Small }, perk.name)))));
+                                }))))),
+                        !!((_f = hotel === null || hotel === void 0 ? void 0 : hotel.hotelServices) === null || _f === void 0 ? void 0 : _f.length) && (React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                            React.createElement("div", { className: "u-marg-bottom--heavy" },
+                                React.createElement(Headline_1.default, { bold: true }, "Hotel Amenities")),
+                            React.createElement("div", { className: "row" }, hotel === null || hotel === void 0 ? void 0 : hotel.hotelServices.map((hotelService, index) => {
+                                return (React.createElement("div", { key: index, className: "col-md-6" },
+                                    React.createElement("div", { className: "u-flex u-marg-bottom" },
+                                        React.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, backgroundColor: Color_1.Color.Accent, borderRadius: 'round', noPadding: true, size: "16px" }),
+                                        React.createElement("span", { className: "u-flex__item u-marg-left--light" },
+                                            React.createElement(Text_1.default, { type: Text_1.TextType.Small }, hotelService.name)))));
+                            })))),
+                        !!(hotel === null || hotel === void 0 ? void 0 : hotel.policies) && (React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                            React.createElement("div", { className: "u-marg-bottom--heavy" },
+                                React.createElement(Headline_1.default, { bold: true }, "Policies")),
+                            React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                                React.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.policies, target: "_blank", style: { color: hotel === null || hotel === void 0 ? void 0 : hotel.colors.accent } }, hotel === null || hotel === void 0 ? void 0 : hotel.policies))))),
+                    React.createElement("div", { className: "col-lg-6" },
+                        React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                            React.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
+                                React.createElement(Headline_1.default, { bold: true }, "Gallery")),
+                            images.length >= 1 && getImage(0),
+                            React.createElement("div", { className: "row" },
+                                [1, 2, 3].map((index) => {
+                                    if (images.length > index) {
+                                        return (React.createElement("div", { key: index, className: "col-6" }, getImage(index)));
+                                    }
+                                }),
+                                images.length > 5 && (React.createElement("div", { className: "col-6" },
+                                    React.createElement("div", { className: "c-images c-images--more", onClick: openSliderOnClick },
+                                        getImage(4),
+                                        React.createElement("span", null,
+                                            "+ ",
+                                            images.length - 5)))))))))),
+        !!(images === null || images === void 0 ? void 0 : images.length) && React.createElement(fslightbox_react_1.default, { toggler: lightboxController.toggler, slide: lightboxController.slide, sources: images, type: "image" })));
+}
+exports.default = HotelInfo;
+//# sourceMappingURL=HotelInfo.js.map

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

@@ -0,0 +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';\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 } from '@frontend/hooks';\nimport BEButton from '../../components/generic/BEButton';\nimport { useHistory } from 'react-router';\nimport StepManager from '../../util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '../../translations/Translation';\nimport ImageProvider, { ImageSize } from '../../providers/ImageProvider';\nimport RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\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, city, 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    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    // TODO: Add a generic handler for this to avoid setting it in every new page\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel?.colors]);\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(--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 }}>\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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function HotelInfoPlaceholder(): JSX.Element;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Placeholder_1 = require("../../components/generic/Placeholder");
+function HotelInfoPlaceholder() {
+    return (React.createElement("div", { className: "container" },
+        React.createElement("div", { className: "row" },
+            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }))));
+}
+exports.default = HotelInfoPlaceholder;
+//# sourceMappingURL=HotelInfoPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HotelInfoPlaceholder.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfoPlaceholder.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,sEAA+D;AAE/D,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

@@ -0,0 +1,22 @@
+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 './StepValidator';
+export default abstract class Step {
+    protected name: string;
+    protected showOnNavigation: boolean;
+    constructor(name: string);
+    protected getUrlFragment(): string;
+    getName(): string;
+    getStepUrl(): string;
+    getStepTranslation(): string;
+    shouldShowOnNavigation(): boolean;
+    /**
+     * Method gets called when Step is activated. Return a @type ColorProfile
+     * to automatically set theme when step is loaded
+     */
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+    abstract getComponent(): ReactFragment;
+    abstract getValidator(): StepValidator;
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class Step {
+    constructor(name) {
+        this.name = name;
+        this.showOnNavigation = true;
+    }
+    getUrlFragment() {
+        return this.name.toLocaleLowerCase();
+    }
+    getName() {
+        return this.name;
+    }
+    getStepUrl() {
+        return `${'/step/'}${this.getUrlFragment()}/`;
+    }
+    getStepTranslation() {
+        return null;
+    }
+    shouldShowOnNavigation() {
+        return this.showOnNavigation;
+    }
+    /**
+     * Method gets called when Step is activated. Return a @type ColorProfile
+     * to automatically set theme when step is loaded
+     */
+    getColorProfile(company, hotel) {
+        return;
+    }
+}
+exports.default = Step;
+//# sourceMappingURL=Step.js.map

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

@@ -0,0 +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 './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

@@ -0,0 +1,15 @@
+import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
+import { Company } from '../../../models/Client/Hotel/Company';
+import { Hotel } from '../../../models/Client/Hotel/Hotel';
+import Step from '../Step';
+import StepAddonLoader from './StepAddonLoader';
+import StepAddonValidator from './StepAddonValidator';
+declare class StepAddon extends Step {
+    constructor();
+    getComponent(): typeof StepAddonLoader;
+    getValidator(): StepAddonValidator;
+    getStepTranslation(): string;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+}
+declare const _default: StepAddon;
+export default _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Translation_1 = require("../../../translations/Translation");
+const Step_1 = require("../Step");
+const StepAddonLoader_1 = require("./StepAddonLoader");
+const StepAddonValidator_1 = require("./StepAddonValidator");
+class StepAddon extends Step_1.default {
+    constructor() {
+        super('Addon');
+    }
+    getComponent() {
+        return StepAddonLoader_1.default;
+    }
+    getValidator() {
+        return new StepAddonValidator_1.default();
+    }
+    getStepTranslation() {
+        return Translation_1.Translation.Navigation.Steps.Addon;
+    }
+    getColorProfile(company, hotel) {
+        if (hotel) {
+            return hotel.colors;
+        }
+    }
+}
+exports.default = new StepAddon();
+//# sourceMappingURL=StepAddon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;AAGA,mEAAgE;AAChE,kCAA2B;AAC3B,uDAAgD;AAChD,6DAAsD;AAEtD,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 '../Step';\nimport StepAddonLoader from './StepAddonLoader';\nimport StepAddonValidator from './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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function StepAddonComponent(): JSX.Element;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = 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 = require("../../../components/generic/BackButton");
+const Headline_1 = require("../../../components/generic/Headline");
+const LineBreak_1 = require("../../../components/generic/LineBreak");
+const AddonList_1 = require("../../../components/steps/addons/AddonList");
+const BEMobileSummary_1 = require("../../../components/summary/BEMobileSummary");
+const StepManager_1 = require("../../../util/StepManager");
+const Translation_1 = require("../../../translations/Translation");
+const ScreenSize_1 = require("../../../util/ScreenSize");
+const StepRoomHotelDetails_1 = require("../../../components/steps/room/StepRoomHotelDetails");
+const contexts_1 = require("@frontend/contexts");
+function StepAddonComponent() {
+    const context = react_1.useContext(contexts_1.BookingEngineContext);
+    const { currentStep } = react_1.useContext(contexts_1.FullPageEngineContext);
+    const { t } = react_i18next_1.useTranslation();
+    return (React.createElement("div", { className: "container" },
+        React.createElement(BEMobileSummary_1.default, null),
+        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
+            React.createElement("div", { className: "col-md-8" }, context.screenSize > ScreenSize_1.default.Medium && (React.createElement(React.Fragment, null,
+                React.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
+                    React.createElement(BackButton_1.default, null)),
+                React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
+                    React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Addon)))))),
+            context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
+                React.createElement(StepRoomHotelDetails_1.default, null)))),
+        context.screenSize > ScreenSize_1.default.Medium && React.createElement(LineBreak_1.default, null),
+        React.createElement(AddonList_1.default, null)));
+}
+exports.default = StepAddonComponent;
+//# sourceMappingURL=StepAddonComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepAddonComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonComponent.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAmC;AACnC,uDAAwC;AACxC,iDAA+C;AAC/C,uEAAgE;AAChE,mEAA4D;AAC5D,qEAA8D;AAC9D,0EAAmE;AACnE,iFAA0E;AAC1E,2DAAoD;AACpD,mEAAgE;AAChE,yDAAkD;AAClD,8FAAuF;AACvF,iDAAiF;AAEjF,SAAwB,kBAAkB;IACtC,MAAM,OAAO,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAU,CAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,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;AAhCD,qCAgCC","sourcesContent":["import * as React from 'react';\nimport { useContext } 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 { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepAddonComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const { t } = useTranslation();\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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function (): JSX.Element;

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const Placeholder_1 = require("../../../components/generic/Placeholder");
+const StepAddonComponent = react_1.lazy(() => Promise.resolve().then(() => require('./StepAddonComponent')));
+const StepAddonPlaceholder = () => {
+    return (React.createElement("div", { className: "container" },
+        React.createElement("div", { className: "line-break" }),
+        React.createElement("div", { className: "row no-gutters" },
+            React.createElement("div", { className: "u-w-100 u-flex justify-content-center" },
+                React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "lg", blink: true })),
+            React.createElement("div", { className: "line-break" }),
+            React.createElement("div", { className: "col-md-7 col-lg-8" },
+                React.createElement("br", null),
+                React.createElement("div", { className: "u-marg-bottom" },
+                    React.createElement("div", { className: "row" },
+                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
+                React.createElement("div", { className: "u-marg-bottom" },
+                    React.createElement("div", { className: "row" },
+                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
+                React.createElement("div", { className: "u-marg-bottom" },
+                    React.createElement("div", { className: "row" },
+                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
+                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }))))),
+            React.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
+                React.createElement("div", { className: "u-pad" },
+                    React.createElement("div", null,
+                        React.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })),
+                    React.createElement("div", null,
+                        React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
+                    React.createElement("div", { className: "u-marg-top--heavy" },
+                        React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
+};
+function default_1() {
+    return (React.createElement(react_1.Suspense, { fallback: React.createElement(StepAddonPlaceholder, null) },
+        React.createElement(StepAddonComponent, null)));
+}
+exports.default = default_1;
+//# sourceMappingURL=StepAddonLoader.js.map

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

@@ -0,0 +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('./StepAddonComponent'));\n\nconst StepAddonPlaceholder = () => {\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\nexport default function () {\n    return (\n        <Suspense fallback={<StepAddonPlaceholder />}>\n            <StepAddonComponent />\n        </Suspense>\n    );\n}\n"]}

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const StepValidator_1 = require("../StepValidator");
+class StepAddonValidator extends StepValidator_1.default {
+    isValid(context) {
+        return context.getAllValidRows().length >= 1;
+    }
+}
+exports.default = StepAddonValidator;
+//# sourceMappingURL=StepAddonValidator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepAddonValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonValidator.ts"],"names":[],"mappings":";;AACA,oDAA6C;AAE7C,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 '../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

@@ -0,0 +1,15 @@
+import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
+import { Company } from '../../../models/Client/Hotel/Company';
+import { Hotel } from '../../../models/Client/Hotel/Hotel';
+import Step from '../Step';
+import StepConfirmationLoader from './StepConfirmationLoader';
+import StepConfirmationValidator from './StepConfirmationValidator';
+declare class StepConfirmation extends Step {
+    constructor();
+    getComponent(): typeof StepConfirmationLoader;
+    getValidator(): StepConfirmationValidator;
+    getStepTranslation(): string;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+}
+declare const _default: StepConfirmation;
+export default _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Translation_1 = require("../../../translations/Translation");
+const Step_1 = require("../Step");
+const StepConfirmationLoader_1 = require("./StepConfirmationLoader");
+const StepConfirmationValidator_1 = require("./StepConfirmationValidator");
+class StepConfirmation extends Step_1.default {
+    constructor() {
+        super('Confirmation');
+    }
+    getComponent() {
+        return StepConfirmationLoader_1.default;
+    }
+    getValidator() {
+        return new StepConfirmationValidator_1.default();
+    }
+    getStepTranslation() {
+        return Translation_1.Translation.Navigation.Steps.Confirmation;
+    }
+    getColorProfile(company, hotel) {
+        if (hotel) {
+            return hotel.colors;
+        }
+    }
+}
+exports.default = new StepConfirmation();
+//# sourceMappingURL=StepConfirmation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;AAGA,mEAAgE;AAChE,kCAA2B;AAC3B,qEAA8D;AAC9D,2EAAoE;AACpE,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 '../Step';\nimport StepConfirmationLoader from './StepConfirmationLoader';\nimport StepConfirmationValidator from './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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function StepConfirmationComponent(): JSX.Element;
+export default StepConfirmationComponent;