@roomstay/frontend 2.1.7 → 2.1.10

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

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

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

@@ -1,10 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const BESummary_1 = require("../../../components/summary/BESummary");
@@ -25,20 +47,21 @@ const EventHook_1 = require("../../../hooks/EventHook");
 const events_1 = require("../../../events/index.js");
 const contexts_1 = require("../../../contexts/index.js");
 const StepConfirmationFormProvider_1 = __importDefault(require("../../../components/steps/confirmation/StepConfirmationFormProvider"));
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 function StepConfirmationComponent() {
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
-    const { currentStep } = (0, react_2.useContext)(contexts_1.FullPageEngineContext);
-    const { currentBasketRows } = (0, react_2.useContext)(contexts_1.BasketContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { currentBasketRows } = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const { raise } = (0, EventHook_1.useEvent)();
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const event = new events_1.StepCheckoutViewEvent(currentBasketRows);
         raise(event);
     }, []);
     return (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement(BEMobileSummary_1.default, null),
-        react_1.default.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            react_1.default.createElement("div", { className: "col-md-7 col-xl-8" },
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
                         react_1.default.createElement(BackButton_1.default, null)),
@@ -46,15 +69,15 @@ function StepConfirmationComponent() {
                         react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Confirmation))))),
                 react_1.default.createElement("div", { className: "u-marg-top@m-" },
                     react_1.default.createElement(StepRoomBestRateAlert_1.default, null))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement("div", { className: "offset-xl-1 col-md-4 col-xl-3 align-self-end" },
+            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
         react_1.default.createElement(LineBreak_1.default, null),
-        react_1.default.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            react_1.default.createElement("div", { className: "col-md-7 col-xl-8 d-table" },
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 react_1.default.createElement("div", { className: "block-container" },
                     !InlineAddonStepFeature_1.default.isActive() && react_1.default.createElement(AdditionalOffers_1.default, null),
                     react_1.default.createElement(StepConfirmationFormProvider_1.default, null))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement("div", { className: "col-xl-3 col-md-5 offset-xl-1" },
+            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement(StepConfirmationLimitedOffer_1.default, { endDate: (0, dayjs_1.default)().add(10, 'minute') }),
                 react_1.default.createElement(BESummary_1.BESummary, { showImages: true }))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAA8C;AAC9C,6EAAqD;AACrD,qEAA6C;AAC7C,8DAA2D;AAC3D,uDAAwC;AACxC,+EAAuD;AACvD,iFAAyD;AACzD,0DAAuD;AACvD,2FAAmE;AAEnE,mEAA2C;AAE3C,wGAAgF;AAChF,iDAA+C;AAC/C,yHAAiG;AACjG,gIAAwG;AACxG,kDAA0B;AAC1B,0GAAkF;AAClF,wGAAgF;AAChF,iDAA6C;AAC7C,6CAAyD;AACzD,iDAAgG;AAChG,uIAA+G;AAE/G,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,uCAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,uCAAK,SAAS,EAAC,mBAAmB;gBAC7B,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CACtE,CACP,CACN;gBAED,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,+BAAqB,OAAG,CACvB,CACJ;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,8CAA8C;gBACzD,8BAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACN,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,uCAAK,SAAS,EAAC,2BAA2B;gBACtC,uCAAK,SAAS,EAAC,iBAAiB;oBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,8BAAC,0BAAgB,OAAG;oBAC3D,8BAAC,sCAA4B,OAAG,CAC9B,CACJ;YAEL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,+BAA+B;gBAC1C,8BAAC,sCAA4B,IAAC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;gBACpE,8BAAC,qBAAS,IAAC,UAAU,SAAG,CACtB,CACT,CACC,CACJ,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport StepManager from '@/util/StepManager';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BackButton from '@/components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport dayjs from 'dayjs';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}
+{"version":3,"file":"StepConfirmationComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,6EAAqD;AACrD,qEAA6C;AAC7C,8DAA2D;AAC3D,uDAAwC;AACxC,+EAAuD;AACvD,iFAAyD;AACzD,0DAAuD;AACvD,2FAAmE;AAEnE,mEAA2C;AAE3C,wGAAgF;AAChF,iDAA+C;AAC/C,yHAAiG;AACjG,gIAAwG;AACxG,kDAA0B;AAC1B,0GAAkF;AAClF,wGAAgF;AAChF,iDAA6C;AAC7C,6CAAyD;AACzD,iDAAgG;AAChG,uIAA+G;AAC/G,uEAA4H;AAE5H,SAAS,yBAAyB;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAExD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,8BAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;wBACjD,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAY,CACtE,CACP,CACN;gBAED,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,+BAAqB,OAAG,CACvB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACtB,8BAAC,mBAAS,OAAG;QACb,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,uCAAK,SAAS,EAAC,iBAAiB;oBAC3B,CAAC,gCAAsB,CAAC,QAAQ,EAAE,IAAI,8BAAC,0BAAgB,OAAG;oBAC3D,8BAAC,sCAA4B,OAAG,CAC9B,CACc;YAEvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,sCAA4B,IAAC,OAAO,EAAE,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,GAAI;gBACpE,8BAAC,qBAAS,IAAC,UAAU,SAAG,CACH,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC;AAED,kBAAe,yBAAyB,CAAC","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport StepManager from '@/util/StepManager';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BackButton from '@/components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport dayjs from 'dayjs';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\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            <StepLayoutContainer>\n                <StepLayoutLeftContent>\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>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            <LineBreak />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </StepLayoutLeftContent>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}

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

@@ -26,17 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
-const StepConfirmationComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepConfirmationComponent'))));
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
+const StepConfirmationComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepConfirmationComponent'))));
 function StepConfirmationPlaceholder() {
     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(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 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(StepLayout_1.StepLayoutRightContent, null,
                 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 })),
@@ -46,8 +46,8 @@ function StepConfirmationPlaceholder() {
                     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(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 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 }),
@@ -92,7 +92,7 @@ function StepConfirmationPlaceholder() {
                 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(StepLayout_1.StepLayoutRightContent, null,
                 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 })),
@@ -100,7 +100,7 @@ function StepConfirmationPlaceholder() {
                         react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })))))));
 }
 function StepConfirmationLoader() {
-    return (react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(StepConfirmationPlaceholder, null) },
+    return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(StepConfirmationPlaceholder, null) },
         react_1.default.createElement(StepConfirmationComponent, null)));
 }
 exports.default = StepConfirmationLoader;

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 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"]}
+{"version":3,"file":"StepConfirmationLoader.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmationLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAE9C,mFAA2D;AAC3D,uEAA4H;AAE5H,MAAM,yBAAyB,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,0DAA0D,GAAC,CAAC,CAAC;AAEjH,SAAS,2BAA2B;IAChC,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,uCAAK,SAAS,EAAC,wCAAwC;oBACnD,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C,CACc;YACxB,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,uCAAK,SAAS,EAAC,KAAK;oBAChB,uCAAK,SAAS,EAAC,OAAO;wBAClB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;oBACN,uCAAK,SAAS,EAAC,OAAO;wBAClB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C,CACJ,CACe,CACP;QACtB,uCAAK,SAAS,EAAC,YAAY,GAAG;QAC9B,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,0BAA0B;oBACrC,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC9D,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC9D,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,SAAG,CAC5D;gBACN,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,QAAQ;oBACnB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,uCAAK,SAAS,EAAC,QAAQ;oBACnB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,QAAQ;oBACnB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,uCAAK,SAAS,EAAC,QAAQ;oBACnB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,uCAAK,SAAS,EAAC,YAAY,GAAG;gBAC9B,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,QAAQ;oBACnB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,YAAY,GAAG;gBAC9B,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,YAAY,GAAG;gBAC9B,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,uCAAK,SAAS,EAAC,0BAA0B;oBACrC,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;oBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;gBACN,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG;gBAC/C,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC3B;YACxB,8BAAC,mCAAsB;gBACnB;oBACI;wBACI,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C;oBACN;wBACI,8BAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,SAAG,CAC5D,CACJ,CACe,CACP,CACpB,CACT,CAAC;AACN,CAAC;AAED,SAAwB,sBAAsB;IAC1C,OAAO,CACH,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,8BAAC,2BAA2B,OAAG;QAC/C,8BAAC,yBAAyB,OAAG,CACtB,CACd,CAAC;AACN,CAAC;AAND,yCAMC","sourcesContent":["import React, { lazy, Suspense } from 'react';\n\nimport Placeholder from '@/components/generic/Placeholder';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\n\nconst StepConfirmationComponent = lazy(() => import('@/pages/steps/StepConfirmation/StepConfirmationComponent'));\n\nfunction StepConfirmationPlaceholder() {\n    return (\n        <div className=\"container\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                        <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n                    </div>\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\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                </StepLayoutRightContent>\n            </StepLayoutContainer>\n            <div className=\"line-break\" />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\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                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\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                </StepLayoutRightContent>\n            </StepLayoutContainer>\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/StepRoom/StepRoomComponent.js

@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const react_2 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
@@ -48,6 +47,7 @@ const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const contexts_1 = require("../../../contexts/index.js");
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
 const StepRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -61,37 +61,37 @@ const StepRoomComponent = () => {
     const closeFilter = () => {
         setFiltersOpen(false);
     };
-    return (react_2.default.createElement("div", { className: "container" },
-        react_2.default.createElement(BEMobileSummary_1.default, null),
-        react_2.default.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            react_2.default.createElement("div", { className: "col-md-8" },
-                context.screenSize > ScreenSize_1.default.Medium && (react_2.default.createElement(react_2.default.Fragment, null,
-                    react_2.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
-                        react_2.default.createElement(BackButton_1.default, null)),
-                    react_2.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                        react_2.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Room.ChooseRoom))))),
-                react_2.default.createElement("div", { className: "row align-items-end" },
-                    react_2.default.createElement("div", { className: "col-6 col-md-4 col-lg-3" },
-                        react_2.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                            react_2.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.SortBy))),
-                        react_2.default.createElement("div", null,
-                            react_2.default.createElement(StepRoomSortBy_1.default, null))),
-                    react_2.default.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
-                        react_2.default.createElement("div", { ref: filterButton },
-                            react_2.default.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer", onClick: openFilter },
-                                react_2.default.createElement(Text_1.default, null, context.screenSize > ScreenSize_1.default.Medium ? t(Translation_1.Translation.Step.Room.FilterBy) : t(Translation_1.Translation.Step.Room.Filter.ShowFilters)),
-                                react_2.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, color: Color_1.Color.DarkGrey })),
-                            react_2.default.createElement(RoomFilterOverlay_1.default, { open: filtersOpen, anchorEl: filterButton.current, onClose: closeFilter }))),
-                    react_2.default.createElement("div", { className: "col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down" },
-                        react_2.default.createElement(AppliedFiltersBlock_1.default, null)))),
-            context.screenSize > ScreenSize_1.default.Medium && (react_2.default.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
-                react_2.default.createElement(StepRoomHotelDetails_1.default, null)))),
-        context.screenSize > ScreenSize_1.default.Medium && react_2.default.createElement(LineBreak_1.default, null),
-        react_2.default.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            react_2.default.createElement("div", { className: "col-md-7 col-lg-8" },
-                react_2.default.createElement(RoomList_1.default, null)),
-            react_2.default.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
-                react_2.default.createElement(StepRoomSummaryAndButton_1.default, null)))));
+    return (react_1.default.createElement("div", { className: "container" },
+        react_1.default.createElement(BEMobileSummary_1.default, null),
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
+                context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
+                        react_1.default.createElement(BackButton_1.default, null)),
+                    react_1.default.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
+                        react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Room.ChooseRoom))))),
+                react_1.default.createElement("div", { className: "row align-items-end" },
+                    react_1.default.createElement("div", { className: "col-6 col-md-4 col-lg-3" },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                            react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.SortBy))),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(StepRoomSortBy_1.default, null))),
+                    react_1.default.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
+                        react_1.default.createElement("div", { ref: filterButton },
+                            react_1.default.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer", onClick: openFilter },
+                                react_1.default.createElement(Text_1.default, null, context.screenSize > ScreenSize_1.default.Medium ? t(Translation_1.Translation.Step.Room.FilterBy) : t(Translation_1.Translation.Step.Room.Filter.ShowFilters)),
+                                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, color: Color_1.Color.DarkGrey })),
+                            react_1.default.createElement(RoomFilterOverlay_1.default, { open: filtersOpen, anchorEl: filterButton.current, onClose: closeFilter }))),
+                    react_1.default.createElement("div", { className: "col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down" },
+                        react_1.default.createElement(AppliedFiltersBlock_1.default, null)))),
+            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
+                react_1.default.createElement(StepRoomHotelDetails_1.default, null)))),
+        context.screenSize > ScreenSize_1.default.Medium && react_1.default.createElement(LineBreak_1.default, null),
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
+                react_1.default.createElement(RoomList_1.default, null)),
+            react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
+                react_1.default.createElement(StepRoomSummaryAndButton_1.default, null)))));
 };
 exports.default = StepRoomComponent;
 //# sourceMappingURL=StepRoomComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useRef, useState } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport DataLayer, { InteractionType, InteractionStep } from '@/util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef<HTMLDivElement | null>(null);\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-4 offset-xl-1 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-lg-8\">\n                    <RoomList />\n                </div>\n                <div className=\"col-xl-3 col-md-5 col-lg-4 offset-xl-1\">\n                    <StepRoomSummaryAndButton />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}
+{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AppliedFiltersBlock from '@/components/steps/room/roomFilter/AppliedFiltersBlock';\nimport RoomFilterOverlay from '@/components/steps/room/roomFilter/RoomFilterOverlay';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSortBy from '@/components/steps/room/StepRoomSortBy';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n\n    const { t } = useTranslation();\n\n    const filterButton = useRef<HTMLDivElement | null>(null);\n    const [filtersOpen, setFiltersOpen] = useState(false);\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    const openFilter = () => {\n        DataLayer.instance.sendInteraction('Show Filters', InteractionType.DROPDOWN, InteractionStep.ROOMS);\n        setFiltersOpen(true);\n    };\n\n    const closeFilter = () => {\n        setFiltersOpen(false);\n    };\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\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>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <StepRoomSortBy />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div ref={filterButton}>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\" onClick={openFilter}>\n                                    <Text>{context.screenSize > ScreenSize.Medium ? t(Translation.Step.Room.FilterBy) : t(Translation.Step.Room.Filter.ShowFilters)}</Text>\n                                    <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                </div>\n                                <RoomFilterOverlay open={filtersOpen} anchorEl={filterButton.current} onClose={closeFilter} />\n                            </div>\n                        </div>\n                        <div className=\"col-md-12 col-lg-7 u-align-right u-marg-top@l- u-empty-none filter-push-down\">\n                            <AppliedFiltersBlock />\n                        </div>\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <RoomList />\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}

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

@@ -26,14 +26,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
-const react_2 = require("react");
-const StepRoomComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepRoomComponent'))));
+const StepLayout_1 = require("../../../components/generic/Layout/StepLayout");
+const StepRoomComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepRoomComponent'))));
 function StepRoomPlaceholder() {
     return (react_1.default.createElement("div", { className: "container" },
-        react_1.default.createElement("div", { className: "row no-gutters" },
-            react_1.default.createElement("div", { className: "col-sm-12 col-md-8" },
+        react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 react_1.default.createElement("div", { className: "d-none d-md-block 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("br", null),
@@ -42,7 +42,7 @@ function StepRoomPlaceholder() {
                         react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true })),
                     react_1.default.createElement("div", { className: "col-6 col-md-4 col-lg-3" },
                         react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "md", blink: true })))),
-            react_1.default.createElement("div", { className: "d-none d-md-block col-xl-3 col-md-4 offset-xl-1 align-self-end" },
+            react_1.default.createElement(StepLayout_1.StepLayoutRightContent, { className: "d-none d-md-block" },
                 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 })),
@@ -52,8 +52,8 @@ function StepRoomPlaceholder() {
                     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(StepLayout_1.StepLayoutContainer, null,
+            react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null,
                 react_1.default.createElement("div", { className: "u-w-100 u-flex u-flex-direction-column u-flex-align-flex-end" },
                     react_1.default.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "lg", blink: true }),
                     react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xs", h: "md", blink: true })),
@@ -92,7 +92,7 @@ function StepRoomPlaceholder() {
                                 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: "sm", 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" },
+            react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement("div", { className: "u-pad" },
                     react_1.default.createElement("div", null,
                         react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })),
@@ -102,7 +102,7 @@ function StepRoomPlaceholder() {
                         react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
 }
 function StepRoomLoader() {
-    return (react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(StepRoomPlaceholder, null) },
+    return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(StepRoomPlaceholder, null) },
         react_1.default.createElement(StepRoomComponent, null)));
 }
 exports.default = StepRoomLoader;

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

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

package/dist/src/providers/FeatureProvider.js

@@ -12,6 +12,7 @@ const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("./feature/Sho
 const E164PhoneNumberFieldFeature_1 = __importDefault(require("./feature/E164PhoneNumberFieldFeature"));
 const MemberPortalFeature_1 = __importDefault(require("./feature/MemberPortalFeature"));
 const NumberOfPeopleBookedPillFeature_1 = __importDefault(require("./feature/NumberOfPeopleBookedPillFeature"));
+const FullPageEngineSmallSpacingFeature_1 = __importDefault(require("./feature/FullPageEngineSmallSpacingFeature"));
 class FeatureProvider {
     static load(name) {
         for (const feature of this.features) {
@@ -39,5 +40,6 @@ FeatureProvider.features = [
     E164PhoneNumberFieldFeature_1.default,
     MemberPortalFeature_1.default,
     NumberOfPeopleBookedPillFeature_1.default,
+    FullPageEngineSmallSpacingFeature_1.default,
 ];
 //# sourceMappingURL=FeatureProvider.js.map

package/dist/src/providers/FeatureProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.js","sourceRoot":"/","sources":["src/providers/FeatureProvider.ts"],"names":[],"mappings":";;;;;AAAA,8FAAsE;AACtE,sGAA8E;AAC9E,wGAAgF;AAChF,oGAA4E;AAC5E,8GAAsF;AACtF,0HAAkG;AAClG,kHAA0F;AAC1F,kGAA0E;AAC1E,gHAAwF;AAExF,MAAqB,eAAe;IAazB,MAAM,CAAC,IAAI,CAAC,IAAuF;QACtG,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;gBAChD,OAAO,CAAC,IAAI,EAAE,CAAC;aAClB;SACJ;IACL,CAAC;IAEM,MAAM,CAAC,MAAM,CAAC,IAAuF;QACxG,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;gBAChD,OAAO,CAAC,MAAM,EAAE,CAAC;aACpB;SACJ;IACL,CAAC;;AA3BL,kCA4BC;AA3BkB,wBAAQ,GAAG;IACtB,gCAAsB;IACtB,+BAAqB;IACrB,2BAAiB;IACjB,8BAAoB;IACpB,mCAAyB;IACzB,yCAA+B;IAC/B,qCAA2B;IAC3B,6BAAmB;IACnB,yCAA+B;CAClC,CAAC","sourcesContent":["import RoomUpsellFeature from '@/providers/feature/RoomUpsellFeature';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport E164PhoneNumberFieldFeature from '@/providers/feature/E164PhoneNumberFieldFeature';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport NumberOfPeopleBookedPillFeature from './feature/NumberOfPeopleBookedPillFeature';\n\nexport default class FeatureProvider {\n    private static features = [\n        InlineAddonStepFeature,\n        DatePickerTypeFeature,\n        RoomUpsellFeature,\n        FeaturedPromoFeature,\n        ConfirmationVerifyFeature,\n        ShowIATANumberOnCheckoutFeature,\n        E164PhoneNumberFieldFeature,\n        MemberPortalFeature,\n        NumberOfPeopleBookedPillFeature,\n    ];\n\n    public static load(name: string | (typeof FeatureProvider.features)[keyof typeof FeatureProvider.features]) {\n        for (const feature of this.features) {\n            if (feature.getName() === name || name === feature) {\n                feature.load();\n            }\n        }\n    }\n\n    public static unLoad(name: string | (typeof FeatureProvider.features)[keyof typeof FeatureProvider.features]) {\n        for (const feature of this.features) {\n            if (feature.getName() === name || name === feature) {\n                feature.unLoad();\n            }\n        }\n    }\n}\n"]}
+{"version":3,"file":"FeatureProvider.js","sourceRoot":"/","sources":["src/providers/FeatureProvider.ts"],"names":[],"mappings":";;;;;AAAA,8FAAsE;AACtE,sGAA8E;AAC9E,wGAAgF;AAChF,oGAA4E;AAC5E,8GAAsF;AACtF,0HAAkG;AAClG,kHAA0F;AAC1F,kGAA0E;AAC1E,0HAAkG;AAClG,8HAAsG;AAEtG,MAAqB,eAAe;IAczB,MAAM,CAAC,IAAI,CAAC,IAAuF;QACtG,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;gBAChD,OAAO,CAAC,IAAI,EAAE,CAAC;aAClB;SACJ;IACL,CAAC;IAEM,MAAM,CAAC,MAAM,CAAC,IAAuF;QACxG,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;gBAChD,OAAO,CAAC,MAAM,EAAE,CAAC;aACpB;SACJ;IACL,CAAC;;AA5BL,kCA6BC;AA5BkB,wBAAQ,GAAG;IACtB,gCAAsB;IACtB,+BAAqB;IACrB,2BAAiB;IACjB,8BAAoB;IACpB,mCAAyB;IACzB,yCAA+B;IAC/B,qCAA2B;IAC3B,6BAAmB;IACnB,yCAA+B;IAC/B,2CAAiC;CACpC,CAAC","sourcesContent":["import RoomUpsellFeature from '@/providers/feature/RoomUpsellFeature';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport E164PhoneNumberFieldFeature from '@/providers/feature/E164PhoneNumberFieldFeature';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport FullPageEngineSmallSpacingFeature from '@/providers/feature/FullPageEngineSmallSpacingFeature';\n\nexport default class FeatureProvider {\n    private static features = [\n        InlineAddonStepFeature,\n        DatePickerTypeFeature,\n        RoomUpsellFeature,\n        FeaturedPromoFeature,\n        ConfirmationVerifyFeature,\n        ShowIATANumberOnCheckoutFeature,\n        E164PhoneNumberFieldFeature,\n        MemberPortalFeature,\n        NumberOfPeopleBookedPillFeature,\n        FullPageEngineSmallSpacingFeature,\n    ];\n\n    public static load(name: string | (typeof FeatureProvider.features)[keyof typeof FeatureProvider.features]) {\n        for (const feature of this.features) {\n            if (feature.getName() === name || name === feature) {\n                feature.load();\n            }\n        }\n    }\n\n    public static unLoad(name: string | (typeof FeatureProvider.features)[keyof typeof FeatureProvider.features]) {\n        for (const feature of this.features) {\n            if (feature.getName() === name || name === feature) {\n                feature.unLoad();\n            }\n        }\n    }\n}\n"]}