@roomstay/frontend 1.6.1 → 2.0.0-1

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,+BAA+B;AAE/B,wDAAiD;AACjD,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,6EAAsE;AAOtE,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,kBAAU,CAAC,gCAAqB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,iBAAS,CAAC,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,eAAO,CAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,aAAa,GAAG;YACnC,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,oBAAC,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 * as React from 'react';\nimport Step from './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,iCAAuD;AACvD,iDAAmD;AACnD,uDAA4C;AAC5C,+BAA+B;AAE/B,kDAA2C;AAC3C,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,uEAAgE;AAOhE,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,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;SAChC;aAAM;YACH,OAAO,oBAAC,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 * as 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"]}

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

@@ -1,11 +1,10 @@
-import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
-import { Company } from '../../../models/Client/Hotel/Company';
-import Step from '../Step';
-import StepHotelLoader from './StepHotelLoader';
-import StepHotelValidator from './StepHotelValidator';
+import ColorProfile from 'models/Client/Hotel/ColorProfile';
+import { Company } from 'models/Client/Hotel/Company';
+import Step from 'pages/steps/Step';
+import StepHotelValidator from 'pages/steps/StepHotel/StepHotelValidator';
 declare class StepHotel extends Step {
     constructor();
-    getComponent(): typeof StepHotelLoader;
+    getComponent(): () => JSX.Element;
     getValidator(): StepHotelValidator;
     getStepTranslation(): string;
     getColorProfile(company: Company): ColorProfile;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Translation_1 = require("../../../translations/Translation");
-const Step_1 = require("../Step");
-const StepHotelLoader_1 = require("./StepHotelLoader");
-const StepHotelValidator_1 = require("./StepHotelValidator");
+const Translation_1 = require("translations/Translation");
+const Step_1 = require("pages/steps/Step");
+const StepHotelLoader_1 = require("pages/steps/StepHotel/StepHotelLoader");
+const StepHotelValidator_1 = require("pages/steps/StepHotel/StepHotelValidator");
 class StepHotel extends Step_1.default {
     constructor() {
         super('Hotel');

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":";;AAEA,mEAAgE;AAChE,kCAA2B;AAC3B,uDAAgD;AAChD,6DAAsD;AAEtD,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '../../../models/Client/Hotel/ColorProfile';\nimport { Company } from '../../../models/Client/Hotel/Company';\nimport { Translation } from '../../../translations/Translation';\nimport Step from '../Step';\nimport StepHotelLoader from './StepHotelLoader';\nimport StepHotelValidator from './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): ColorProfile {\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":";;AAEA,0DAAuD;AACvD,2CAAoC;AACpC,2EAAoE;AACpE,iFAA0E;AAE1E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { 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';\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): ColorProfile {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}

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

@@ -4,18 +4,18 @@ const dayjs = require("dayjs");
 const React = require("react");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const BEButton_1 = require("../../../components/generic/BEButton");
-const Text_1 = require("../../../components/generic/Text");
-const BESelect_1 = require("../../../components/generic/BESelect");
-const LineBreak_1 = require("../../../components/generic/LineBreak");
-const HotelCardList_1 = require("../../../components/steps/hotel/HotelCardList");
-const HotelSearchParameters_1 = require("../../../components/steps/hotel/HotelSearchParameters");
 const contexts_1 = require("@frontend/contexts");
-const Translation_1 = require("../../../translations/Translation");
-const Color_1 = require("../../../util/Color");
-const ScreenSize_1 = require("../../../util/ScreenSize");
-const hooks_1 = require("@frontend/hooks");
-const events_1 = require("../../../events");
+const BEButton_1 = require("components/generic/BEButton");
+const Text_1 = require("components/generic/Text");
+const BESelect_1 = require("components/generic/BESelect");
+const LineBreak_1 = require("components/generic/LineBreak");
+const HotelCardList_1 = require("components/steps/hotel/HotelCardList");
+const HotelSearchParameters_1 = require("components/steps/hotel/HotelSearchParameters");
+const Translation_1 = require("translations/Translation");
+const Color_1 = require("util/Color");
+const ScreenSize_1 = require("util/ScreenSize");
+const EventHook_1 = require("hooks/EventHook");
+const events_1 = require("@frontend/events");
 var SortByOptions;
 (function (SortByOptions) {
     SortByOptions["Recommended"] = "R";
@@ -29,21 +29,21 @@ const StepHotelComponent = () => {
         { value: SortByOptions.LowestPrice, text: 'Lowest Price' },
         { value: SortByOptions.HighestPrice, text: 'Highest Price' },
     ];
-    const ccx = react_1.useContext(contexts_1.CompanyContext);
-    const context = react_1.useContext(contexts_1.BookingEngineContext);
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const fullPageContext = react_1.useContext(contexts_1.FullPageEngineContext);
-    const [sortBy, setSortBy] = react_1.useState(sortByValues[0].value);
-    const [city, setCity] = react_1.useState((_a = fullPageContext.urlParameters.defaultCity) !== null && _a !== void 0 ? _a : 'All');
-    const [cityOptions, setCityOptions] = react_1.useState([]);
-    const [sortedHotels, setSortedHotels] = react_1.useState();
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const fullPageContext = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const [sortBy, setSortBy] = (0, react_1.useState)(sortByValues[0].value);
+    const [city, setCity] = (0, react_1.useState)((_a = fullPageContext.urlParameters.defaultCity) !== null && _a !== void 0 ? _a : 'All');
+    const [cityOptions, setCityOptions] = (0, react_1.useState)([]);
+    const [sortedHotels, setSortedHotels] = (0, react_1.useState)();
     const basketRow = (_b = basketContext.selectedBasketRow) !== null && _b !== void 0 ? _b : basketContext.currentBasketRows[0];
-    const { raise } = hooks_1.useEvent();
-    react_1.useEffect(() => {
+    const { raise } = (0, EventHook_1.useEvent)();
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepHotelViewEvent();
         raise(event);
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const hotelsToShow = ccx.hotels.filter((hotel) => {
             var _a;
             if (((_a = hotel.address) === null || _a === void 0 ? void 0 : _a.city) === city) {
@@ -68,7 +68,7 @@ const StepHotelComponent = () => {
             }));
         }
     }, [ccx.hotels, sortBy, city]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const cities = {};
         ccx.hotels.forEach((hotel) => {
             // We must wait till address is loaded
@@ -78,12 +78,12 @@ const StepHotelComponent = () => {
         });
         setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);
     }, [ccx.hotels]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         ccx.hotels.forEach((hotel) => {
             ccx.updateLowestPricePerNight(hotel, basketRow);
         });
     }, [basketRow === null || basketRow === void 0 ? void 0 : basketRow.getStartDate(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getEndDate(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getAdults(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getChildren(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getPromoCode()]);
-    const { t } = react_i18next_1.useTranslation();
+    const { t } = (0, react_i18next_1.useTranslation)();
     const changeCountry = (selected) => {
         setCity(selected);
     };
@@ -95,7 +95,7 @@ const StepHotelComponent = () => {
         setCity((_a = cityOptions[0]) === null || _a === void 0 ? void 0 : _a.value);
         setSortBy(sortByValues[0].value);
     };
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const startDate = basketRow.getStartDate();
         const endDate = basketRow.getEndDate();
         if (!startDate || !endDate) {

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 * as dayjs from 'dayjs';\nimport * as React from 'react';\nimport { useEffect, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport BEButton from '../../../components/generic/BEButton';\nimport Text, { TextType } from '../../../components/generic/Text';\nimport BESelect from '../../../components/generic/BESelect';\nimport LineBreak from '../../../components/generic/LineBreak';\nimport HotelCardList from '../../../components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '../../../components/steps/hotel/HotelSearchParameters';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\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 '@frontend/hooks';\nimport { StepHotelViewEvent } from '../../../events';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\nconst StepHotelComponent = () => {\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: 'Recommended' },\n        { value: SortByOptions.LowestPrice, text: 'Lowest Price' },\n        { value: SortByOptions.HighestPrice, text: 'Highest Price' },\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([]);\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 - b.lowestPrice?.value;\n                        case SortByOptions.HighestPrice:\n                            return b.lowestPrice?.value - a.lowestPrice?.value;\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] = { 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 { t } = useTranslation();\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                    {\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                                    <BESelect items={sortByValues} selectedValue={sortBy} onChange={changeFilter} />\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>Cities</strong>\n                                    </Text>\n                                    <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                        <BESelect items={cityOptions} selectedValue={city} onChange={changeCountry} />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className={'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize.Medium ? 'u-marg-top--light' : '')}>\n                                <BEButton rounded={true} size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                    Clear all\n                                </BEButton>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n            <LineBreak />\n            {<HotelSearchParameters />}\n            <HotelCardList hotelList={sortedHotels} />\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,+BAA+B;AAC/B,+BAA+B;AAC/B,iCAAwD;AACxD,iDAA+C;AAC/C,iDAAgH;AAChH,0DAAmD;AACnD,kDAAyD;AACzD,0DAAmD;AACnD,4DAAqD;AACrD,wEAAiE;AACjE,wFAAiF;AAGjF,0DAAuD;AACvD,sCAAmC;AACnC,gDAAyC;AACzC,+CAA2C;AAC3C,6CAAsD;AAEtD,IAAK,aAIJ;AAJD,WAAK,aAAa;IACd,kCAAiB,CAAA;IACjB,kCAAiB,CAAA;IACjB,mCAAkB,CAAA;AACtB,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;;IAC5B,MAAM,YAAY,GAAG;QACjB,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE;QACzD,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE;QAC1D,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;KAC/D,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,EAAC,EAAE,CAAC,CAAC;IAEnD,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,CAAA,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAK,KAAG,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAK,CAAA,CAAC;oBACvD,KAAK,aAAa,CAAC,YAAY;wBAC3B,OAAO,CAAA,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAK,KAAG,MAAA,CAAC,CAAC,WAAW,0CAAE,KAAK,CAAA,CAAC;iBAC1D;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,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACxF;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,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,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,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,UAAU,IAEjB,6BAAK,SAAS,EAAC,qBAAqB;gBAChC,6BAAK,SAAS,EAAC,yBAAyB;oBACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAU,CAC/C;oBACP;wBACI,oBAAC,kBAAQ,IAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAI,CAC9E,CACJ;gBACN,6BAAK,SAAS,EAAC,yBAAyB;oBACpC;wBACI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;4BAC7C,6CAAuB,CACpB;wBACP,6BAAK,SAAS,EAAC,0DAA0D;4BACrE,oBAAC,kBAAQ,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,GAAI,CAC5E,CACJ,CACJ;gBACN,6BAAK,SAAS,EAAE,qDAAqD,GAAG,CAAC,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxI,oBAAC,kBAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,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,gBAE7H,CACT,CACJ,CAER,CACJ;QACN,oBAAC,mBAAS,OAAG;QACZ,oBAAC,+BAAqB,OAAG;QAC1B,oBAAC,uBAAa,IAAC,SAAS,EAAE,YAAY,GAAI,CACxC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import * as dayjs from 'dayjs';\nimport * as React from 'react';\nimport { useEffect, useContext, 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 BESelect from 'components/generic/BESelect';\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';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\nconst StepHotelComponent = () => {\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: 'Recommended' },\n        { value: SortByOptions.LowestPrice, text: 'Lowest Price' },\n        { value: SortByOptions.HighestPrice, text: 'Highest Price' },\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([]);\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 - b.lowestPrice?.value;\n                        case SortByOptions.HighestPrice:\n                            return b.lowestPrice?.value - a.lowestPrice?.value;\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] = { 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 { t } = useTranslation();\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                    {\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                                    <BESelect items={sortByValues} selectedValue={sortBy} onChange={changeFilter} />\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>Cities</strong>\n                                    </Text>\n                                    <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                        <BESelect items={cityOptions} selectedValue={city} onChange={changeCountry} />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className={'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize.Medium ? 'u-marg-top--light' : '')}>\n                                <BEButton rounded={true} size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                    Clear all\n                                </BEButton>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n            <LineBreak />\n            {<HotelSearchParameters />}\n            <HotelCardList hotelList={sortedHotels} />\n        </div>\n    );\n};\n\nexport default StepHotelComponent;\n"]}

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

@@ -1 +1,2 @@
-export default function (): JSX.Element;
+declare const StepHotelLoader: () => JSX.Element;
+export default StepHotelLoader;

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

@@ -4,12 +4,12 @@ const contexts_1 = require("@frontend/contexts");
 const React = require("react");
 const react_1 = require("react");
 const react_2 = require("react");
-const LineBreak_1 = require("../../../components/generic/LineBreak");
-const Placeholder_1 = require("../../../components/generic/Placeholder");
-const ScreenSize_1 = require("../../../util/ScreenSize");
-const StepHotelComponent = react_2.lazy(() => Promise.resolve().then(() => require('./StepHotelComponent')));
-const StepHotelLoader = () => {
-    const { screenSize } = react_1.useContext(contexts_1.BookingEngineContext);
+const LineBreak_1 = require("components/generic/LineBreak");
+const Placeholder_1 = require("components/generic/Placeholder");
+const ScreenSize_1 = require("util/ScreenSize");
+const StepHotelComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => require('pages/steps/StepHotel/StepHotelComponent')));
+const Loader = () => {
+    const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     return screenSize > ScreenSize_1.default.Medium ? (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "u-marg-bottom--heavy" },
             React.createElement(Placeholder_1.default, { blink: true, type: "text", w: "xs", h: "xs" }),
@@ -48,9 +48,9 @@ const StepHotelLoader = () => {
             React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "xl", blink: true }),
             React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }))));
 };
-function default_1() {
-    return (React.createElement(react_2.Suspense, { fallback: React.createElement(StepHotelLoader, null) },
+const StepHotelLoader = () => {
+    return (React.createElement(react_2.Suspense, { fallback: React.createElement(Loader, null) },
         React.createElement(StepHotelComponent, null)));
-}
-exports.default = default_1;
+};
+exports.default = StepHotelLoader;
 //# sourceMappingURL=StepHotelLoader.js.map

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":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport * as 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('./StepHotelComponent'));\n\nconst StepHotelLoader = () => {\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={true} type=\"text\" w=\"xs\" h=\"xs\" />\n                <Placeholder blink={true} type=\"text\" w=\"sm\" h=\"md\" />\n            </div>\n            <div>\n                <Placeholder blink={true} type=\"text\" w=\"md\" h=\"lg\" />\n            </div>\n            <LineBreak />\n            <div>\n                <Placeholder blink={true} 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={true} rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n                        <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n                        <Placeholder blink={true} 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={true} type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n                <div className=\"col-6\">\n                    <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n            </div>\n            <LineBreak />\n            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n            <div className=\"u-marg-top--xl\">\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n                <div className=\"u-marg-top--heavy\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                </div>\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink={true} />\n                <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\n            </div>\n        </div>\n    );\n};\n\nexport default function () {\n    return (\n        <Suspense fallback={<StepHotelLoader />}>\n            <StepHotelComponent />\n        </Suspense>\n    );\n}\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 * as 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={true} type=\"text\" w=\"xs\" h=\"xs\" />\n                <Placeholder blink={true} type=\"text\" w=\"sm\" h=\"md\" />\n            </div>\n            <div>\n                <Placeholder blink={true} type=\"text\" w=\"md\" h=\"lg\" />\n            </div>\n            <LineBreak />\n            <div>\n                <Placeholder blink={true} 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={true} rounded=\"lg\" type=\"block\" blockSize=\"sm\" />\n                        <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"lg\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"text\" w=\"xl\" h=\"xs\" />\n                        <Placeholder blink={true} type=\"block\" blockSize=\"xs\" rounded=\"md\" />\n                        <Placeholder blink={true} 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={true} type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n                <div className=\"col-6\">\n                    <Placeholder blink={true} type=\"text\" w=\"md\" h=\"md\" />\n                </div>\n            </div>\n            <LineBreak />\n            <Placeholder type=\"block\" blockSize=\"sm\" rounded=\"lg\" blink={true} />\n            <div className=\"u-marg-top--xl\">\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"sm\" blink={true} />\n                <div className=\"u-marg-top--heavy\">\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink={true} />\n                </div>\n                <Placeholder type=\"block\" blockSize=\"xs\" rounded=\"lg\" blink={true} />\n                <Placeholder type=\"text\" w=\"md\" h=\"xl\" blink={true} />\n                <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink={true} />\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/StepHotel/StepHotelValidator.d.ts

@@ -1,4 +1,4 @@
-import StepValidator from '../StepValidator';
+import StepValidator from 'pages/steps/StepValidator';
 export default class StepHotelValidator extends StepValidator {
     isValid(): boolean;
 }

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = require("../StepValidator");
+const StepValidator_1 = require("pages/steps/StepValidator");
 class StepHotelValidator extends StepValidator_1.default {
     isValid() {
         return true;

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

@@ -1 +1 @@
-{"version":3,"file":"StepHotelValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelValidator.ts"],"names":[],"mappings":";;AAAA,oDAA6C;AAE7C,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import StepValidator from '../StepValidator';\n\nexport default class StepHotelValidator extends StepValidator {\n    public isValid() {\n        return true;\n    }\n}\n"]}
+{"version":3,"file":"StepHotelValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelValidator.ts"],"names":[],"mappings":";;AAAA,6DAAsD;AAEtD,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepHotelValidator extends StepValidator {\n    public isValid() {\n        return true;\n    }\n}\n"]}

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

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

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Translation_1 = require("../../../translations/Translation");
-const Step_1 = require("../Step");
-const StepRoomLoader_1 = require("./StepRoomLoader");
-const StepRoomValidator_1 = require("./StepRoomValidator");
+const Translation_1 = require("translations/Translation");
+const Step_1 = require("pages/steps/Step");
+const StepRoomLoader_1 = require("pages/steps/StepRoom/StepRoomLoader");
+const StepRoomValidator_1 = require("pages/steps/StepRoom/StepRoomValidator");
 class StepRoom extends Step_1.default {
     constructor() {
         super('Room');

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;AAGA,mEAAgE;AAChE,kCAA2B;AAC3B,qDAA8C;AAC9C,2DAAoD;AAEpD,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from '../../../models/Client/Hotel/ColorProfile';\nimport { Company } from '../../../models/Client/Hotel/Company';\nimport { Hotel } from '../../../models/Client/Hotel/Hotel';\nimport { Translation } from '../../../translations/Translation';\nimport Step from '../Step';\nimport StepRoomLoader from './StepRoomLoader';\nimport StepRoomValidator from './StepRoomValidator';\n\nclass StepRoom extends Step {\n    public constructor() {\n        super('Room');\n    }\n\n    public getComponent() {\n        return StepRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepRoomValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Room;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepRoom();\n"]}
+{"version":3,"file":"StepRoom.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoom.ts"],"names":[],"mappings":";;AAGA,0DAAuD;AACvD,2CAAoC;AACpC,wEAAiE;AACjE,8EAAuE;AAEvE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,wBAAc,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepRoomLoader from 'pages/steps/StepRoom/StepRoomLoader';\nimport StepRoomValidator from 'pages/steps/StepRoom/StepRoomValidator';\n\nclass StepRoom extends Step {\n    public constructor() {\n        super('Room');\n    }\n\n    public getComponent() {\n        return StepRoomLoader;\n    }\n\n    public getValidator() {\n        return new StepRoomValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Room;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepRoom();\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomComponent.d.ts

@@ -1 +1,2 @@
-export default function (): JSX.Element;
+declare const StepRoomComponent: () => JSX.Element;
+export default StepRoomComponent;

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

@@ -4,33 +4,30 @@ const react_1 = require("react");
 const React = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
-const BackButton_1 = require("../../../components/generic/BackButton");
-const Headline_1 = require("../../../components/generic/Headline");
-const Icon_1 = require("../../../components/generic/Icon");
-const LineBreak_1 = require("../../../components/generic/LineBreak");
-const Text_1 = require("../../../components/generic/Text");
-const RoomBuilderProgress_1 = require("../../../components/steps/room/roomBuilderProgress/RoomBuilderProgress");
-const AppliedFiltersBlock_1 = require("../../../components/steps/room/roomFilter/AppliedFiltersBlock");
-const RoomFilterOverlay_1 = require("../../../components/steps/room/roomFilter/RoomFilterOverlay");
-const RoomList_1 = require("../../../components/steps/room/RoomList");
-const StepRoomAlertBlocks_1 = require("../../../components/steps/room/StepRoomAlertBlocks");
-const StepRoomHotelDetails_1 = require("../../../components/steps/room/StepRoomHotelDetails");
-const StepRoomSortBy_1 = require("../../../components/steps/room/StepRoomSortBy");
-const StepRoomSummaryAndButton_1 = require("../../../components/steps/room/StepRoomSummaryAndButton");
-const BEMobileSummary_1 = require("../../../components/summary/BEMobileSummary");
-const Translation_1 = require("../../../translations/Translation");
-const Color_1 = require("../../../util/Color");
-const ScreenSize_1 = require("../../../util/ScreenSize");
-const StepManager_1 = require("../../../util/StepManager");
-const DataLayer_1 = require("../../../util/DataLayer");
+const BackButton_1 = require("components/generic/BackButton");
+const Headline_1 = require("components/generic/Headline");
+const Icon_1 = require("components/generic/Icon/Icon");
+const LineBreak_1 = require("components/generic/LineBreak");
+const Text_1 = require("components/generic/Text");
+const AppliedFiltersBlock_1 = require("components/steps/room/roomFilter/AppliedFiltersBlock");
+const RoomFilterOverlay_1 = require("components/steps/room/roomFilter/RoomFilterOverlay");
+const RoomList_1 = require("components/steps/room/RoomList");
+const StepRoomHotelDetails_1 = require("components/steps/room/StepRoomHotelDetails");
+const StepRoomSortBy_1 = require("components/steps/room/StepRoomSortBy");
+const StepRoomSummaryAndButton_1 = require("components/steps/room/StepRoomSummaryAndButton");
+const BEMobileSummary_1 = require("components/summary/BEMobileSummary");
+const Translation_1 = require("translations/Translation");
+const Color_1 = require("util/Color");
+const ScreenSize_1 = require("util/ScreenSize");
+const StepManager_1 = require("util/StepManager");
+const DataLayer_1 = require("util/DataLayer");
 const contexts_1 = require("@frontend/contexts");
-function default_1() {
-    const context = react_1.useContext(contexts_1.BookingEngineContext);
-    const { t } = react_i18next_1.useTranslation();
-    const filterButton = react_1.useRef();
-    const [filtersOpen, setFiltersOpen] = react_1.useState(false);
-    const { currentStep } = react_1.useContext(contexts_1.FullPageEngineContext);
-    const alertBlocks = React.createElement(StepRoomAlertBlocks_1.default, null);
+const StepRoomComponent = () => {
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const filterButton = (0, react_1.useRef)();
+    const [filtersOpen, setFiltersOpen] = (0, react_1.useState)(false);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const openFilter = () => {
         DataLayer_1.default.instance.sendInteraction('Show Filters', DataLayer_1.InteractionType.DROPDOWN, DataLayer_1.InteractionStep.ROOMS);
         setFiltersOpen(true);
@@ -66,16 +63,9 @@ function default_1() {
         context.screenSize > ScreenSize_1.default.Medium && React.createElement(LineBreak_1.default, null),
         React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
             React.createElement("div", { className: "col-md-7 col-lg-8" },
-                context.screenSize <= ScreenSize_1.default.Medium ? (React.createElement(React.Fragment, null,
-                    alertBlocks,
-                    React.createElement(LineBreak_1.default, { smallMargins: true }),
-                    React.createElement(RoomBuilderProgress_1.default, null),
-                    React.createElement(LineBreak_1.default, { smallMargins: true }))) : (React.createElement(React.Fragment, null,
-                    React.createElement(RoomBuilderProgress_1.default, null),
-                    alertBlocks)),
                 React.createElement(RoomList_1.default, null)),
             React.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
                 React.createElement(StepRoomSummaryAndButton_1.default, null)))));
-}
-exports.default = default_1;
+};
+exports.default = StepRoomComponent;
 //# sourceMappingURL=StepRoomComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useRef, useState } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from '../../../components/generic/BackButton';\nimport Headline from '../../../components/generic/Headline';\nimport Icon, { IconType } from '../../../components/generic/Icon';\nimport LineBreak from '../../../components/generic/LineBreak';\nimport Text, { TextType } from '../../../components/generic/Text';\nimport RoomBuilderProgress from '../../../components/steps/room/roomBuilderProgress/RoomBuilderProgress';\nimport AppliedFiltersBlock from '../../../components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '../../../components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '../../../components/steps/room/RoomList';\nimport StepRoomAlertBlocks from '../../../components/steps/room/StepRoomAlertBlocks';\nimport StepRoomHotelDetails from '../../../components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '../../../components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '../../../components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '../../../components/summary/BEMobileSummary';\n\nimport { Translation } from '../../../translations/Translation';\nimport { Color } from '../../../util/Color';\nimport ScreenSize from '../../../util/ScreenSize';\nimport StepManager from '../../../util/StepManager';\nimport DataLayer, { InteractionType, InteractionStep } from '../../../util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nexport default function () {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef();\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const alertBlocks = <StepRoomAlertBlocks />;\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                {<RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />}\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-lg-8\">\n                    {context.screenSize <= ScreenSize.Medium ? (\n                        <>\n                            {alertBlocks}\n                            <LineBreak smallMargins={true} />\n                            <RoomBuilderProgress />\n                            <LineBreak smallMargins={true} />\n                        </>\n                    ) : (\n                        <>\n                            <RoomBuilderProgress />\n                            {alertBlocks}\n                        </>\n                    )}\n                    <RoomList />\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <StepRoomSummaryAndButton />\n                </div>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;AAAA,iCAAqD;AACrD,+BAA+B;AAC/B,iDAA+C;AAC/C,uDAAwC;AACxC,8DAAuD;AACvD,0DAAmD;AACnD,uDAA8D;AAC9D,4DAAqD;AACrD,kDAAyD;AACzD,8FAAuF;AACvF,0FAAmF;AACnF,6DAAsD;AACtD,qFAA8E;AAC9E,yEAAkE;AAClE,6FAAsF;AACtF,wEAAiE;AAEjE,0DAAuD;AACvD,sCAAmC;AACnC,gDAAyC;AACzC,kDAA2C;AAC3C,8CAA6E;AAC7E,iDAAiF;AAEjF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,IAAA,cAAM,GAAE,CAAC;IAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACpG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACtB,oBAAC,yBAAe,OAAG;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,UAAU;gBACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,oBAAC,oBAAU,OAAG,CACX;oBACP,6BAAK,SAAS,EAAC,wCAAwC;wBACnD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CACpE,CACP,CACN;gBACD,6BAAK,SAAS,EAAC,qBAAqB;oBAChC,6BAAK,SAAS,EAAC,yBAAyB;wBACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;4BAC7C,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAU,CAC/C;wBACP;4BACI,oBAAC,wBAAc,OAAG,CAChB,CACJ;oBACN,6BAAK,SAAS,EAAC,yBAAyB;wBACpC,6BAAK,GAAG,EAAE,YAAY;4BAClB,6BAAK,SAAS,EAAC,0DAA0D,EAAC,OAAO,EAAE,UAAU;gCACzF,oBAAC,cAAI,QAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAQ;gCACvI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACtD;4BACL,oBAAC,2BAAiB,IAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,GAAI,CAC7F,CACJ;oBACN,6BAAK,SAAS,EAAC,8EAA8E;wBACzF,oBAAC,6BAAmB,OAAG,CACrB,CACJ,CACJ;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,mBAAS,OAAG;QACxD,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,kBAAQ,OAAG,CACV;YACN,6BAAK,SAAS,EAAC,wCAAwC;gBACnD,oBAAC,kCAAwB,OAAG,CAC1B,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import { useContext, useRef, useState } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from 'components/generic/BackButton';\nimport Headline from 'components/generic/Headline';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport LineBreak from 'components/generic/LineBreak';\nimport Text, { TextType } from 'components/generic/Text';\nimport AppliedFiltersBlock from 'components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from 'components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from 'components/steps/room/RoomList';\nimport StepRoomHotelDetails from 'components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from 'components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from 'components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from 'components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport StepManager from 'util/StepManager';\nimport DataLayer, { InteractionType, InteractionStep } from 'util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef();\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                {<RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />}\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-lg-8\">\n                    <RoomList />\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <StepRoomSummaryAndButton />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const Placeholder_1 = require("../../../components/generic/Placeholder");
+const Placeholder_1 = require("components/generic/Placeholder");
 const react_1 = require("react");
-const StepRoomComponent = react_1.lazy(() => Promise.resolve().then(() => require('./StepRoomComponent')));
+const StepRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => require('pages/steps/StepRoom/StepRoomComponent')));
 function StepRoomPlaceholder() {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "row no-gutters" },

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

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