@roomstay/frontend 2.3.9 → 2.3.10

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,2FAAmE;AACnE,iGAAyE;AAGzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import { 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 StepRoomLoader from '@/pages/steps/StepRoom/StepRoomLoader';\nimport StepRoomValidator from '@/pages/steps/StepRoom/StepRoomValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\n\nclass StepRoom extends Step {\n    public constructor() {\n        super('Room');\n    }\n\n    public getComponent() {\n        return StepRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepRoomValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Room;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepRoom();\n"]}
+{"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AAIvD,8DAAsC;AACtC,2FAAmE;AACnE,iGAAyE;AAEzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import { IHotelColorScheme } from '@roomstay/core';\nimport { Translation } from 'translations/Translation';\n\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport Step from '@/pages/steps/Step';\nimport StepRoomLoader from '@/pages/steps/StepRoom/StepRoomLoader';\nimport StepRoomValidator from '@/pages/steps/StepRoom/StepRoomValidator';\n\nclass StepRoom extends Step {\n    public constructor() {\n        super('Room');\n    }\n\n    public getComponent() {\n        return StepRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepRoomValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Room;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepRoom();\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js

@@ -26,12 +26,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
+const Translation_1 = require("translations/Translation");
 const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
 const Text_1 = __importStar(require("../../../components/generic/Text"));
 const AppliedFiltersBlock_1 = __importDefault(require("../../../components/steps/room/roomFilter/AppliedFiltersBlock"));
@@ -41,13 +44,10 @@ const StepRoomHotelDetails_1 = __importDefault(require("../../../components/step
 const StepRoomSortBy_1 = __importDefault(require("../../../components/steps/room/StepRoomSortBy"));
 const StepRoomSummaryAndButton_1 = __importDefault(require("../../../components/steps/room/StepRoomSummaryAndButton"));
 const BEMobileSummary_1 = __importDefault(require("../../../components/summary/BEMobileSummary"));
-const Translation_1 = require("translations/Translation");
 const Color_1 = require("../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
-const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
-const contexts_1 = require("../../../contexts/index.js");
-const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 const StepRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef<HTMLDivElement | null>(null);\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <RoomList />\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}
+{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef<HTMLDivElement | null>(null);\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <RoomList />\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomLoader.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
 const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
+const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
 const StepRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepRoomComponent'))));
 function StepRoomPlaceholder() {
     return (react_1.default.createElement("div", { className: "container" },

package/dist/src/pages/steps/StepRoom/StepRoomLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\n\nconst StepRoomComponent = lazy(() => import('@/pages/steps/StepRoom/StepRoomComponent'));\n\nfunction StepRoomPlaceholder() {\n    return (\n        <div className=\"container\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"d-none d-md-block u-marg-top--light u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                    <br />\n                    <div className=\"row\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent className=\"d-none d-md-block\">\n                    <div className=\"u-marg-bottom\">\n                        <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                    </div>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                    </div>\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n            <div className=\"line-break\" />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"u-w-100 u-flex u-flex-direction-column u-flex-align-flex-end\">\n                        <Placeholder type=\"text\" w=\"lg\" h=\"lg\" blink />\n                        <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink />\n                    </div>\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=\"md\" rounded=\"lg\" blink />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                </div>\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\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=\"md\" rounded=\"lg\" blink />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                </div>\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\n                            </div>\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <div className=\"u-pad\">\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink />\n                        </div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink />\n                        </div>\n                    </div>\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n}\n\nexport default function StepRoomLoader() {\n    return (\n        <Suspense fallback={<StepRoomPlaceholder />}>\n            <StepRoomComponent />\n        </Suspense>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { lazy, Suspense } from 'react';\n\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport Placeholder from '@/components/generic/Placeholder';\n\nconst StepRoomComponent = lazy(() => import('@/pages/steps/StepRoom/StepRoomComponent'));\n\nfunction StepRoomPlaceholder() {\n    return (\n        <div className=\"container\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"d-none d-md-block u-marg-top--light u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                    <br />\n                    <div className=\"row\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent className=\"d-none d-md-block\">\n                    <div className=\"u-marg-bottom\">\n                        <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                    </div>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                    </div>\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n            <div className=\"line-break\" />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"u-w-100 u-flex u-flex-direction-column u-flex-align-flex-end\">\n                        <Placeholder type=\"text\" w=\"lg\" h=\"lg\" blink />\n                        <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink />\n                    </div>\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=\"md\" rounded=\"lg\" blink />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                </div>\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\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=\"md\" rounded=\"lg\" blink />\n                            </div>\n                            <div className=\"col-lg-7 col-xl-7\">\n                                <Placeholder type=\"text\" w=\"md\" h=\"md\" blink />\n                                <Placeholder type=\"text\" w=\"lg\" h=\"sm\" blink />\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                    <Placeholder type=\"text\" w=\"lg\" h=\"xs\" blink />\n                                </div>\n                                <div className=\"u-marg-top-bottom--heavy\">\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                                </div>\n                                <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\n                            </div>\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <div className=\"u-pad\">\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink />\n                        </div>\n                        <div>\n                            <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink />\n                        </div>\n                    </div>\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n}\n\nexport default function StepRoomLoader() {\n    return (\n        <Suspense fallback={<StepRoomPlaceholder />}>\n            <StepRoomComponent />\n        </Suspense>\n    );\n}\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomValidator.ts"],"names":[],"mappings":";;;;;AACA,gFAAwD;AAExD,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO,CAAC,OAA0B;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE;YACjD,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AARD,oCAQC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepRoomValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context && context.startDate && context.endDate) {\n            return true;\n        }\n\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"StepRoomValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomValidator.ts"],"names":[],"mappings":";;;;;AAEA,gFAAwD;AAExD,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO,CAAC,OAA0B;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE;YACjD,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AARD,oCAQC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\n\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepRoomValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context && context.startDate && context.endDate) {\n            return true;\n        }\n\n        return false;\n    }\n}\n"]}

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

@@ -1,9 +1,9 @@
+import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 import Step from '../Step';
 import StepThanksComponent from './StepThanksComponent';
 import StepThanksValidator from './StepThanksValidator';
-import { IHotelColorScheme } from '@roomstay/core';
 declare class StepThanks extends Step {
     constructor();
     getComponent(): typeof StepThanksComponent;

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

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const InlineAddonStepFeature_1 = __importDefault(require("../../../providers/feature/InlineAddonStepFeature"));
 const Translation_1 = require("translations/Translation");
 const Step_1 = __importDefault(require("../Step"));
 const StepThanksComponent_1 = __importDefault(require("./StepThanksComponent"));
 const StepThanksValidator_1 = __importDefault(require("./StepThanksValidator"));
+const InlineAddonStepFeature_1 = __importDefault(require("../../../providers/feature/InlineAddonStepFeature"));
 class StepThanks extends Step_1.default {
     constructor() {
         super('Thanks');

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

@@ -1 +1 @@
-{"version":3,"file":"StepThanks.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanks.ts"],"names":[],"mappings":";;;;;AAEA,wGAAgF;AAChF,0DAAuD;AACvD,8DAAsC;AACtC,uGAA+E;AAC/E,uGAA+E;AAE/E,MAAM,UAAW,SAAQ,cAAI;IACzB;QACI,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,6BAAmB,CAAC;IAC/B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,6BAAmB,EAAE,CAAC;IACrC,CAAC;IAEM,sBAAsB;QACzB,OAAO,CAAC,gCAAsB,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,UAAU,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepThanksComponent from '@/pages/steps/StepThanks/StepThanksComponent';\nimport StepThanksValidator from '@/pages/steps/StepThanks/StepThanksValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\nclass StepThanks extends Step {\n    public constructor() {\n        super('Thanks');\n\n        this.showOnNavigation = false;\n    }\n\n    public getComponent() {\n        return StepThanksComponent;\n    }\n\n    public getValidator() {\n        return new StepThanksValidator();\n    }\n\n    public shouldShowOnNavigation() {\n        return !InlineAddonStepFeature.isActive();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Thanks;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepThanks();\n"]}
+{"version":3,"file":"StepThanks.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanks.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AAIvD,8DAAsC;AACtC,uGAA+E;AAC/E,uGAA+E;AAC/E,wGAAgF;AAEhF,MAAM,UAAW,SAAQ,cAAI;IACzB;QACI,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,6BAAmB,CAAC;IAC/B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,6BAAmB,EAAE,CAAC;IACrC,CAAC;IAEM,sBAAsB;QACzB,OAAO,CAAC,gCAAsB,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,UAAU,EAAE,CAAC","sourcesContent":["import { IHotelColorScheme } from '@roomstay/core';\nimport { Translation } from 'translations/Translation';\n\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport Step from '@/pages/steps/Step';\nimport StepThanksComponent from '@/pages/steps/StepThanks/StepThanksComponent';\nimport StepThanksValidator from '@/pages/steps/StepThanks/StepThanksValidator';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\n\nclass StepThanks extends Step {\n    public constructor() {\n        super('Thanks');\n\n        this.showOnNavigation = false;\n    }\n\n    public getComponent() {\n        return StepThanksComponent;\n    }\n\n    public getValidator() {\n        return new StepThanksValidator();\n    }\n\n    public shouldShowOnNavigation() {\n        return !InlineAddonStepFeature.isActive();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Thanks;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepThanks();\n"]}

package/dist/src/pages/steps/StepThanks/StepThanksComponent.js

@@ -26,25 +26,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
-const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../util/Color");
-const Text_1 = __importStar(require("../../../components/generic/Text"));
-const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
+const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
 const Currency_1 = __importDefault(require("../../../components/generic/Currency"));
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
+const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
-const TextAlignment_1 = require("../../../util/TextAlignment");
-const Translation_1 = require("translations/Translation");
-const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../contexts/index.js");
-const ReservationRow_1 = __importDefault(require("../../findReservation/ReservationRow"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const hooks_1 = require("../../../hooks/index.js");
+const Text_1 = __importStar(require("../../../components/generic/Text"));
 const CommonAddonSummary_1 = require("../../../components/steps/common/CommonAddonSummary/CommonAddonSummary");
-const TotalCalculator_1 = require("../../../util/TotalCalculator");
 const events_1 = require("../../../events");
+const ReservationRow_1 = __importDefault(require("../../findReservation/ReservationRow"));
+const Color_1 = require("../../../util/Color");
+const TextAlignment_1 = require("../../../util/TextAlignment");
+const TotalCalculator_1 = require("../../../util/TotalCalculator");
 function StepThanksComponent() {
     var _a, _b, _c;
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/pages/steps/StepThanks/StepThanksComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepThanksComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanksComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport { Link } from 'react-router-dom';\nimport Currency from '@/components/generic/Currency';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { ReservationAddonDTO, ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport ReservationRow from '@/pages/findReservation/ReservationRow';\nimport dayjs from 'dayjs';\n\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { CommonAddonSummary } from '@/components/steps/common/CommonAddonSummary/CommonAddonSummary';\nimport { calculateTotalForReservation } from '@/util/TotalCalculator';\nimport { StepThanksViewEvent } from '@/events';\nimport { IEventReservation } from '@/models/Api/IEventReservation';\n\nexport default function StepThanksComponent() {\n    const basketContext = useContext(BasketContext);\n\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const { raise } = useEvent();\n\n    const checkoutData = basketContext.reservationData;\n\n    const isFromRoomstay = checkoutData?.itineraryNumber?.startsWith('RS');\n\n    const { t } = useTranslation();\n\n    const total = useCallback(() => {\n        if (checkoutData?.reservations) {\n            const reservations: IEventReservation[] = checkoutData?.reservations?.map((obj: ReservationDTO) => {\n                const nightKeys = Object.keys(obj.nights);\n                const dateFormat = 'YYYY-MM-DDTHH:mm:ss';\n\n                return {\n                    reservationId: obj.reservationNumber,\n                    checkInTime: dayjs(nightKeys[0]).format(dateFormat),\n                    checkOutTime: dayjs(nightKeys[nightKeys.length - 1])\n                        .add(1, 'day')\n                        .format(dateFormat),\n                    totalPrice: obj.total.afterTax,\n                    priceCurrency: ccx.currentCurrency,\n                };\n            });\n\n            const event = new StepThanksViewEvent(reservations);\n            raise(event);\n\n            return calculateTotalForReservation(checkoutData, !isFromRoomstay);\n        }\n\n        return 0;\n    }, [checkoutData]);\n\n    const addons: ReservationAddonDTO[] = [];\n    const comments: string[] = [];\n\n    useEffect(() => {\n        return () => {\n            basketContext.finish();\n        };\n    }, []);\n\n    return (\n        <div className=\"container u-marg-top--heavy\">\n            <div className=\"row justify-content-center\">\n                <div className=\"col-lg-8 col-md-12 u-flex align-items-center u-flex-direction-column\">\n                    <div className=\"u-marg-bottom\">\n                        <Icon icon={IconType.Check} size=\"48px\" color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding />\n                    </div>\n                    <div className=\"u-marg-bottom\" style={{ maxWidth: '530px' }}>\n                        <Headline size=\"large\" align={TextAlign.Center}>\n                            {t(Translation.Step.Thanks.ThankYouHeadline, { hotel: hotel?.name })}\n                        </Headline>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey}>\n                            {t(Translation.Step.Thanks.InvoiceNumber)} {checkoutData.itineraryNumber}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--massive\">\n                        <Link to=\"/\">\n                            <BEButton>{t(Translation.Step.Thanks.GoBackHome)}</BEButton>\n                        </Link>\n                    </div>\n                    <>\n                        <div className=\"u-marg-top w-100\">\n                            {checkoutData?.reservations?.map((obj: ReservationDTO) => {\n                                if (obj.addons) {\n                                    const nights = Object.keys(obj.nights);\n                                    obj.addons.forEach((addon) => {\n                                        if (isFromRoomstay) {\n                                            addons.push({ ...addon, nights: nights.length });\n                                        } else {\n                                            addons.push(addon);\n                                        }\n                                    });\n                                }\n\n                                if (obj.comments) {\n                                    obj.comments.map((comment: string) => {\n                                        comments.push(comment);\n                                    });\n                                }\n\n                                return <ReservationRow reservation={obj} key={obj.reservationNumber} />;\n                            })}\n                        </div>\n                        <LineBreak />\n\n                        <div className=\"w-100\">\n                            <CommonAddonSummary addons={addons} />\n                            {comments.length >= 1 && (\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Label} color={Color.Grey}>\n                                            {t(Translation.Step.Confirmation.Comments)}\n                                        </Text>\n                                    </div>\n                                    {comments.map((comment, index) => (\n                                        <Text\n                                            style={{\n                                                whiteSpace: 'pre',\n                                            }}\n                                            key={index}\n                                            type={TextType.Small}\n                                        >\n                                            {comment}\n                                        </Text>\n                                    ))}\n                                </div>\n                            )}\n                            <Text type={TextType.Small} align={TextAlign.Right}>\n                                {t(Translation.Misc.Total)}\n                            </Text>\n                            <Headline bold size=\"large\" align={TextAlign.Right}>\n                                <Currency>{total}</Currency>\n                            </Headline>\n                            <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey}>\n                                {t(Translation.Step.Thanks.IncludingTaxes)}\n                            </Text>\n                        </div>\n                    </>\n                </div>\n            </div>\n            {checkoutData?.reservations?.map((obj: ReservationDTO, index) => {\n                const nightKeys = Object.keys(obj.nights);\n\n                const firstNight = dayjs(nightKeys[0]);\n                const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n                return (\n                    <script key={index} type=\"application/ld+json\">\n                        {JSON.stringify({\n                            '@context': 'http://schema.org',\n                            '@type': 'LodgingReservation',\n                            reservationId: obj.reservationNumber,\n                            reservationStatus: 'http://schema.org/ReservationConfirmed',\n                            checkinTime: firstNight.format('YYYY-MM-DDTHH:mm:ss'),\n                            checkoutTime: lastNight.format('YYYY-MM-DDTHH:mm:ss'),\n                            totalPrice: obj.total.afterTax,\n                            basePrice: obj.total.beforeTax,\n                            priceCurrency: ccx.currentCurrency,\n                        })}\n                    </script>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepThanksComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanksComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmE;AACnE,2CAA4D;AAC5D,kDAA0B;AAC1B,+CAAkE;AAClE,iDAA+C;AAC/C,uDAAwC;AACxC,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,+EAAuD;AACvD,kEAA2D;AAC3D,wGAAqG;AACrG,qCAA+C;AAG/C,4FAAoE;AACpE,wCAAqC;AACrC,wDAAiD;AACjD,4DAAsE;AAEtE,SAAwB,mBAAmB;;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,MAAM,YAAY,GAAG,aAAa,CAAC,eAAe,CAAC;IAEnD,MAAM,cAAc,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,eAAe,0CAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QAC3B,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,EAAE;YAC5B,MAAM,YAAY,GAAwB,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,0CAAE,GAAG,CAAC,CAAC,GAAmB,EAAE,EAAE;gBAC9F,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC1C,MAAM,UAAU,GAAG,qBAAqB,CAAC;gBAEzC,OAAO;oBACH,aAAa,EAAE,GAAG,CAAC,iBAAiB;oBACpC,WAAW,EAAE,IAAA,eAAK,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;oBACnD,YAAY,EAAE,IAAA,eAAK,EAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;yBAC/C,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;yBACb,MAAM,CAAC,UAAU,CAAC;oBACvB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ;oBAC9B,aAAa,EAAE,GAAG,CAAC,eAAe;iBACrC,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,MAAM,KAAK,GAAG,IAAI,4BAAmB,CAAC,YAAY,CAAC,CAAC;YACpD,KAAK,CAAC,KAAK,CAAC,CAAC;YAEb,OAAO,IAAA,8CAA4B,EAAC,YAAY,EAAE,CAAC,cAAc,CAAC,CAAC;SACtE;QAED,OAAO,CAAC,CAAC;IACb,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,MAAM,GAA0B,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAa,EAAE,CAAC;IAE9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,6BAA6B;QACxC,uCAAK,SAAS,EAAC,4BAA4B;YACvC,uCAAK,SAAS,EAAC,sEAAsE;gBACjF,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,MAAM,EAAE,YAAY,EAAC,OAAO,EAAC,SAAS,SAAG,CAC1H;gBACN,uCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;oBACvD,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAS,CAAC,MAAM,IACzC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,CAAC,CAC7D,CACT;gBACN,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;wBACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;;wBAAG,YAAY,CAAC,eAAe,CACrE,CACL;gBACN,uCAAK,SAAS,EAAC,wBAAwB;oBACnC,8BAAC,uBAAI,IAAC,EAAE,EAAC,GAAG;wBACR,8BAAC,kBAAQ,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAY,CACzD,CACL;gBACN;oBACI,uCAAK,SAAS,EAAC,kBAAkB,IAC5B,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,0CAAE,GAAG,CAAC,CAAC,GAAmB,EAAE,EAAE;wBACrD,IAAI,GAAG,CAAC,MAAM,EAAE;4BACZ,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;4BACvC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gCACzB,IAAI,cAAc,EAAE;oCAChB,MAAM,CAAC,IAAI,iCAAM,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,MAAM,IAAG,CAAC;iCACpD;qCAAM;oCACH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iCACtB;4BACL,CAAC,CAAC,CAAC;yBACN;wBAED,IAAI,GAAG,CAAC,QAAQ,EAAE;4BACd,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,EAAE;gCACjC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;4BAC3B,CAAC,CAAC,CAAC;yBACN;wBAED,OAAO,8BAAC,wBAAc,IAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,iBAAiB,GAAI,CAAC;oBAC5E,CAAC,CAAC,CACA;oBACN,8BAAC,mBAAS,OAAG;oBAEb,uCAAK,SAAS,EAAC,OAAO;wBAClB,8BAAC,uCAAkB,IAAC,MAAM,EAAE,MAAM,GAAI;wBACrC,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CACrB,uCAAK,SAAS,EAAC,sBAAsB;4BACjC,uCAAK,SAAS,EAAC,eAAe;gCAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CACvC,CACL;4BACL,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,8BAAC,cAAI,IACD,KAAK,EAAE;oCACH,UAAU,EAAE,KAAK;iCACpB,EACD,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,eAAQ,CAAC,KAAK,IAEnB,OAAO,CACL,CACV,CAAC,CACA,CACT;wBACD,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK,IAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACvB;wBACP,8BAAC,kBAAQ,IAAC,IAAI,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAS,CAAC,KAAK;4BAC9C,8BAAC,kBAAQ,QAAE,KAAK,CAAY,CACrB;wBACX,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IACpE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CACvC,CACL,CACP,CACD,CACJ,EACL,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY;WAAE,GAAG,CAAC,CAAC,GAAmB,EAAE,KAAK,EAAE,EAAE;YAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAE1C,MAAM,UAAU,GAAG,IAAA,eAAK,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;YACvC,MAAM,SAAS,GAAG,IAAA,eAAK,EAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YAEvE,OAAO,CACH,0CAAQ,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,qBAAqB,IACzC,IAAI,CAAC,SAAS,CAAC;gBACZ,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,oBAAoB;gBAC7B,aAAa,EAAE,GAAG,CAAC,iBAAiB;gBACpC,iBAAiB,EAAE,wCAAwC;gBAC3D,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACrD,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBACrD,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ;gBAC9B,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC,SAAS;gBAC9B,aAAa,EAAE,GAAG,CAAC,eAAe;aACrC,CAAC,CACG,CACZ,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AA1JD,sCA0JC","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useCallback, useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { CommonAddonSummary } from '@/components/steps/common/CommonAddonSummary/CommonAddonSummary';\nimport { StepThanksViewEvent } from '@/events';\nimport { IEventReservation } from '@/models/Api/IEventReservation';\nimport { ReservationAddonDTO, ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport ReservationRow from '@/pages/findReservation/ReservationRow';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { calculateTotalForReservation } from '@/util/TotalCalculator';\n\nexport default function StepThanksComponent() {\n    const basketContext = useContext(BasketContext);\n\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const { raise } = useEvent();\n\n    const checkoutData = basketContext.reservationData;\n\n    const isFromRoomstay = checkoutData?.itineraryNumber?.startsWith('RS');\n\n    const { t } = useTranslation();\n\n    const total = useCallback(() => {\n        if (checkoutData?.reservations) {\n            const reservations: IEventReservation[] = checkoutData?.reservations?.map((obj: ReservationDTO) => {\n                const nightKeys = Object.keys(obj.nights);\n                const dateFormat = 'YYYY-MM-DDTHH:mm:ss';\n\n                return {\n                    reservationId: obj.reservationNumber,\n                    checkInTime: dayjs(nightKeys[0]).format(dateFormat),\n                    checkOutTime: dayjs(nightKeys[nightKeys.length - 1])\n                        .add(1, 'day')\n                        .format(dateFormat),\n                    totalPrice: obj.total.afterTax,\n                    priceCurrency: ccx.currentCurrency,\n                };\n            });\n\n            const event = new StepThanksViewEvent(reservations);\n            raise(event);\n\n            return calculateTotalForReservation(checkoutData, !isFromRoomstay);\n        }\n\n        return 0;\n    }, [checkoutData]);\n\n    const addons: ReservationAddonDTO[] = [];\n    const comments: string[] = [];\n\n    useEffect(() => {\n        return () => {\n            basketContext.finish();\n        };\n    }, []);\n\n    return (\n        <div className=\"container u-marg-top--heavy\">\n            <div className=\"row justify-content-center\">\n                <div className=\"col-lg-8 col-md-12 u-flex align-items-center u-flex-direction-column\">\n                    <div className=\"u-marg-bottom\">\n                        <Icon icon={IconType.Check} size=\"48px\" color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding />\n                    </div>\n                    <div className=\"u-marg-bottom\" style={{ maxWidth: '530px' }}>\n                        <Headline size=\"large\" align={TextAlign.Center}>\n                            {t(Translation.Step.Thanks.ThankYouHeadline, { hotel: hotel?.name })}\n                        </Headline>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey}>\n                            {t(Translation.Step.Thanks.InvoiceNumber)} {checkoutData.itineraryNumber}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--massive\">\n                        <Link to=\"/\">\n                            <BEButton>{t(Translation.Step.Thanks.GoBackHome)}</BEButton>\n                        </Link>\n                    </div>\n                    <>\n                        <div className=\"u-marg-top w-100\">\n                            {checkoutData?.reservations?.map((obj: ReservationDTO) => {\n                                if (obj.addons) {\n                                    const nights = Object.keys(obj.nights);\n                                    obj.addons.forEach((addon) => {\n                                        if (isFromRoomstay) {\n                                            addons.push({ ...addon, nights: nights.length });\n                                        } else {\n                                            addons.push(addon);\n                                        }\n                                    });\n                                }\n\n                                if (obj.comments) {\n                                    obj.comments.map((comment: string) => {\n                                        comments.push(comment);\n                                    });\n                                }\n\n                                return <ReservationRow reservation={obj} key={obj.reservationNumber} />;\n                            })}\n                        </div>\n                        <LineBreak />\n\n                        <div className=\"w-100\">\n                            <CommonAddonSummary addons={addons} />\n                            {comments.length >= 1 && (\n                                <div className=\"u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Label} color={Color.Grey}>\n                                            {t(Translation.Step.Confirmation.Comments)}\n                                        </Text>\n                                    </div>\n                                    {comments.map((comment, index) => (\n                                        <Text\n                                            style={{\n                                                whiteSpace: 'pre',\n                                            }}\n                                            key={index}\n                                            type={TextType.Small}\n                                        >\n                                            {comment}\n                                        </Text>\n                                    ))}\n                                </div>\n                            )}\n                            <Text type={TextType.Small} align={TextAlign.Right}>\n                                {t(Translation.Misc.Total)}\n                            </Text>\n                            <Headline bold size=\"large\" align={TextAlign.Right}>\n                                <Currency>{total}</Currency>\n                            </Headline>\n                            <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey}>\n                                {t(Translation.Step.Thanks.IncludingTaxes)}\n                            </Text>\n                        </div>\n                    </>\n                </div>\n            </div>\n            {checkoutData?.reservations?.map((obj: ReservationDTO, index) => {\n                const nightKeys = Object.keys(obj.nights);\n\n                const firstNight = dayjs(nightKeys[0]);\n                const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n                return (\n                    <script key={index} type=\"application/ld+json\">\n                        {JSON.stringify({\n                            '@context': 'http://schema.org',\n                            '@type': 'LodgingReservation',\n                            reservationId: obj.reservationNumber,\n                            reservationStatus: 'http://schema.org/ReservationConfirmed',\n                            checkinTime: firstNight.format('YYYY-MM-DDTHH:mm:ss'),\n                            checkoutTime: lastNight.format('YYYY-MM-DDTHH:mm:ss'),\n                            totalPrice: obj.total.afterTax,\n                            basePrice: obj.total.beforeTax,\n                            priceCurrency: ccx.currentCurrency,\n                        })}\n                    </script>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/dist/src/pages/steps/StepThanks/StepThanksValidator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepThanksValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanksValidator.ts"],"names":[],"mappings":";;;;;AACA,gFAAwD;AAExD,MAAqB,mBAAoB,SAAQ,uBAAa;IACnD,OAAO,CAAC,OAA0B;QACrC,IAAI,OAAO,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AARD,sCAQC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepThanksValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context.hasCheckedOut) {\n            return true;\n        }\n\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"StepThanksValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepThanks/StepThanksValidator.ts"],"names":[],"mappings":";;;;;AAEA,gFAAwD;AAExD,MAAqB,mBAAoB,SAAQ,uBAAa;IACnD,OAAO,CAAC,OAA0B;QACrC,IAAI,OAAO,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ;AARD,sCAQC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\n\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default class StepThanksValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        if (context.hasCheckedOut) {\n            return true;\n        }\n\n        return false;\n    }\n}\n"]}

package/dist/src/providers/CurrencyProvider.d.ts

@@ -1,14 +1,12 @@
 export default class CurrencyProvider {
-    private static currencies;
     static labelOverrides: {
         [code: string]: {
             short: string;
             long: string;
         };
     };
+    private static currencies;
     static convertPrice(price: number, includeDecimalPlaces: boolean, to: string, from: string): number;
-    private static preciseRound;
-    private static _convertPrice;
     static loadExchangeRates(currencyCode: string): Promise<void>;
     static getRatesForCurrencyCode(code: string): {
         [code: string]: number;
@@ -19,4 +17,6 @@ export default class CurrencyProvider {
     }[];
     static getSymbol(currencyCode: string): string;
     static getShortSymbol(currencyCode: string): string;
+    private static preciseRound;
+    private static _convertPrice;
 }