@roomstay/frontend 2.0.11 → 2.1.0

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

@@ -1,9 +1,35 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const Placeholder_1 = require("components/generic/Placeholder");
-const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => require('pages/steps/StepConfirmation/StepConfirmationComponent')));
+const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
+const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('pages/steps/StepConfirmation/StepConfirmationComponent'))));
 function StepConfirmationPlaceholder() {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "row no-gutters" },

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

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

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

@@ -1,6 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = require("pages/steps/StepValidator");
+const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
 class StepConfirmationValidator extends StepValidator_1.default {
     isValid(context) {
         var _a;

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

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

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

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const Translation_1 = require("translations/Translation");
-const Step_1 = require("pages/steps/Step");
-const StepDateComponent_1 = require("pages/steps/StepDate/StepDateComponent");
-const StepDateValidator_1 = require("pages/steps/StepDate/StepDateValidator");
+const Step_1 = __importDefault(require("pages/steps/Step"));
+const StepDateComponent_1 = __importDefault(require("pages/steps/StepDate/StepDateComponent"));
+const StepDateValidator_1 = __importDefault(require("pages/steps/StepDate/StepDateValidator"));
 class StepDate extends Step_1.default {
     constructor() {
         super('Date');

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

@@ -1 +1 @@
-{"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;AAGA,0DAAuD;AACvD,2CAAoC;AACpC,8EAAuE;AACvE,8EAAuE;AAEvE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,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 StepDateComponent from 'pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from 'pages/steps/StepDate/StepDateValidator';\n\nclass StepDate extends Step {\n    public constructor() {\n        super('Date');\n    }\n\n    public getComponent() {\n        return StepDateComponent;\n    }\n\n    public getValidator() {\n        return new StepDateValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Date;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepDate();\n"]}
+{"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,4DAAoC;AACpC,+FAAuE;AACvE,+FAAuE;AAEvE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,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 StepDateComponent from 'pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from 'pages/steps/StepDate/StepDateValidator';\n\nclass StepDate extends Step {\n    public constructor() {\n        super('Date');\n    }\n\n    public getComponent() {\n        return StepDateComponent;\n    }\n\n    public getValidator() {\n        return new StepDateValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Date;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepDate();\n"]}

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

@@ -1,28 +1,54 @@
 "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 = require("react");
-const Headline_1 = require("components/generic/Headline");
-const Text_1 = require("components/generic/Text");
+const React = __importStar(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 react_router_dom_1 = require("react-router-dom");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = require("util/ScreenSize");
-const StepOneStatusPeople_1 = require("components/steps/date/StepOneStatusPeople");
-const StepOneDateRange_1 = require("components/steps/date/StepOneDateRange");
-const StepOneNextStepButton_1 = require("components/steps/date/StepOneNextStepButton");
+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 react_1 = require("react");
-const StepOneDateRangePickerLegend_1 = require("components/steps/date/StepOneDateRangePickerLegend");
-const StepDatePricePerRoom_1 = require("components/steps/date/StepDatePricePerRoom");
+const StepOneDateRangePickerLegend_1 = __importDefault(require("components/steps/date/StepOneDateRangePickerLegend"));
+const StepDatePricePerRoom_1 = __importDefault(require("components/steps/date/StepDatePricePerRoom"));
 const contexts_1 = require("@frontend/contexts");
-const LineBreak_1 = require("components/generic/LineBreak");
-const PeoplePicker_1 = require("components/steps/date/PeoplePicker");
-const StepOneDateRangePicker_1 = require("components/steps/date/StepOneDateRangePicker");
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+const PeoplePicker_1 = __importDefault(require("components/steps/date/PeoplePicker"));
+const StepOneDateRangePicker_1 = __importDefault(require("components/steps/date/StepOneDateRangePicker"));
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
 const HotelOverridesContext_1 = require("contexts/HotelOverridesContext");
 const events_1 = require("@frontend/events");
-const BEMobileSummary = (0, react_1.lazy)(() => Promise.resolve().then(() => require('components/summary/BEMobileSummary')));
+const BEMobileSummary = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('components/summary/BEMobileSummary'))));
 const StepDate = (props) => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

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 * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport Text from 'components/generic/Text';\n\nimport { Color } from 'util/Color';\nimport { withRouter } from 'react-router-dom';\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';\nimport { useContext, useRef, useEffect, Suspense, lazy } from 'react';\n\nimport StepOneDateRangePickerLegend from 'components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from 'components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\n\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 { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\n\nconst BEMobileSummary = lazy(() => import('components/summary/BEMobileSummary'));\n\nconst StepDate = (props: any) => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef(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={true}>{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={true}>{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 history={props.history} />\n            </div>\n        </div>\n    );\n};\n\n// TODO:\n\n// @ts-ignore\nexport default withRouter(StepDate);\n"]}
+{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Headline from 'components/generic/Headline';\nimport Text from 'components/generic/Text';\n\nimport { Color } from 'util/Color';\nimport { withRouter } from 'react-router-dom';\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';\nimport { useContext, useRef, useEffect, Suspense, lazy } from 'react';\n\nimport StepOneDateRangePickerLegend from 'components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from 'components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\n\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 { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\n\nconst BEMobileSummary = lazy(() => import('components/summary/BEMobileSummary'));\n\nconst StepDate = (props: any) => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef(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={true}>{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={true}>{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 history={props.history} />\n            </div>\n        </div>\n    );\n};\n\n// TODO:\n\n// @ts-ignore\nexport default withRouter(StepDate);\n"]}

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

@@ -1,6 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = require("pages/steps/StepValidator");
+const StepValidator_1 = __importDefault(require("pages/steps/StepValidator"));
 class StepDateValidator extends StepValidator_1.default {
     isValid() {
         return true;

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

@@ -1 +1 @@
-{"version":3,"file":"StepDateValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateValidator.ts"],"names":[],"mappings":";;AAAA,6DAAsD;AAEtD,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,oCAIC","sourcesContent":["import StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepDateValidator extends StepValidator {\n    public isValid(): boolean {\n        return true;\n    }\n}\n"]}
+{"version":3,"file":"StepDateValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateValidator.ts"],"names":[],"mappings":";;;;;AAAA,8EAAsD;AAEtD,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,oCAIC","sourcesContent":["import StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepDateValidator extends StepValidator {\n    public isValid(): boolean {\n        return true;\n    }\n}\n"]}

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

@@ -1,14 +1,40 @@
 "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("@frontend/contexts");
 const react_router_dom_1 = require("react-router-dom");
-const React = require("react");
-const StepManager_1 = require("util/StepManager");
+const React = __importStar(require("react"));
+const StepManager_1 = __importDefault(require("util/StepManager"));
 const contexts_2 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
 const contexts_3 = require("@frontend/contexts");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
+const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
 function StepGuide(props) {
     const { setCurrentStep } = (0, react_1.useContext)(contexts_3.FullPageEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.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,+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"]}
+{"version":3,"file":"StepGuide.js","sourceRoot":"/","sources":["src/pages/steps/StepGuide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,iDAAmD;AACnD,uDAA4C;AAC5C,6CAA+B;AAE/B,mEAA2C;AAC3C,iDAAoD;AAEpD,2CAAkD;AAClD,iDAA2D;AAC3D,wFAAgE;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.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
+const Step_1 = __importDefault(require("pages/steps/Step"));
+const StepHotelLoader_1 = __importDefault(require("pages/steps/StepHotel/StepHotelLoader"));
+const StepHotelValidator_1 = __importDefault(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,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"]}
+{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,4DAAoC;AACpC,4FAAoE;AACpE,kGAA0E;AAE1E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;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

@@ -1,21 +1,47 @@
 "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 dayjs = require("dayjs");
-const React = require("react");
+const dayjs_1 = __importDefault(require("dayjs"));
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-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 BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Text_1 = __importStar(require("components/generic/Text"));
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+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 Color_1 = require("util/Color");
-const ScreenSize_1 = require("util/ScreenSize");
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
 const EventHook_1 = require("hooks/EventHook");
 const events_1 = require("@frontend/events");
+const Select_1 = require("components/generic/Select/Select");
 var SortByOptions;
 (function (SortByOptions) {
     SortByOptions["Recommended"] = "R";
@@ -103,8 +129,8 @@ const StepHotelComponent = () => {
                 basketRow.setEndDate(startDate.add(1, 'day'));
             }
             else {
-                basketRow.setStartDate(dayjs().add(1, 'day'));
-                basketRow.setEndDate(dayjs().add(2, 'day'));
+                basketRow.setStartDate((0, dayjs_1.default)().add(1, 'day'));
+                basketRow.setEndDate((0, dayjs_1.default)().add(2, 'day'));
             }
             basketContext.updateBasketRow(basketRow);
         }
@@ -116,13 +142,13 @@ const StepHotelComponent = () => {
                     React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
                         React.createElement("strong", null, t(Translation_1.Translation.Step.Room.SortBy))),
                     React.createElement("div", null,
-                        React.createElement(BESelect_1.default, { items: sortByValues, selectedValue: sortBy, onChange: changeFilter }))),
+                        React.createElement(Select_1.Select, { nativeOnMobile: true, options: sortByValues, value: sortBy, onChange: changeFilter, keyName: "value", labelName: "text" }))),
                 React.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
                     React.createElement("div", null,
                         React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
                             React.createElement("strong", null, "Cities")),
                         React.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer" },
-                            React.createElement(BESelect_1.default, { items: cityOptions, selectedValue: city, onChange: changeCountry })))),
+                            React.createElement(Select_1.Select, { nativeOnMobile: true, options: cityOptions, value: city, onChange: changeCountry, keyName: "value", labelName: "text" })))),
                 React.createElement("div", { className: 'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize_1.default.Medium ? 'u-marg-top--light' : '') },
                     React.createElement(BEButton_1.default, { rounded: true, size: "tiny", onClick: clearFilters, disabled: city === ((_c = cityOptions[0]) === null || _c === void 0 ? void 0 : _c.value) && sortBy === sortByValues[0].value }, "Clear all"))))),
         React.createElement(LineBreak_1.default, null),

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 { 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"]}
+{"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 * as React from 'react';\nimport { 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';\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                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={sortByValues}\n                                        value={sortBy}\n                                        onChange={changeFilter}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\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                                        <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 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.js

@@ -1,13 +1,39 @@
 "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 contexts_1 = require("@frontend/contexts");
-const React = require("react");
+const React = __importStar(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 = (0, react_2.lazy)(() => Promise.resolve().then(() => require('pages/steps/StepHotel/StepHotelComponent')));
+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_2.lazy)(() => Promise.resolve().then(() => __importStar(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" },