@roomstay/frontend 1.3.0

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

@@ -0,0 +1,62 @@
+"use strict";
+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 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 react_i18next_1 = require("react-i18next");
+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 contexts_1 = require("@frontend/contexts");
+const contexts_2 = require("@frontend/contexts");
+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 event = new events_1.StepCheckoutViewEvent(currentBasketRows);
+        raise(event);
+    }, []);
+    return (React.createElement("div", { className: "container" },
+        React.createElement(BEMobileSummary_1.default, null),
+        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
+            React.createElement("div", { className: "col-md-7 col-xl-8" },
+                context.screenSize > ScreenSize_1.default.Medium && (React.createElement(React.Fragment, null,
+                    React.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
+                        React.createElement(BackButton_1.default, null)),
+                    React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
+                        React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Confirmation))))),
+                React.createElement("div", { className: "u-marg-top@m-" },
+                    React.createElement(StepRoomBestRateAlert_1.default, null))),
+            context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "offset-xl-1 col-md-4 col-xl-3 align-self-end" },
+                React.createElement(StepRoomHotelDetails_1.default, null)))),
+        React.createElement(LineBreak_1.default, null),
+        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
+            React.createElement("div", { className: "col-md-7 col-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)))),
+            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 }))))));
+}
+exports.default = StepConfirmationComponent;
+//# sourceMappingURL=StepConfirmationComponent.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function StepConfirmationLoader(): JSX.Element;

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

@@ -0,0 +1,81 @@
+"use strict";
+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')));
+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 })))))));
+}
+function StepConfirmationLoader() {
+    return (React.createElement(react_1.Suspense, { fallback: React.createElement(StepConfirmationPlaceholder, null) },
+        React.createElement(StepConfirmationComponent, null)));
+}
+exports.default = StepConfirmationLoader;
+//# sourceMappingURL=StepConfirmationLoader.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const StepValidator_1 = require("../StepValidator");
+class StepConfirmationValidator extends StepValidator_1.default {
+    isValid(context) {
+        var _a;
+        if (context && context.startDate && context.endDate && ((_a = context.getAllValidRows()) === null || _a === void 0 ? void 0 : _a.length)) {
+            return true;
+        }
+        return false;
+    }
+}
+exports.default = StepConfirmationValidator;
+//# sourceMappingURL=StepConfirmationValidator.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+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(): import("react").ComponentClass<Pick<any, string | number | symbol>, any> & import("react-router").WithRouterStatics<(props: any) => JSX.Element>;
+    getValidator(): StepDateValidator;
+    getStepTranslation(): string;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+}
+declare const _default: StepDate;
+export default _default;

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

@@ -0,0 +1,27 @@
+"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");
+class StepDate extends Step_1.default {
+    constructor() {
+        super('Date');
+    }
+    getComponent() {
+        return StepDateComponent_1.default;
+    }
+    getValidator() {
+        return new StepDateValidator_1.default();
+    }
+    getStepTranslation() {
+        return Translation_1.Translation.Navigation.Steps.Date;
+    }
+    getColorProfile(company, hotel) {
+        if (hotel) {
+            return hotel.colors;
+        }
+    }
+}
+exports.default = new StepDate();
+//# sourceMappingURL=StepDate.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.ComponentClass<Pick<any, string | number | symbol>, any> & import("react-router").WithRouterStatics<(props: any) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,78 @@
+"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 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 react_1 = require("react");
+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 hooks_1 = require("@frontend/hooks");
+const contexts_2 = require("@frontend/contexts");
+const HotelOverridesContext_1 = require("../../../contexts/HotelOverridesContext");
+const BEMobileSummary = 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(() => {
+        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' });
+                }, 50);
+            }
+        }
+    }, [basketContext.endDate]);
+    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 },
+                        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 }))));
+};
+exports.default = react_router_1.withRouter(StepDate);
+//# sourceMappingURL=StepDateComponent.js.map

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

@@ -0,0 +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 } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport { HotelOverridesContext } from '../../../contexts/HotelOverridesContext';\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    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"]}

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const StepValidator_1 = require("../StepValidator");
+class StepDateValidator extends StepValidator_1.default {
+    isValid(context) {
+        return true;
+    }
+}
+exports.default = StepDateValidator;
+//# sourceMappingURL=StepDateValidator.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import Step from './Step';
+export interface StepGuideProps {
+    step: Step;
+    children: React.ReactNode;
+}
+export default function StepGuide(props: StepGuideProps): JSX.Element;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const contexts_1 = require("@frontend/contexts");
+const react_router_dom_1 = require("react-router-dom");
+const React = require("react");
+const StepManager_1 = require("../../util/StepManager");
+const contexts_2 = require("@frontend/contexts");
+const hooks_1 = require("@frontend/hooks");
+const contexts_3 = require("@frontend/contexts");
+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(() => {
+        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(() => {
+        const validator = props.step.getValidator();
+        if (validator === null || validator === void 0 ? void 0 : validator.isValid(basketContext)) {
+            return React.createElement(React.Fragment, null, props.children);
+        }
+        else {
+            return React.createElement(react_router_dom_1.Redirect, { to: StepManager_1.default.getPreviousStepUrl(props.step) });
+        }
+    }, [basketContext]);
+}
+exports.default = StepGuide;
+//# sourceMappingURL=StepGuide.js.map

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

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

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

@@ -0,0 +1,14 @@
+import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
+import { Company } from '../../../models/Client/Hotel/Company';
+import Step from '../Step';
+import StepHotelLoader from './StepHotelLoader';
+import StepHotelValidator from './StepHotelValidator';
+declare class StepHotel extends Step {
+    constructor();
+    getComponent(): typeof StepHotelLoader;
+    getValidator(): StepHotelValidator;
+    getStepTranslation(): string;
+    getColorProfile(company: Company): ColorProfile;
+}
+declare const _default: StepHotel;
+export default _default;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Translation_1 = require("../../../translations/Translation");
+const Step_1 = require("../Step");
+const StepHotelLoader_1 = require("./StepHotelLoader");
+const StepHotelValidator_1 = require("./StepHotelValidator");
+class StepHotel extends Step_1.default {
+    constructor() {
+        super('Hotel');
+    }
+    getComponent() {
+        return StepHotelLoader_1.default;
+    }
+    getValidator() {
+        return new StepHotelValidator_1.default();
+    }
+    getStepTranslation() {
+        return Translation_1.Translation.Navigation.Steps.Hotel;
+    }
+    getColorProfile(company) {
+        return company.colors;
+    }
+}
+exports.default = new StepHotel();
+//# sourceMappingURL=StepHotel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;AAEA,mEAAgE;AAChE,kCAA2B;AAC3B,uDAAgD;AAChD,6DAAsD;AAEtD,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '../../../models/Client/Hotel/ColorProfile';\nimport { Company } from '../../../models/Client/Hotel/Company';\nimport { Translation } from '../../../translations/Translation';\nimport Step from '../Step';\nimport StepHotelLoader from './StepHotelLoader';\nimport StepHotelValidator from './StepHotelValidator';\n\nclass StepHotel extends Step {\n    public constructor() {\n        super('Hotel');\n    }\n\n    public getComponent() {\n        return StepHotelLoader;\n    }\n\n    public getValidator() {\n        return new StepHotelValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Hotel;\n    }\n\n    public getColorProfile(company: Company): ColorProfile {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const StepHotelComponent: () => JSX.Element;
+export default StepHotelComponent;