@roomstay/frontend 2.1.6 → 2.1.7

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

@@ -26,82 +26,82 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
-const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepConfirmationComponent'))));
+const StepConfirmationComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepConfirmationComponent'))));
 function StepConfirmationPlaceholder() {
-    return (React.createElement("div", { className: "container" },
-        React.createElement("div", { className: "row no-gutters" },
-            React.createElement("div", { className: "col-md-8" },
-                React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }))),
-            React.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
-                React.createElement("div", { className: "u-marg-bottom" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                React.createElement("div", { className: "row" },
-                    React.createElement("div", { className: "col-6" },
-                        React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true })),
-                    React.createElement("div", { className: "col-6" },
-                        React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true }))))),
-        React.createElement("div", { className: "line-break" }),
-        React.createElement("div", { className: "row no-gutters" },
-            React.createElement("div", { className: "col-md-7 col-lg-8" },
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                React.createElement("div", { className: "additional-offers u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true })),
-                React.createElement("div", { className: "u-marg-bottom--heavy" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true })),
-                React.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "md", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "xs", blink: true }),
-                React.createElement("div", { className: "u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
-                React.createElement("div", { className: "u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
-                React.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "xs", blink: true }),
-                React.createElement("div", { className: "u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
-                React.createElement("div", { className: "u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
-                React.createElement("div", { className: "line-break" }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                React.createElement("div", { className: "u-flex" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
-                React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
-                React.createElement("div", { className: "line-break" }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true }),
-                React.createElement("div", { className: "line-break" }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                React.createElement("div", { className: "u-flex u-flex-flex-start" },
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
-                    React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
-                React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "xs", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true }),
-                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true })),
-            React.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1 u-pad" },
-                React.createElement("div", null,
-                    React.createElement("div", null,
-                        React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
-                    React.createElement("div", null,
-                        React.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })))))));
+    return (react_1.default.createElement("div", { className: "container" },
+        react_1.default.createElement("div", { className: "row no-gutters" },
+            react_1.default.createElement("div", { className: "col-md-8" },
+                react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }))),
+            react_1.default.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
+                react_1.default.createElement("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
+                react_1.default.createElement("div", { className: "row" },
+                    react_1.default.createElement("div", { className: "col-6" },
+                        react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true })),
+                    react_1.default.createElement("div", { className: "col-6" },
+                        react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true }))))),
+        react_1.default.createElement("div", { className: "line-break" }),
+        react_1.default.createElement("div", { className: "row no-gutters" },
+            react_1.default.createElement("div", { className: "col-md-7 col-lg-8" },
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                react_1.default.createElement("div", { className: "additional-offers u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "block", rounded: "lg", blockSize: "sm", blink: true })),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true })),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "md", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "xs", blink: true }),
+                react_1.default.createElement("div", { className: "u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
+                react_1.default.createElement("div", { className: "u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "xs", blink: true }),
+                react_1.default.createElement("div", { className: "u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
+                react_1.default.createElement("div", { className: "u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true })),
+                react_1.default.createElement("div", { className: "line-break" }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                react_1.default.createElement("div", { className: "u-flex" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "md", blink: true }),
+                react_1.default.createElement("div", { className: "line-break" }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true }),
+                react_1.default.createElement("div", { className: "line-break" }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                react_1.default.createElement("div", { className: "u-flex u-flex-flex-start" },
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }),
+                    react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true })),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "xs", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true }),
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "xs", blink: true })),
+            react_1.default.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1 u-pad" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })))))));
 }
 function StepConfirmationLoader() {
-    return (React.createElement(react_1.Suspense, { fallback: React.createElement(StepConfirmationPlaceholder, null) },
-        React.createElement(StepConfirmationComponent, null)));
+    return (react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(StepConfirmationPlaceholder, null) },
+        react_1.default.createElement(StepConfirmationComponent, null)));
 }
 exports.default = StepConfirmationLoader;
 //# sourceMappingURL=StepConfirmationLoader.js.map

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 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 />\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 />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                    </div>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                        <div className=\"col-6\">\n                            <Placeholder type=\"text\" w=\"lg\" h=\"md\" blink />\n                        </div>\n                    </div>\n                </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 />\n                    <div className=\"additional-offers u-flex\">\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink />\n                        <Placeholder type=\"block\" rounded=\"lg\" blockSize=\"sm\" blink />\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"md\" blink />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"sm\" blink />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xs\" h=\"xs\" blink />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                    </div>\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    <div className=\"u-flex\">\n                        <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                    <Placeholder type=\"text\" w=\"xl\" h=\"md\" blink />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    <Placeholder type=\"text\" w=\"xl\" h=\"lg\" blink />\n                    <div className=\"line-break\" />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    <div className=\"u-flex u-flex-flex-start\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                    <Placeholder type=\"text\" w=\"md\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\n                    <Placeholder type=\"text\" w=\"sm\" h=\"xs\" blink />\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 />\n                        </div>\n                        <div>\n                            <Placeholder type=\"block\" blockSize=\"lg\" rounded=\"lg\" blink />\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/StepDate/StepDate.d.ts

@@ -0,0 +1,14 @@
+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 StepDateValidator from './StepDateValidator';
+declare class StepDate extends Step {
+    constructor();
+    getComponent(): () => JSX.Element;
+    getValidator(): StepDateValidator;
+    getStepTranslation(): string;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
+}
+declare const _default: StepDate;
+export default _default;

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,8DAAsC;AACtC,iGAAyE;AACzE,iGAAyE;AAEzE,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,8DAAsC;AACtC,iGAAyE;AACzE,iGAAyE;AAEzE,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 | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepDate();\n"]}

package/dist/src/pages/steps/StepDate/StepDateComponent.d.ts

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

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

@@ -26,18 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const Text_1 = __importDefault(require("../../../components/generic/Text"));
 const Color_1 = require("../../../util/Color");
-const react_router_dom_1 = require("react-router-dom");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepOneStatusPeople_1 = __importDefault(require("../../../components/steps/date/StepOneStatusPeople"));
 const StepOneDateRange_1 = __importDefault(require("../../../components/steps/date/StepOneDateRange"));
 const StepOneNextStepButton_1 = __importDefault(require("../../../components/steps/date/StepOneNextStepButton"));
-const react_1 = require("react");
 const StepOneDateRangePickerLegend_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePickerLegend"));
 const StepDatePricePerRoom_1 = __importDefault(require("../../../components/steps/date/StepDatePricePerRoom"));
 const contexts_1 = require("../../../contexts/index.js");
@@ -45,68 +44,67 @@ const LineBreak_1 = __importDefault(require("../../../components/generic/LineBre
 const PeoplePicker_1 = __importDefault(require("../../../components/steps/date/PeoplePicker"));
 const StepOneDateRangePicker_1 = __importDefault(require("../../../components/steps/date/StepOneDateRangePicker"));
 const hooks_1 = require("../../../hooks/index.js");
-const contexts_2 = require("../../../contexts/index.js");
 const HotelOverridesContext_1 = require("contexts/HotelOverridesContext");
 const events_1 = require("../../../events/index.js");
-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);
-    const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);
-    const { hideByLine } = (0, react_1.useContext)(HotelOverridesContext_1.HotelOverridesContext);
+const react_router_dom_1 = require("react-router-dom");
+const BEMobileSummary = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('../../../components/summary/BEMobileSummary'))));
+const StepDate = () => {
+    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    const { hideByLine } = (0, react_2.useContext)(HotelOverridesContext_1.HotelOverridesContext);
+    const history = (0, react_router_dom_1.useHistory)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const { t } = (0, react_i18next_1.useTranslation)();
-    const peopleRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const peopleRef = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
         if (context.screenSize <= ScreenSize_1.default.Medium && basketContext.endDate) {
             if (peopleRef) {
                 setTimeout(() => {
-                    var _a;
-                    (_a = peopleRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' });
+                    var _a, _b;
+                    (_b = (_a = peopleRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, { behavior: 'smooth', block: 'center', inline: 'nearest' });
                 }, 50);
             }
         }
     }, [basketContext.endDate]);
     const { raise } = (0, hooks_1.useEvent)();
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         const event = new events_1.StepDateViewEvent();
         raise(event);
     }, []);
-    return (React.createElement("div", { className: "container" },
-        context.screenSize <= ScreenSize_1.default.Medium && React.createElement(BEMobileSummary, null),
-        context.screenSize >= ScreenSize_1.default.Large && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col-md-4 col-lg-3" },
-                    React.createElement("div", { className: "u-marg-bottom--heavy" },
-                        React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.Reservation))),
-                    React.createElement(Headline_1.default, { color: Color_1.Color.Navy }, hotel.name),
-                    !hideByLine && (React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
+    return (react_1.default.createElement("div", { className: "container" },
+        context.screenSize <= ScreenSize_1.default.Medium && react_1.default.createElement(BEMobileSummary, null),
+        context.screenSize >= ScreenSize_1.default.Large && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "row" },
+                react_1.default.createElement("div", { className: "col-md-4 col-lg-3" },
+                    react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.Reservation))),
+                    react_1.default.createElement(Headline_1.default, { color: Color_1.Color.Navy }, hotel === null || hotel === void 0 ? void 0 : hotel.name),
+                    !hideByLine && (react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
                         t(Translation_1.Translation.Misc.By),
                         " ",
                         ccx.name))),
-                React.createElement("div", { className: "col-md-8 col-lg-9" },
-                    React.createElement("div", { className: "row justify-content-between" },
-                        React.createElement("div", { className: "col-md-6" },
-                            React.createElement("div", { className: "u-marg-bottom--heavy" },
-                                React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.SelectYourDate))),
-                            React.createElement("div", { className: "step-one-status" },
-                                React.createElement(StepOneDateRange_1.default, null),
-                                React.createElement(StepOneStatusPeople_1.default, null))),
-                        React.createElement("div", { className: "col-md-4" },
-                            React.createElement(StepDatePricePerRoom_1.default, { isMobile: false }))))),
-            React.createElement(LineBreak_1.default, null))),
-        React.createElement("div", { className: "row flex-column-reverse flex-md-row align-items-center align-items-md-start" },
-            React.createElement("div", { ref: peopleRef, className: "col-md-4 col-xl-3" },
-                React.createElement(PeoplePicker_1.default, null)),
-            React.createElement("div", { className: "col-md-8 col-xl-9" },
-                React.createElement("div", { className: "w-100 u-flex justify-content-center flex-column align-items-center" },
-                    React.createElement(react_1.Suspense, { fallback: "loading...." },
-                        React.createElement(StepOneDateRangePicker_1.default, null))),
-                context.screenSize >= ScreenSize_1.default.Large ? React.createElement(StepOneDateRangePickerLegend_1.default, null) : React.createElement(LineBreak_1.default, null))),
-        React.createElement("div", { className: "u-flex justify-content-end" },
-            React.createElement(StepOneNextStepButton_1.default, { history: props.history }))));
+                react_1.default.createElement("div", { className: "col-md-8 col-lg-9" },
+                    react_1.default.createElement("div", { className: "row justify-content-between" },
+                        react_1.default.createElement("div", { className: "col-md-6" },
+                            react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Date.SelectYourDate))),
+                            react_1.default.createElement("div", { className: "step-one-status" },
+                                react_1.default.createElement(StepOneDateRange_1.default, null),
+                                react_1.default.createElement(StepOneStatusPeople_1.default, null))),
+                        react_1.default.createElement("div", { className: "col-md-4" },
+                            react_1.default.createElement(StepDatePricePerRoom_1.default, { isMobile: false }))))),
+            react_1.default.createElement(LineBreak_1.default, null))),
+        react_1.default.createElement("div", { className: "row flex-column-reverse flex-md-row align-items-center align-items-md-start" },
+            react_1.default.createElement("div", { ref: peopleRef, className: "col-md-4 col-xl-3" },
+                react_1.default.createElement(PeoplePicker_1.default, null)),
+            react_1.default.createElement("div", { className: "col-md-8 col-xl-9" },
+                react_1.default.createElement("div", { className: "w-100 u-flex justify-content-center flex-column align-items-center" },
+                    react_1.default.createElement(react_2.Suspense, { fallback: "loading...." },
+                        react_1.default.createElement(StepOneDateRangePicker_1.default, null))),
+                context.screenSize >= ScreenSize_1.default.Large ? react_1.default.createElement(StepOneDateRangePickerLegend_1.default, null) : react_1.default.createElement(LineBreak_1.default, null))),
+        react_1.default.createElement("div", { className: "u-flex justify-content-end" },
+            react_1.default.createElement(StepOneNextStepButton_1.default, { history: history }))));
 };
-// TODO:
-// @ts-ignore
-exports.default = (0, react_router_dom_1.withRouter)(StepDate);
+exports.default = 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-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 React from 'react';\nimport { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\n\nimport { Color } from '@/util/Color';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\n\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\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 { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useHistory } from 'react-router-dom';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = () => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const history = useHistory();\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline color={Color.Navy}>{hotel?.name}</Headline>\n                            {!hideByLine && (\n                                <Text color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    <StepDatePricePerRoom isMobile={false} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <PeoplePicker />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            <div className=\"u-flex justify-content-end\">\n                <StepOneNextStepButton history={history} />\n            </div>\n        </div>\n    );\n};\nexport default StepDate;\n"]}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Step from './Step';
 export interface StepGuideProps {
     step: Step;

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

@@ -1,27 +1,4 @@
 "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 };
 };
@@ -29,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const contexts_1 = require("../../contexts/index.js");
 const react_router_dom_1 = require("react-router-dom");
-const React = __importStar(require("react"));
+const react_2 = __importDefault(require("react"));
 const StepManager_1 = __importDefault(require("../../util/StepManager"));
 const contexts_2 = require("../../contexts/index.js");
 const hooks_1 = require("../../hooks/index.js");
@@ -50,10 +27,10 @@ function StepGuide(props) {
     return (0, react_1.useMemo)(() => {
         const validator = props.step.getValidator();
         if (validator === null || validator === void 0 ? void 0 : validator.isValid(basketContext)) {
-            return React.createElement(React.Fragment, null, props.children);
+            return react_2.default.createElement(react_2.default.Fragment, null, props.children);
         }
         else {
-            return React.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getPreviousStepUrl(props.step) });
+            return react_2.default.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getPreviousStepUrl(props.step) });
         }
     }, [basketContext]);
 }

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

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