@roomstay/frontend 2.3.9 → 2.3.11

package/dist/src/pages/steps/StepDate/StepDateComponent.js

@@ -26,38 +26,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const Text_1 = __importDefault(require("../../../components/generic/Text"));
-const Color_1 = require("../../../util/Color");
+const contexts_1 = require("../../../contexts/index.js");
+const events_1 = require("../../../events/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const HotelOverridesContext_1 = require("contexts/HotelOverridesContext");
+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 ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const StepOneStatusPeople_1 = __importDefault(require("../../../components/steps/date/StepOneStatusPeople"));
-const StepOneDateRange_1 = __importDefault(require("../../../components/steps/date/StepOneDateRange"));
-const StepOneNextStepButton_1 = __importDefault(require("../../../components/steps/date/StepOneNextStepButton"));
-const StepOneDateRangePickerLegend_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePickerLegend"));
-const StepDatePricePerRoom_1 = __importDefault(require("../../../components/steps/date/StepDatePricePerRoom"));
-const contexts_1 = require("../../../contexts/index.js");
+const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
+const Text_1 = __importDefault(require("../../../components/generic/Text"));
 const PeoplePicker_1 = __importDefault(require("../../../components/steps/date/PeoplePicker"));
+const StepDatePricePerRoom_1 = __importDefault(require("../../../components/steps/date/StepDatePricePerRoom"));
+const StepOneDateRange_1 = __importDefault(require("../../../components/steps/date/StepOneDateRange"));
 const StepOneDateRangePicker_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePicker"));
-const hooks_1 = require("../../../hooks/index.js");
-const HotelOverridesContext_1 = require("contexts/HotelOverridesContext");
-const events_1 = require("../../../events/index.js");
-const react_router_dom_1 = require("react-router-dom");
-const BEMobileSummary = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('../../../components/summary/BEMobileSummary'))));
+const StepOneDateRangePickerLegend_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePickerLegend"));
+const StepOneNextStepButton_1 = __importDefault(require("../../../components/steps/date/StepOneNextStepButton"));
+const StepOneStatusPeople_1 = __importDefault(require("../../../components/steps/date/StepOneStatusPeople"));
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const BEMobileSummary = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../../../components/summary/BEMobileSummary'))));
 const StepDate = () => {
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
-    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
-    const { hideByLine } = (0, react_2.useContext)(HotelOverridesContext_1.HotelOverridesContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { hideByLine } = (0, react_1.useContext)(HotelOverridesContext_1.HotelOverridesContext);
     const history = (0, react_router_dom_1.useHistory)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { t } = (0, react_i18next_1.useTranslation)();
-    const peopleRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(() => {
+    const peopleRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (context.screenSize <= ScreenSize_1.default.Medium && basketContext.endDate) {
             if (peopleRef) {
                 setTimeout(() => {
@@ -68,7 +67,7 @@ const StepDate = () => {
         }
     }, [basketContext.endDate]);
     const { raise } = (0, hooks_1.useEvent)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepDateViewEvent();
         raise(event);
     }, []);
@@ -100,7 +99,7 @@ const StepDate = () => {
                 react_1.default.createElement(PeoplePicker_1.default, null)),
             react_1.default.createElement("div", { className: "col-md-8 col-xl-9" },
                 react_1.default.createElement("div", { className: "w-100 u-flex justify-content-center flex-column align-items-center" },
-                    react_1.default.createElement(react_2.Suspense, { fallback: "loading...." },
+                    react_1.default.createElement(react_1.Suspense, { fallback: "loading...." },
                         react_1.default.createElement(StepOneDateRangePicker_1.default, null))),
                 context.screenSize >= ScreenSize_1.default.Large ? react_1.default.createElement(StepOneDateRangePickerLegend_1.default, null) : react_1.default.createElement(LineBreak_1.default, null))),
         react_1.default.createElement("div", { className: "u-flex justify-content-end" },

package/dist/src/pages/steps/StepDate/StepDateComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\n\nimport { Color } from '@/util/Color';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\n\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport LineBreak from '@/components/generic/LineBreak';\nimport PeoplePicker from '@/components/steps/date/PeoplePicker';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useHistory } from 'react-router-dom';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = () => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const history = useHistory();\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline color={Color.Navy}>{hotel?.name}</Headline>\n                            {!hideByLine && (\n                                <Text color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    <StepDatePricePerRoom isMobile={false} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <PeoplePicker />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            <div className=\"u-flex justify-content-end\">\n                <StepOneNextStepButton />\n            </div>\n        </div>\n    );\n};\nexport default StepDate;\n"]}
+{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport React, { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text from '@/components/generic/Text';\nimport PeoplePicker from '@/components/steps/date/PeoplePicker';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = () => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const history = useHistory();\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline color={Color.Navy}>{hotel?.name}</Headline>\n                            {!hideByLine && (\n                                <Text color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    <StepDatePricePerRoom isMobile={false} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <PeoplePicker />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            <div className=\"u-flex justify-content-end\">\n                <StepOneNextStepButton />\n            </div>\n        </div>\n    );\n};\nexport default StepDate;\n"]}

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

@@ -1,7 +1,7 @@
+import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 import Step from '../Step';
-import { IHotelColorScheme } from '@roomstay/core';
 import StepGroupedRoomLoader from './StepGroupedRoomLoader';
 import StepGroupedRoomValidator from './StepGroupedRoomValidator';
 declare class StepGroupedRoom extends Step {

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

@@ -1 +1 @@
-{"version":3,"file":"StepGroupedRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoom.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AAEtC,gHAAwF;AACxF,0FAAkE;AAElE,MAAM,eAAgB,SAAQ,cAAI;IAC9B;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,+BAAqB,CAAC;IACjC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,kCAAwB,EAAE,CAAC;IAC1C,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,eAAe,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 { IHotelColorScheme } from '@roomstay/core';\nimport StepGroupedRoomLoader from '@/pages/steps/StepGroupedRoom/StepGroupedRoomLoader';\nimport StepGroupedRoomValidator from './StepGroupedRoomValidator';\n\nclass StepGroupedRoom extends Step {\n    public constructor() {\n        super('room');\n    }\n\n    public getComponent() {\n        return StepGroupedRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepGroupedRoomValidator();\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 StepGroupedRoom();\n"]}
+{"version":3,"file":"StepGroupedRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoom.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AAIvD,8DAAsC;AACtC,gHAAwF;AAExF,0FAAkE;AAElE,MAAM,eAAgB,SAAQ,cAAI;IAC9B;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,+BAAqB,CAAC;IACjC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,kCAAwB,EAAE,CAAC;IAC1C,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,eAAe,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 StepGroupedRoomLoader from '@/pages/steps/StepGroupedRoom/StepGroupedRoomLoader';\n\nimport StepGroupedRoomValidator from './StepGroupedRoomValidator';\n\nclass StepGroupedRoom extends Step {\n    public constructor() {\n        super('room');\n    }\n\n    public getComponent() {\n        return StepGroupedRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepGroupedRoomValidator();\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 StepGroupedRoom();\n"]}

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js

@@ -26,22 +26,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
-const BEMobileSummary_1 = __importDefault(require("../../../components/summary/BEMobileSummary"));
-const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
-const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
-const StepRoomHotelDetails_1 = __importDefault(require("../../../components/steps/room/StepRoomHotelDetails"));
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 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 StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
+const StepRoomHotelDetails_1 = __importDefault(require("../../../components/steps/room/StepRoomHotelDetails"));
 const StepRoomSummaryAndButton_1 = __importDefault(require("../../../components/steps/room/StepRoomSummaryAndButton"));
-const UserSearchSummary_1 = require("../../../components/steps/room/UserSearchSummary/UserSearchSummary");
 const TabGroupedRooms_1 = require("../../../components/steps/room/TabGroupedRooms/TabGroupedRooms");
+const UserSearchSummary_1 = require("../../../components/steps/room/UserSearchSummary/UserSearchSummary");
+const BEMobileSummary_1 = __importDefault(require("../../../components/summary/BEMobileSummary"));
+const Translation_1 = require("../../../translations/Translation");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const StepGroupedRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,uEAA4H;AAC5H,2FAAmE;AACnE,iFAAyD;AACzD,6EAAqD;AAErD,wGAAgF;AAEhF,mEAA2C;AAC3C,qEAA6C;AAC7C,iDAAiF;AACjF,iDAA+C;AAC/C,uDAAwC;AACxC,4DAAyD;AACzD,+EAAuD;AACvD,gHAAwF;AACxF,mGAAgG;AAChG,6FAA0F;AAE1F,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D;oBACN,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN;gBACD,8BAAC,qCAAiB,OAAG;gBAErB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\n\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\n\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from '@/translations/Translation';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\n\nconst StepGroupedRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const { currentStep } = useContext(FullPageEngineContext);\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                            <LineBreak smallMargins />\n                        </>\n                    )}\n                    <UserSearchSummary />\n\n                    <div className=\"u-marg-top\">\n                        <TabGroupedRooms />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <div className=\"u-marg-top\">\n                            <StepRoomHotelDetails />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <StepRoomSummaryAndButton />\n                        </div>\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepGroupedRoomComponent;\n"]}
+{"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAA0C;AAC1C,iDAA+C;AAC/C,uDAAwC;AAExC,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,wGAAgF;AAChF,gHAAwF;AACxF,6FAA0F;AAC1F,mGAAgG;AAChG,2FAAmE;AACnE,4DAAyD;AACzD,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D;oBACN,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN;gBACD,8BAAC,qCAAiB,OAAG;gBAErB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepGroupedRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const { currentStep } = useContext(FullPageEngineContext);\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                            <LineBreak smallMargins />\n                        </>\n                    )}\n                    <UserSearchSummary />\n\n                    <div className=\"u-marg-top\">\n                        <TabGroupedRooms />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <div className=\"u-marg-top\">\n                            <StepRoomHotelDetails />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <StepRoomSummaryAndButton />\n                        </div>\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepGroupedRoomComponent;\n"]}

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomLoader.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 StepGroupedRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepGroupedRoomComponent'))));
 function StepGroupedRoomPlaceholder() {
     return (react_1.default.createElement("div", { className: "container" },

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepGroupedRoomLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomLoader.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 StepGroupedRoomComponent = lazy(() => import('@/pages/steps/StepGroupedRoom/StepGroupedRoomComponent'));\n\nfunction StepGroupedRoomPlaceholder() {\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 StepGroupedRoomLoader() {\n    return (\n        <Suspense fallback={<StepGroupedRoomPlaceholder />}>\n            <StepGroupedRoomComponent />\n        </Suspense>\n    );\n}\n"]}
+{"version":3,"file":"StepGroupedRoomLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomLoader.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 StepGroupedRoomComponent = lazy(() => import('@/pages/steps/StepGroupedRoom/StepGroupedRoomComponent'));\n\nfunction StepGroupedRoomPlaceholder() {\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 StepGroupedRoomLoader() {\n    return (\n        <Suspense fallback={<StepGroupedRoomPlaceholder />}>\n            <StepGroupedRoomComponent />\n        </Suspense>\n    );\n}\n"]}

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

@@ -1,21 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
 const contexts_1 = require("../../contexts/index.js");
-const react_router_dom_1 = require("react-router-dom");
-const react_2 = __importDefault(require("react"));
-const StepManager_1 = __importDefault(require("../../util/StepManager"));
-const contexts_2 = require("../../contexts/index.js");
 const hooks_1 = require("../../hooks/index.js");
-const contexts_3 = require("../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
 const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayThemeEngine"));
+const StepManager_1 = __importDefault(require("../../util/StepManager"));
 function StepGuide(props) {
-    const { setCurrentStep } = (0, react_1.useContext)(contexts_3.FullPageEngineContext);
+    const { setCurrentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     (0, react_1.useEffect)(() => {
         setCurrentStep(props.step);
@@ -27,10 +47,10 @@ function StepGuide(props) {
     return (0, react_1.useMemo)(() => {
         const validator = props.step.getValidator();
         if (validator === null || validator === void 0 ? void 0 : validator.isValid(basketContext)) {
-            return react_2.default.createElement(react_2.default.Fragment, null, props.children);
+            return react_1.default.createElement(react_1.default.Fragment, null, props.children);
         }
         else {
-            return react_2.default.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getPreviousStepUrl(props.step) });
+            return react_1.default.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getPreviousStepUrl(props.step) });
         }
     }, [basketContext]);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"StepGuide.js","sourceRoot":"/","sources":["src/pages/steps/StepGuide.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAuD;AACvD,iDAAmD;AACnD,uDAA4C;AAC5C,kDAA0B;AAE1B,qEAA6C;AAC7C,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,0FAAkE;AAOlE,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,YAAY,EAAE;YACd,6BAAmB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YACnC,OAAO,8DAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,8BAAC,2BAAQ,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;SACvE;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC;AA1BD,4BA0BC","sourcesContent":["import { useContext, useEffect, useMemo } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { Redirect } from 'react-router-dom';\nimport React from 'react';\nimport Step from '@/pages/steps/Step';\nimport StepManager from '@/util/StepManager';\nimport { CompanyContext } from '@frontend/contexts';\n\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { FullPageEngineContext } from '@frontend/contexts';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface StepGuideProps {\n    step: Step;\n    children: React.ReactNode;\n}\n\nexport default function StepGuide(props: StepGuideProps) {\n    const { setCurrentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    useEffect(() => {\n        setCurrentStep(props.step);\n\n        const colorProfile = props.step.getColorProfile(ccx, hotel);\n\n        if (colorProfile) {\n            RoomstayThemeEngine.changeTheme(colorProfile);\n        }\n    }, [props.step.getColorProfile(ccx, hotel)]);\n\n    return useMemo(() => {\n        const validator = props.step.getValidator();\n\n        if (validator?.isValid(basketContext)) {\n            return <>{props.children}</>;\n        } else {\n            return <Redirect to={StepManager.getPreviousStepUrl(props.step)} />;\n        }\n    }, [basketContext]);\n}\n"]}
+{"version":3,"file":"StepGuide.js","sourceRoot":"/","sources":["src/pages/steps/StepGuide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0F;AAC1F,2CAAkD;AAClD,+CAA8D;AAC9D,uDAA4C;AAG5C,0FAAkE;AAClE,qEAA6C;AAO7C,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,YAAY,EAAE;YACd,6BAAmB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YACnC,OAAO,8DAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,8BAAC,2BAAQ,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;SACvE;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC;AA1BD,4BA0BC","sourcesContent":["import { BasketContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useMemo } from 'react';\nimport { Redirect } from 'react-router-dom';\n\nimport Step from '@/pages/steps/Step';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport StepManager from '@/util/StepManager';\n\nexport interface StepGuideProps {\n    step: Step;\n    children: React.ReactNode;\n}\n\nexport default function StepGuide(props: StepGuideProps) {\n    const { setCurrentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    useEffect(() => {\n        setCurrentStep(props.step);\n\n        const colorProfile = props.step.getColorProfile(ccx, hotel);\n\n        if (colorProfile) {\n            RoomstayThemeEngine.changeTheme(colorProfile);\n        }\n    }, [props.step.getColorProfile(ccx, hotel)]);\n\n    return useMemo(() => {\n        const validator = props.step.getValidator();\n\n        if (validator?.isValid(basketContext)) {\n            return <>{props.children}</>;\n        } else {\n            return <Redirect to={StepManager.getPreviousStepUrl(props.step)} />;\n        }\n    }, [basketContext]);\n}\n"]}

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

@@ -1,7 +1,7 @@
+import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import Step from '../Step';
 import StepHotelValidator from './StepHotelValidator';
-import { IHotelColorScheme } from '@roomstay/core';
 declare class StepHotel extends Step {
     constructor();
     getComponent(): () => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepHotelLoader from '@/pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\nclass StepHotel extends Step {\n    public constructor() {\n        super('Hotel');\n    }\n\n    public getComponent() {\n        return StepHotelLoader;\n    }\n\n    public getValidator() {\n        return new StepHotelValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Hotel;\n    }\n\n    public getColorProfile(company: Company): IHotelColorScheme {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}
+{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AAGvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import { IHotelColorScheme } from '@roomstay/core';\nimport { Translation } from 'translations/Translation';\n\nimport { Company } from '@/models/Client/Hotel/Company';\nimport Step from '@/pages/steps/Step';\nimport StepHotelLoader from '@/pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';\n\nclass StepHotel extends Step {\n    public constructor() {\n        super('Hotel');\n    }\n\n    public getComponent() {\n        return StepHotelLoader;\n    }\n\n    public getValidator() {\n        return new StepHotelValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Hotel;\n    }\n\n    public getColorProfile(company: Company): IHotelColorScheme {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js

@@ -26,22 +26,22 @@ 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 events_1 = require("../../../events/index.js");
+const classnames_1 = __importDefault(require("classnames"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../contexts/index.js");
+const Translation_1 = require("translations/Translation");
 const BEButton_1 = __importDefault(require("../../../components/generic/BEButton"));
-const Text_1 = __importStar(require("../../../components/generic/Text"));
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
+const Select_1 = require("../../../components/generic/Select/Select");
+const Text_1 = __importStar(require("../../../components/generic/Text"));
 const HotelCardList_1 = __importDefault(require("../../../components/steps/hotel/HotelCardList"));
 const HotelSearchParameters_1 = __importDefault(require("../../../components/steps/hotel/HotelSearchParameters"));
-const Translation_1 = require("translations/Translation");
+const EventHook_1 = require("../../../hooks/EventHook");
 const Color_1 = require("../../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const EventHook_1 = require("../../../hooks/EventHook");
-const events_1 = require("../../../events/index.js");
-const Select_1 = require("../../../components/generic/Select/Select");
-const classnames_1 = __importDefault(require("classnames"));
 var SortByOptions;
 (function (SortByOptions) {
     SortByOptions["Recommended"] = "R";

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelCardList from '@/components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '@/components/steps/hotel/HotelSearchParameters';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport classNames from 'classnames';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\ninterface ISortByOption {\n    value: SortByOptions;\n    text: string;\n}\n\nconst StepHotelComponent = () => {\n    const { t } = useTranslation();\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: t(Translation.Step.Room.Sort.Recommended) },\n        { value: SortByOptions.LowestPrice, text: t(Translation.Step.Room.Sort.LowestPrice) },\n        { value: SortByOptions.HighestPrice, text: t(Translation.Step.Room.Sort.HighestPrice) },\n    ];\n\n    const ccx = useContext(CompanyContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const fullPageContext = useContext(FullPageEngineContext);\n\n    const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n    const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n    const [cityOptions, setCityOptions] = useState<IDefaultSelectOption[]>([]);\n\n    const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n            if (hotel.address?.city === city) {\n                return hotel;\n            } else if (city === 'All') {\n                return hotel;\n            }\n        });\n\n        if (sortBy === SortByOptions.Recommended) {\n            setSortedHotels(hotelsToShow);\n        } else {\n            setSortedHotels(\n                [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n                    switch (sortBy) {\n                        case SortByOptions.LowestPrice:\n                            return (a.lowestPrice?.value as number) - (b.lowestPrice?.value as number);\n                        case SortByOptions.HighestPrice:\n                            return (b.lowestPrice?.value as number) - (a.lowestPrice?.value as number);\n                    }\n                })\n            );\n        }\n    }, [ccx.hotels, sortBy, city]);\n\n    useEffect(() => {\n        const cities: { [cityName: string]: any } = {};\n\n        ccx.hotels.forEach((hotel: Hotel) => {\n            // We must wait till address is loaded\n            if (hotel.address) {\n                cities[hotel.address.city as string] = { value: hotel.address.city, text: hotel.address.city };\n            }\n        });\n\n        setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n    }, [ccx.hotels]);\n\n    useEffect(() => {\n        ccx.hotels.forEach((hotel) => {\n            ccx.updateLowestPricePerNight(hotel, basketRow);\n        });\n    }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n    const changeCountry = (selected: string) => {\n        setCity(selected);\n    };\n\n    const changeFilter = (selected: SortByOptions) => {\n        setSortBy(selected);\n    };\n\n    const clearFilters = () => {\n        setCity(cityOptions[0]?.value);\n        setSortBy(sortByValues[0].value);\n    };\n\n    useEffect(() => {\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        if (!startDate || !endDate) {\n            if (startDate) {\n                basketRow.setEndDate(startDate.add(1, 'day'));\n            } else {\n                basketRow.setStartDate(dayjs().add(1, 'day'));\n                basketRow.setEndDate(dayjs().add(2, 'day'));\n            }\n\n            basketContext.updateBasketRow(basketRow);\n        }\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\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                                <Select<ISortByOption, 'value'> nativeOnMobile options={sortByValues} value={sortBy} onChange={changeFilter} keyName=\"value\" labelName=\"text\" />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div>\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>{t(Translation.Step.Hotel.Cities)}</strong>\n                                </Text>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={cityOptions}\n                                        value={city}\n                                        onChange={changeCountry}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                        <div\n                            className={classNames('col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end', {\n                                'u-marg-top--light': context.screenSize <= ScreenSize.Medium,\n                            })}\n                        >\n                            <BEButton rounded size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                {t(Translation.Misc.ClearAll)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            <HotelSearchParameters />\n            <HotelCardList hotelList={sortedHotels as Hotel[]} />\n        </div>\n    );\n};\n\nexport default StepHotelComponent;\n"]}
+{"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAgH;AAChH,6CAAsD;AACtD,4DAAoC;AACpC,kDAA0B;AAC1B,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,+EAAuD;AACvD,+DAAkF;AAClF,kEAA2D;AAC3D,2FAAmE;AACnE,2GAAmF;AACnF,iDAA6C;AAE7C,wCAAqC;AACrC,mEAA2C;AAE3C,IAAK,aAIJ;AAJD,WAAK,aAAa;IACd,kCAAiB,CAAA;IACjB,kCAAiB,CAAA;IACjB,mCAAkB,CAAA;AACtB,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;AAOD,MAAM,kBAAkB,GAAG,GAAG,EAAE;;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG;QACjB,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QACrF,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QACrF,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;KAC1F,CAAC;IAEF,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,eAAe,CAAC,aAAa,CAAC,WAAW,mCAAI,KAAK,CAAC,CAAC;IAErF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAyB,EAAE,CAAC,CAAC;IAE3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAE5D,MAAM,SAAS,GAAG,MAAA,aAAa,CAAC,iBAAiB,mCAAI,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAExF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,2BAAkB,EAAE,CAAC;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAY,EAAE,EAAE;;YACpD,IAAI,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,MAAK,IAAI,EAAE;gBAC9B,OAAO,KAAK,CAAC;aAChB;iBAAM,IAAI,IAAI,KAAK,KAAK,EAAE;gBACvB,OAAO,KAAK,CAAC;aAChB;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,KAAK,aAAa,CAAC,WAAW,EAAE;YACtC,eAAe,CAAC,YAAY,CAAC,CAAC;SACjC;aAAM;YACH,eAAe,CACX,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAQ,EAAE,CAAQ,EAAE,EAAE;;gBAC1C,QAAQ,MAAM,EAAE;oBACZ,KAAK,aAAa,CAAC,WAAW;wBAC1B,OAAO,CAAC,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAgB,KAAI,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAgB,CAAA,CAAC;oBAC/E,KAAK,aAAa,CAAC,YAAY;wBAC3B,OAAO,CAAC,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAgB,KAAI,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAgB,CAAA,CAAC;iBAClF;YACL,CAAC,CAAC,CACL,CAAC;SACL;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,MAAM,GAAgC,EAAE,CAAC;QAE/C,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAY,EAAE,EAAE;YAChC,sCAAsC;YACtC,IAAI,KAAK,CAAC,OAAO,EAAE;gBACf,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAc,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aAClG;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACzB,GAAG,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,EAAE,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAE,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAAE,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAEtI,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAuB,EAAE,EAAE;QAC7C,SAAS,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;;QACtB,OAAO,CAAC,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,CAAC;QAC/B,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC;QAC3C,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;QAEvC,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE;YACxB,IAAI,SAAS,EAAE;gBACX,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACH,SAAS,CAAC,YAAY,CAAC,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,UAAU,CAAC,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aAC/C;YAED,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;SAC5C;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,uCAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,uCAAK,SAAS,EAAC,UAAU;gBACrB,uCAAK,SAAS,EAAC,qBAAqB;oBAChC,uCAAK,SAAS,EAAC,yBAAyB;wBACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;4BAC7C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAU,CAC/C;wBACP;4BACI,8BAAC,eAAM,IAAyB,cAAc,QAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CAC9I,CACJ;oBACN,uCAAK,SAAS,EAAC,yBAAyB;wBACpC;4BACI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;gCAC7C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAU,CAChD;4BACP,uCAAK,SAAS,EAAC,0DAA0D;gCACrE,8BAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,GAClB,CACA,CACJ,CACJ;oBACN,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,oDAAoD,EAAE;4BACxE,mBAAmB,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM;yBAC/D,CAAC;wBAEF,8BAAC,kBAAQ,IAAC,OAAO,QAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,MAAK,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAA,IAAI,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAC5H,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACJ,CACJ;QACN,8BAAC,mBAAS,OAAG;QACb,8BAAC,+BAAqB,OAAG;QACzB,8BAAC,uBAAa,IAAC,SAAS,EAAE,YAAuB,GAAI,CACnD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HotelCardList from '@/components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '@/components/steps/hotel/HotelSearchParameters';\nimport { useEvent } from '@/hooks/EventHook';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\ninterface ISortByOption {\n    value: SortByOptions;\n    text: string;\n}\n\nconst StepHotelComponent = () => {\n    const { t } = useTranslation();\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: t(Translation.Step.Room.Sort.Recommended) },\n        { value: SortByOptions.LowestPrice, text: t(Translation.Step.Room.Sort.LowestPrice) },\n        { value: SortByOptions.HighestPrice, text: t(Translation.Step.Room.Sort.HighestPrice) },\n    ];\n\n    const ccx = useContext(CompanyContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const fullPageContext = useContext(FullPageEngineContext);\n\n    const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n    const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n    const [cityOptions, setCityOptions] = useState<IDefaultSelectOption[]>([]);\n\n    const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n            if (hotel.address?.city === city) {\n                return hotel;\n            } else if (city === 'All') {\n                return hotel;\n            }\n        });\n\n        if (sortBy === SortByOptions.Recommended) {\n            setSortedHotels(hotelsToShow);\n        } else {\n            setSortedHotels(\n                [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n                    switch (sortBy) {\n                        case SortByOptions.LowestPrice:\n                            return (a.lowestPrice?.value as number) - (b.lowestPrice?.value as number);\n                        case SortByOptions.HighestPrice:\n                            return (b.lowestPrice?.value as number) - (a.lowestPrice?.value as number);\n                    }\n                })\n            );\n        }\n    }, [ccx.hotels, sortBy, city]);\n\n    useEffect(() => {\n        const cities: { [cityName: string]: any } = {};\n\n        ccx.hotels.forEach((hotel: Hotel) => {\n            // We must wait till address is loaded\n            if (hotel.address) {\n                cities[hotel.address.city as string] = { value: hotel.address.city, text: hotel.address.city };\n            }\n        });\n\n        setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n    }, [ccx.hotels]);\n\n    useEffect(() => {\n        ccx.hotels.forEach((hotel) => {\n            ccx.updateLowestPricePerNight(hotel, basketRow);\n        });\n    }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n    const changeCountry = (selected: string) => {\n        setCity(selected);\n    };\n\n    const changeFilter = (selected: SortByOptions) => {\n        setSortBy(selected);\n    };\n\n    const clearFilters = () => {\n        setCity(cityOptions[0]?.value);\n        setSortBy(sortByValues[0].value);\n    };\n\n    useEffect(() => {\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        if (!startDate || !endDate) {\n            if (startDate) {\n                basketRow.setEndDate(startDate.add(1, 'day'));\n            } else {\n                basketRow.setStartDate(dayjs().add(1, 'day'));\n                basketRow.setEndDate(dayjs().add(2, 'day'));\n            }\n\n            basketContext.updateBasketRow(basketRow);\n        }\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\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                                <Select<ISortByOption, 'value'> nativeOnMobile options={sortByValues} value={sortBy} onChange={changeFilter} keyName=\"value\" labelName=\"text\" />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div>\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>{t(Translation.Step.Hotel.Cities)}</strong>\n                                </Text>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={cityOptions}\n                                        value={city}\n                                        onChange={changeCountry}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                        <div\n                            className={classNames('col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end', {\n                                'u-marg-top--light': context.screenSize <= ScreenSize.Medium,\n                            })}\n                        >\n                            <BEButton rounded size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                {t(Translation.Misc.ClearAll)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            <HotelSearchParameters />\n            <HotelCardList hotelList={sortedHotels as Hotel[]} />\n        </div>\n    );\n};\n\nexport default StepHotelComponent;\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelLoader.js

@@ -27,15 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const contexts_1 = require("../../../contexts/index.js");
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const react_3 = require("react");
+const react_1 = __importStar(require("react"));
 const LineBreak_1 = __importDefault(require("../../../components/generic/LineBreak"));
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
-const StepHotelComponent = (0, react_3.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepHotelComponent'))));
+const StepHotelComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepHotelComponent'))));
 const Loader = () => {
-    const { screenSize } = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     return screenSize > ScreenSize_1.default.Medium ? (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
             react_1.default.createElement(Placeholder_1.default, { blink: true, type: "text", w: "xs", h: "xs" }),
@@ -75,7 +73,7 @@ const Loader = () => {
             react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }))));
 };
 const StepHotelLoader = () => {
-    return (react_1.default.createElement(react_3.Suspense, { fallback: react_1.default.createElement(Loader, null) },
+    return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(Loader, null) },
         react_1.default.createElement(StepHotelComponent, null)));
 };
 exports.default = StepHotelLoader;

package/dist/src/pages/steps/StepHotel/StepHotelLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHotelLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,kDAA0B;AAC1B,iCAAmC;AAEnC,iCAAuC;AACvC,+EAAuD;AACvD,mFAA2D;AAC3D,mEAA2C;AAE3C,MAAM,kBAAkB,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,4CAA4C,GAAC,CAAC,CAAC;AAE5F,MAAM,MAAM,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAExD,OAAO,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,uCAAK,SAAS,EAAC,WAAW;QACtB,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C;QACN;YACI,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C;QACN,8BAAC,mBAAS,OAAG;QACb;YACI,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C;QACN,uCAAK,SAAS,EAAC,KAAK,IACf,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,uCAAK,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,KAAK;YAChC,8BAAC,qBAAW,IAAC,KAAK,QAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,GAAG;YAC9D,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;YAC/C,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,GAAG;YAC9D,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C,CACT,CAAC,CACA,CACJ,CACT,CAAC,CAAC,CAAC,CACA,uCAAK,SAAS,EAAC,WAAW;QACtB,uCAAK,SAAS,EAAC,KAAK;YAChB,uCAAK,SAAS,EAAC,OAAO;gBAClB,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C;YACN,uCAAK,SAAS,EAAC,OAAO;gBAClB,8BAAC,qBAAW,IAAC,KAAK,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7C,CACJ;QACN,8BAAC,mBAAS,OAAG;QACb,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,SAAG;QAC9D,uCAAK,SAAS,EAAC,gBAAgB;YAC3B,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,SAAG;YAC9D,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;YAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;YAC/C,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;YACN,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,SAAG;YAC9D,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;YAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,OAAO,CACH,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,8BAAC,MAAM,OAAG;QAC1B,8BAAC,kBAAkB,OAAG,CACf,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React from 'react';\nimport { useContext } from 'react';\n\nimport { lazy, Suspense } from 'react';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Placeholder from '@/components/generic/Placeholder';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst StepHotelComponent = lazy(() => import('@/pages/steps/StepHotel/StepHotelComponent'));\n\nconst Loader = () => {\n    const { screenSize } = useContext(BookingEngineContext);\n\n    return screenSize > ScreenSize.Medium ? (\n        <div className=\"container\">\n            <div className=\"u-marg-bottom--heavy\">\n                <Placeholder blink type=\"text\" w=\"xs\" h=\"xs\" />\n                <Placeholder blink type=\"text\" w=\"sm\" h=\"md\" />\n            </div>\n            <div>\n                <Placeholder blink type=\"text\" w=\"md\" h=\"lg\" />\n            </div>\n            <LineBreak />\n            <div>\n                <Placeholder blink type=\"text\" w=\"xl\" h=\"lg\" />\n            </div>\n            <div className=\"row\">\n                {[0, 1, 2].map((index) => (\n                    <div className=\"col-md-4\" key={index}>\n                        <Placeholder blink rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"lg\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"xl\" />\n                    </div>\n                ))}\n            </div>\n        </div>\n    ) : (\n        <div className=\"container\">\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n                <div className=\"col-6\">\n                    <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n            </div>\n            <LineBreak />\n            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink />\n            <div className=\"u-marg-top--xl\">\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink />\n                <div className=\"u-marg-top--heavy\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                </div>\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink />\n                <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n            </div>\n        </div>\n    );\n};\n\nconst StepHotelLoader = () => {\n    return (\n        <Suspense fallback={<Loader />}>\n            <StepHotelComponent />\n        </Suspense>\n    );\n};\n\nexport default StepHotelLoader;\n"]}
+{"version":3,"file":"StepHotelLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelLoader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { lazy, Suspense, useContext } from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport Placeholder from '@/components/generic/Placeholder';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst StepHotelComponent = lazy(() => import('@/pages/steps/StepHotel/StepHotelComponent'));\n\nconst Loader = () => {\n    const { screenSize } = useContext(BookingEngineContext);\n\n    return screenSize > ScreenSize.Medium ? (\n        <div className=\"container\">\n            <div className=\"u-marg-bottom--heavy\">\n                <Placeholder blink type=\"text\" w=\"xs\" h=\"xs\" />\n                <Placeholder blink type=\"text\" w=\"sm\" h=\"md\" />\n            </div>\n            <div>\n                <Placeholder blink type=\"text\" w=\"md\" h=\"lg\" />\n            </div>\n            <LineBreak />\n            <div>\n                <Placeholder blink type=\"text\" w=\"xl\" h=\"lg\" />\n            </div>\n            <div className=\"row\">\n                {[0, 1, 2].map((index) => (\n                    <div className=\"col-md-4\" key={index}>\n                        <Placeholder blink rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"lg\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n                        <Placeholder blink type=\"text\" w=\"md\" h=\"xl\" />\n                    </div>\n                ))}\n            </div>\n        </div>\n    ) : (\n        <div className=\"container\">\n            <div className=\"row\">\n                <div className=\"col-6\">\n                    <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n                <div className=\"col-6\">\n                    <Placeholder blink type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n            </div>\n            <LineBreak />\n            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink />\n            <div className=\"u-marg-top--xl\">\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink />\n                <div className=\"u-marg-top--heavy\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                </div>\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink />\n                <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink />\n                <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n            </div>\n        </div>\n    );\n};\n\nconst StepHotelLoader = () => {\n    return (\n        <Suspense fallback={<Loader />}>\n            <StepHotelComponent />\n        </Suspense>\n    );\n};\n\nexport default StepHotelLoader;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoom.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 StepRoomLoader from './StepRoomLoader';
 import StepRoomValidator from './StepRoomValidator';
-import { IHotelColorScheme } from '@roomstay/core';
 declare class StepRoom extends Step {
     constructor();
     getComponent(): typeof StepRoomLoader;