@roomstay/frontend 1.6.0 → 2.0.0-1

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const Placeholder_1 = require("../../../components/generic/Placeholder");
-const StepAddonComponent = react_1.lazy(() => Promise.resolve().then(() => require('./StepAddonComponent')));
-const StepAddonPlaceholder = () => {
+const Placeholder_1 = require("components/generic/Placeholder");
+const StepAddonComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => require('pages/steps/StepAddon/StepAddonComponent')));
+const Loader = () => {
     return (React.createElement("div", { className: "container" },
         React.createElement("div", { className: "line-break" }),
         React.createElement("div", { className: "row no-gutters" },
@@ -52,9 +52,9 @@ const StepAddonPlaceholder = () => {
                     React.createElement("div", { className: "u-marg-top--heavy" },
                         React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
 };
-function default_1() {
-    return (React.createElement(react_1.Suspense, { fallback: React.createElement(StepAddonPlaceholder, null) },
+const StepAddonPlaceholder = () => {
+    return (React.createElement(react_1.Suspense, { fallback: React.createElement(Loader, null) },
         React.createElement(StepAddonComponent, null)));
-}
-exports.default = default_1;
+};
+exports.default = StepAddonPlaceholder;
 //# sourceMappingURL=StepAddonLoader.js.map

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

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

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

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

package/dist/src/pages/steps/StepAddon/StepAddonValidator.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 StepAddonValidator extends StepValidator_1.default {
     isValid(context) {
         return context.getAllValidRows().length >= 1;

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddonValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonValidator.ts"],"names":[],"mappings":";;AACA,oDAA6C;AAE7C,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO,CAAC,OAA0B;QACrC,OAAO,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '../StepValidator';\n\nexport default class StepAddonValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        return context.getAllValidRows().length >= 1;\n    }\n}\n"]}
+{"version":3,"file":"StepAddonValidator.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonValidator.ts"],"names":[],"mappings":";;AACA,6DAAsD;AAEtD,MAAqB,kBAAmB,SAAQ,uBAAa;IAClD,OAAO,CAAC,OAA0B;QACrC,OAAO,OAAO,CAAC,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;IACjD,CAAC;CACJ;AAJD,qCAIC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from 'pages/steps/StepValidator';\n\nexport default class StepAddonValidator extends StepValidator {\n    public isValid(context: BasketContextType) {\n        return context.getAllValidRows().length >= 1;\n    }\n}\n"]}

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

@@ -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 StepConfirmationLoader from './StepConfirmationLoader';
-import StepConfirmationValidator from './StepConfirmationValidator';
+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 StepConfirmationLoader from 'pages/steps/StepConfirmation/StepConfirmationLoader';
+import StepConfirmationValidator from 'pages/steps/StepConfirmation/StepConfirmationValidator';
 declare class StepConfirmation extends Step {
     constructor();
     getComponent(): typeof StepConfirmationLoader;

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.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 StepConfirmationLoader_1 = require("./StepConfirmationLoader");
-const StepConfirmationValidator_1 = require("./StepConfirmationValidator");
+const Translation_1 = require("translations/Translation");
+const Step_1 = require("pages/steps/Step");
+const StepConfirmationLoader_1 = require("pages/steps/StepConfirmation/StepConfirmationLoader");
+const StepConfirmationValidator_1 = require("pages/steps/StepConfirmation/StepConfirmationValidator");
 class StepConfirmation extends Step_1.default {
     constructor() {
         super('Confirmation');

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;AAGA,mEAAgE;AAChE,kCAA2B;AAC3B,qEAA8D;AAC9D,2EAAoE;AACpE,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import ColorProfile from '../../../models/Client/Hotel/ColorProfile';\nimport { Company } from '../../../models/Client/Hotel/Company';\nimport { Hotel } from '../../../models/Client/Hotel/Hotel';\nimport { Translation } from '../../../translations/Translation';\nimport Step from '../Step';\nimport StepConfirmationLoader from './StepConfirmationLoader';\nimport StepConfirmationValidator from './StepConfirmationValidator';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}
+{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;AAGA,0DAAuD;AACvD,2CAAoC;AACpC,gGAAyF;AACzF,sGAA+F;AAC/F,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { Company } from 'models/Client/Hotel/Company';\nimport { Hotel } from 'models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from 'pages/steps/Step';\nimport StepConfirmationLoader from 'pages/steps/StepConfirmation/StepConfirmationLoader';\nimport StepConfirmationValidator from 'pages/steps/StepConfirmation/StepConfirmationValidator';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}

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

@@ -2,35 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const Headline_1 = require("../../../components/generic/Headline");
-const StepManager_1 = require("../../../util/StepManager");
-const BESummary_1 = require("../../../components/summary/BESummary");
+const Headline_1 = require("components/generic/Headline");
+const StepManager_1 = require("util/StepManager");
+const BESummary_1 = require("components/summary/BESummary");
 const react_router_dom_1 = require("react-router-dom");
-const LineBreak_1 = require("../../../components/generic/LineBreak");
-const BackButton_1 = require("../../../components/generic/BackButton");
-const Translation_1 = require("../../../translations/Translation");
-const BEMobileSummary_1 = require("../../../components/summary/BEMobileSummary");
-const ScreenSize_1 = require("../../../util/ScreenSize");
-const StepRoomHotelDetails_1 = require("../../../components/steps/room/StepRoomHotelDetails");
-const StepConfirmationForm_1 = require("../../../components/steps/confirmation/StepConfirmationForm");
+const LineBreak_1 = require("components/generic/LineBreak");
+const BackButton_1 = require("components/generic/BackButton");
+const Translation_1 = require("translations/Translation");
+const BEMobileSummary_1 = require("components/summary/BEMobileSummary");
+const ScreenSize_1 = require("util/ScreenSize");
+const StepRoomHotelDetails_1 = require("components/steps/room/StepRoomHotelDetails");
 const react_i18next_1 = require("react-i18next");
-const AdditionalOffers_1 = require("../../../components/steps/confirmation/additionalOffers/AdditionalOffers");
-const StepConfirmationLimitedOffer_1 = require("../../../components/steps/confirmation/StepConfirmationLimitedOffer");
+const AdditionalOffers_1 = require("components/steps/confirmation/additionalOffers/AdditionalOffers");
+const StepConfirmationLimitedOffer_1 = require("components/steps/confirmation/StepConfirmationLimitedOffer");
 const dayjs = require("dayjs");
-const StepRoomBestRateAlert_1 = require("../../../components/steps/room/StepRoomBestRateAlert");
-const InlineAddonStepFeature_1 = require("../../../providers/feature/InlineAddonStepFeature");
-const ConfirmationFormContext_1 = require("../../../contexts/ConfirmationFormContext");
-const EventHook_1 = require("../../../hooks/EventHook");
-const events_1 = require("../../../events");
+const StepRoomBestRateAlert_1 = require("components/steps/room/StepRoomBestRateAlert");
+const InlineAddonStepFeature_1 = require("providers/feature/InlineAddonStepFeature");
+const EventHook_1 = require("hooks/EventHook");
+const events_1 = require("@frontend/events");
 const contexts_1 = require("@frontend/contexts");
-const contexts_2 = require("@frontend/contexts");
+const StepConfirmationFormProvider_1 = require("../../../components/steps/confirmation/StepConfirmationFormProvider");
 function StepConfirmationComponent() {
-    const context = react_1.useContext(contexts_1.BookingEngineContext);
-    const { currentStep } = react_1.useContext(contexts_2.FullPageEngineContext);
-    const { currentBasketRows } = react_1.useContext(contexts_1.BasketContext);
-    const { t } = react_i18next_1.useTranslation();
-    const { raise } = EventHook_1.useEvent();
-    react_1.useEffect(() => {
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { currentBasketRows } = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { raise } = (0, EventHook_1.useEvent)();
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepCheckoutViewEvent(currentBasketRows);
         raise(event);
     }, []);
@@ -52,8 +50,7 @@ function StepConfirmationComponent() {
             React.createElement("div", { className: "col-md-7 col-xl-8 d-table" },
                 React.createElement("div", { className: "block-container" },
                     !InlineAddonStepFeature_1.default.isActive() && React.createElement(AdditionalOffers_1.default, null),
-                    React.createElement(ConfirmationFormContext_1.ConfirmationFormContextWrapper, null,
-                        React.createElement(StepConfirmationForm_1.default, null)))),
+                    React.createElement(StepConfirmationFormProvider_1.default, null))),
             context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "col-xl-3 col-md-5 offset-xl-1" },
                 React.createElement(StepConfirmationLimitedOffer_1.default, { endDate: dayjs().add(10, 'minute') }),
                 React.createElement(BESummary_1.BESummary, { showImages: true }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA8C;AAC9C,mEAA4D;AAC5D,2DAAoD;AACpD,qEAAkE;AAClE,uDAAwC;AACxC,qEAA8D;AAC9D,uEAAgE;AAChE,mEAAgE;AAChE,iFAA0E;AAE1E,yDAAkD;AAElD,8FAAuF;AACvF,sGAA+F;AAC/F,iDAA+C;AAC/C,+GAAwG;AACxG,sHAA+G;AAC/G,+BAA+B;AAC/B,gGAAyF;AACzF,8FAAuF;AACvF,uFAA2F;AAC3F,wDAAoD;AACpD,4CAAwD;AACxD,iDAAyE;AACzE,iDAA2D;AAE3D,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,kBAAU,CAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAU,CAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,kBAAU,CAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,8BAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAQ,EAAE,CAAC;IAE7B,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,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,mBAAmB;gBAC7B,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,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CAC7E,CACP,CACN;gBAED,6BAAK,SAAS,EAAC,eAAe;oBAC1B,oBAAC,+BAAqB,OAAG,CACvB,CACJ;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACN,oBAAC,mBAAS,OAAG;QACb,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,2BAA2B;gBACtC,6BAAK,SAAS,EAAC,iBAAiB;oBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,oBAAC,0BAAgB,OAAG;oBAC3D,oBAAC,wDAA8B;wBAC3B,oBAAC,8BAAoB,OAAG,CACK,CAC/B,CACJ;YAEL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,+BAA+B;gBAC1C,oBAAC,sCAA4B,IAAC,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;gBACpE,oBAAC,qBAAS,IAAC,UAAU,EAAE,IAAI,GAAI,CAC7B,CACT,CACC,CACJ,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from '../../../components/generic/Headline';\nimport StepManager from '../../../util/StepManager';\nimport { BESummary } from '../../../components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from '../../../components/generic/LineBreak';\nimport BackButton from '../../../components/generic/BackButton';\nimport { Translation } from '../../../translations/Translation';\nimport BEMobileSummary from '../../../components/summary/BEMobileSummary';\n\nimport ScreenSize from '../../../util/ScreenSize';\n\nimport StepRoomHotelDetails from '../../../components/steps/room/StepRoomHotelDetails';\nimport StepConfirmationForm from '../../../components/steps/confirmation/StepConfirmationForm';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from '../../../components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '../../../components/steps/confirmation/StepConfirmationLimitedOffer';\nimport * as dayjs from 'dayjs';\nimport StepRoomBestRateAlert from '../../../components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from '../../../providers/feature/InlineAddonStepFeature';\nimport { ConfirmationFormContextWrapper } from '../../../contexts/ConfirmationFormContext';\nimport { useEvent } from '../../../hooks/EventHook';\nimport { StepCheckoutViewEvent } from '../../../events';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\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-7 col-xl-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <ConfirmationFormContextWrapper>\n                            <StepConfirmationForm />\n                        </ConfirmationFormContextWrapper>\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages={true} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}
+{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA8C;AAC9C,0DAAmD;AACnD,kDAA2C;AAC3C,4DAAyD;AACzD,uDAAwC;AACxC,4DAAqD;AACrD,8DAAuD;AACvD,0DAAuD;AACvD,wEAAiE;AAEjE,gDAAyC;AAEzC,qFAA8E;AAC9E,iDAA+C;AAC/C,sGAA+F;AAC/F,6GAAsG;AACtG,+BAA+B;AAC/B,uFAAgF;AAChF,qFAA8E;AAC9E,+CAA2C;AAC3C,6CAAyD;AACzD,iDAAgG;AAChG,sHAA+G;AAE/G,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,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,mBAAmB;gBAC7B,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,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CAC7E,CACP,CACN;gBAED,6BAAK,SAAS,EAAC,eAAe;oBAC1B,oBAAC,+BAAqB,OAAG,CACvB,CACJ;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACN,oBAAC,mBAAS,OAAG;QACb,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,2BAA2B;gBACtC,6BAAK,SAAS,EAAC,iBAAiB;oBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,oBAAC,0BAAgB,OAAG;oBAC3D,oBAAC,sCAA4B,OAAG,CAC9B,CACJ;YAEL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,+BAA+B;gBAC1C,oBAAC,sCAA4B,IAAC,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;gBACpE,oBAAC,qBAAS,IAAC,UAAU,EAAE,IAAI,GAAI,CAC7B,CACT,CACC,CACJ,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from 'components/generic/Headline';\nimport StepManager from 'util/StepManager';\nimport { BESummary } from 'components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from 'components/generic/LineBreak';\nimport BackButton from 'components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from 'components/summary/BEMobileSummary';\n\nimport ScreenSize from 'util/ScreenSize';\n\nimport StepRoomHotelDetails from 'components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from 'components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from 'components/steps/confirmation/StepConfirmationLimitedOffer';\nimport * as dayjs from 'dayjs';\nimport StepRoomBestRateAlert from 'components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from 'providers/feature/InlineAddonStepFeature';\nimport { useEvent } from 'hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\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-7 col-xl-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages={true} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_1 = require("react");
-const Placeholder_1 = require("../../../components/generic/Placeholder");
-const StepConfirmationComponent = react_1.lazy(() => Promise.resolve().then(() => require('./StepConfirmationComponent')));
+const Placeholder_1 = require("components/generic/Placeholder");
+const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => 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('./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.d.ts

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

package/dist/src/pages/steps/StepConfirmation/StepConfirmationValidator.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 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,oDAA6C;AAE7C,MAAqB,yBAA0B,SAAQ,uBAAa;IACzD,OAAO,CAAC,OAA0B;;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,WAAI,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 '../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,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"]}

package/dist/src/pages/steps/StepDate/StepDate.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 StepDateComponent_1 = require("./StepDateComponent");
-const StepDateValidator_1 = require("./StepDateValidator");
+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");
 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,mEAAgE;AAChE,kCAA2B;AAC3B,2DAAoD;AACpD,2DAAoD;AAEpD,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 '../Step';\nimport StepDateComponent from './StepDateComponent';\nimport StepDateValidator from './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,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"]}

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

@@ -1,37 +1,37 @@
 "use strict";
 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 Color_1 = require("../../../util/Color");
-const react_router_1 = require("react-router");
+const Headline_1 = require("components/generic/Headline");
+const Text_1 = 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 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 react_1 = require("react");
-const StepOneDateRangePickerLegend_1 = require("../../../components/steps/date/StepOneDateRangePickerLegend");
-const StepDatePricePerRoom_1 = require("../../../components/steps/date/StepDatePricePerRoom");
+const StepOneDateRangePickerLegend_1 = require("components/steps/date/StepOneDateRangePickerLegend");
+const StepDatePricePerRoom_1 = 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 = require("components/generic/LineBreak");
+const PeoplePicker_1 = require("components/steps/date/PeoplePicker");
+const StepOneDateRangePicker_1 = 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("../../../events");
-const BEMobileSummary = react_1.lazy(() => Promise.resolve().then(() => require('../../../components/summary/BEMobileSummary')));
+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 StepDate = (props) => {
-    const context = react_1.useContext(contexts_1.BookingEngineContext);
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const ccx = react_1.useContext(contexts_2.CompanyContext);
-    const { hideByLine } = react_1.useContext(HotelOverridesContext_1.HotelOverridesContext);
-    const { hotel } = hooks_1.useCurrentHotel();
-    const { t } = react_i18next_1.useTranslation();
-    const peopleRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const { hideByLine } = (0, react_1.useContext)(HotelOverridesContext_1.HotelOverridesContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const peopleRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (context.screenSize <= ScreenSize_1.default.Medium && basketContext.endDate) {
             if (peopleRef) {
                 setTimeout(() => {
@@ -41,8 +41,8 @@ const StepDate = (props) => {
             }
         }
     }, [basketContext.endDate]);
-    const { raise } = hooks_1.useEvent();
-    react_1.useEffect(() => {
+    const { raise } = (0, hooks_1.useEvent)();
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepDateViewEvent();
         raise(event);
     }, []);
@@ -80,5 +80,7 @@ const StepDate = (props) => {
         React.createElement("div", { className: "u-flex justify-content-end" },
             React.createElement(StepOneNextStepButton_1.default, { history: props.history }))));
 };
-exports.default = react_router_1.withRouter(StepDate);
+// TODO:
+// @ts-ignore
+exports.default = (0, react_router_dom_1.withRouter)(StepDate);
 //# sourceMappingURL=StepDateComponent.js.map

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';\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 '../../../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\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.d.ts

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

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const StepValidator_1 = require("../StepValidator");
+const StepValidator_1 = require("pages/steps/StepValidator");
 class StepDateValidator extends StepValidator_1.default {
-    isValid(context) {
+    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":";;AACA,oDAA6C;AAE7C,MAAqB,iBAAkB,SAAQ,uBAAa;IACjD,OAAO,CAAC,OAA0B;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAJD,oCAIC","sourcesContent":["import type { BasketContextType } from '@frontend/contexts';\nimport StepValidator from '../StepValidator';\n\nexport default class StepDateValidator extends StepValidator {\n    public isValid(context: BasketContextType): boolean {\n        return true;\n    }\n}\n"]}
+{"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"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Step from './Step';
+import Step from 'pages/steps/Step';
 export interface StepGuideProps {
     step: Step;
     children: React.ReactNode;

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

@@ -4,24 +4,24 @@ 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 StepManager_1 = 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 = require("providers/RoomstayThemeEngine");
 function StepGuide(props) {
-    const { setCurrentStep } = react_1.useContext(contexts_3.FullPageEngineContext);
-    const basketContext = react_1.useContext(contexts_1.BasketContext);
-    const ccx = react_1.useContext(contexts_2.CompanyContext);
-    const { hotel } = hooks_1.useCurrentHotel();
-    react_1.useEffect(() => {
+    const { setCurrentStep } = (0, react_1.useContext)(contexts_3.FullPageEngineContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    (0, react_1.useEffect)(() => {
         setCurrentStep(props.step);
         const colorProfile = props.step.getColorProfile(ccx, hotel);
         if (colorProfile) {
             RoomstayThemeEngine_1.default.changeTheme(colorProfile);
         }
     }, [props.step.getColorProfile(ccx, hotel)]);
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         const validator = props.step.getValidator();
         if (validator === null || validator === void 0 ? void 0 : validator.isValid(basketContext)) {
             return React.createElement(React.Fragment, null, props.children);