@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/pages/hotel/HotelInfoPlaceholder.js

@@ -1,37 +1,14 @@
 "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 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Placeholder_1 = __importDefault(require("../../components/generic/Placeholder"));
 function HotelInfoPlaceholder() {
-    return (React.createElement("div", { className: "container" },
-        React.createElement("div", { className: "row" },
-            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }))));
+    return (react_1.default.createElement("div", { className: "container" },
+        react_1.default.createElement("div", { className: "row" },
+            react_1.default.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "md", blink: true }))));
 }
 exports.default = HotelInfoPlaceholder;
 //# sourceMappingURL=HotelInfoPlaceholder.js.map

package/dist/src/pages/hotel/HotelInfoPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelInfoPlaceholder.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfoPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,mFAA2D;AAE3D,SAAwB,oBAAoB;IACxC,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACtB,6BAAK,SAAS,EAAC,KAAK;YAChB,oBAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,GAAI,CACpD,CACJ,CACT,CAAC;AACN,CAAC;AARD,uCAQC","sourcesContent":["import * as React from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\n\nexport default function HotelInfoPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row\">\n                <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink={true} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"HotelInfoPlaceholder.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfoPlaceholder.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,mFAA2D;AAE3D,SAAwB,oBAAoB;IACxC,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW;QACtB,uCAAK,SAAS,EAAC,KAAK;YAChB,8BAAC,qBAAW,IAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,SAAG,CAC7C,CACJ,CACT,CAAC;AACN,CAAC;AARD,uCAQC","sourcesContent":["import React from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\n\nexport default function HotelInfoPlaceholder() {\n    return (\n        <div className=\"container\">\n            <div className=\"row\">\n                <Placeholder type=\"text\" w=\"sm\" h=\"md\" blink />\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -10,13 +10,13 @@ export default abstract class Step {
     protected getUrlFragment(): string;
     getName(): string;
     getStepUrl(): string;
-    getStepTranslation(): string;
+    getStepTranslation(): string | null;
     shouldShowOnNavigation(): boolean;
     /**
      * Method gets called when Step is activated. Return a @type ColorProfile
      * to automatically set theme when step is loaded
      */
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
     abstract getComponent(): ReactFragment;
     abstract getValidator(): StepValidator;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}
+{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string | null {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}

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

@@ -8,7 +8,7 @@ declare class StepAddon extends Step {
     getComponent(): () => JSX.Element;
     getValidator(): StepAddonValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
 }
 declare const _default: StepAddon;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepAddonLoader from '@/pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}
+{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepAddonLoader from '@/pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}

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

@@ -1,33 +1,10 @@
 "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 = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const react_i18next_1 = require("react-i18next");
 const BackButton_1 = __importDefault(require("../../../components/generic/BackButton"));
@@ -43,27 +20,27 @@ const contexts_1 = require("../../../contexts/index.js");
 const EventHook_1 = require("../../../hooks/EventHook");
 const events_1 = require("../../../events/index.js");
 function StepAddonComponent() {
-    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 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 { t } = (0, react_i18next_1.useTranslation)();
     const { raise } = (0, EventHook_1.useEvent)();
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         const event = new events_1.StepAddonViewEvent(currentBasketRows);
         raise(event);
     }, []);
-    return (React.createElement("div", { className: "container" },
-        React.createElement(BEMobileSummary_1.default, null),
-        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            React.createElement("div", { className: "col-md-8" }, context.screenSize > ScreenSize_1.default.Medium && (React.createElement(React.Fragment, null,
-                React.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
-                    React.createElement(BackButton_1.default, null)),
-                React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                    React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Addon)))))),
-            context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
-                React.createElement(StepRoomHotelDetails_1.default, null)))),
-        context.screenSize > ScreenSize_1.default.Medium && React.createElement(LineBreak_1.default, null),
-        React.createElement(AddonList_1.default, null)));
+    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-8" }, 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.Navigation.Steps.Addon)))))),
+            context.screenSize > ScreenSize_1.default.Medium && (react_1.default.createElement("div", { className: "col-xl-3 col-md-4 offset-xl-1 align-self-end" },
+                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(AddonList_1.default, null)));
 }
 exports.default = StepAddonComponent;
 //# sourceMappingURL=StepAddonComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepAddonComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA8C;AAC9C,uDAAwC;AACxC,iDAA+C;AAC/C,iFAAyD;AACzD,6EAAqD;AACrD,+EAAuD;AACvD,oFAA4D;AAC5D,2FAAmE;AACnE,qEAA6C;AAC7C,0DAAuD;AACvD,mEAA2C;AAC3C,wGAAgF;AAChF,iDAAgG;AAChG,iDAA6C;AAC7C,6CAAsD;AAEtD,SAAwB,kBAAkB;IACtC,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,2BAAkB,CAAC,iBAAiB,CAAC,CAAC;QACxD,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BAAK,SAAS,EAAC,WAAW;QACtB,oBAAC,yBAAe,OAAG;QACnB,6BAAK,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACrF,6BAAK,SAAS,EAAC,UAAU,IACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,oBAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,oBAAC,oBAAU,OAAG,CACX;gBACP,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,IAAG,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CACtE,CACP,CACN,CACC;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,6BAAK,SAAS,EAAC,8CAA8C;gBACzD,oBAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,oBAAC,mBAAS,OAAG;QACxD,oBAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AddonList from '@/components/steps/addons/AddonList';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport StepManager from '@/util/StepManager';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepAddonViewEvent } from '@frontend/events';\n\nexport default function StepAddonComponent() {\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 StepAddonViewEvent(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-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Navigation.Steps.Addon)}</Headline>\n                            </div>\n                        </>\n                    )}\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            <AddonList />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepAddonComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddonComponent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAA8C;AAC9C,uDAAwC;AACxC,iDAA+C;AAC/C,iFAAyD;AACzD,6EAAqD;AACrD,+EAAuD;AACvD,oFAA4D;AAC5D,2FAAmE;AACnE,qEAA6C;AAC7C,0DAAuD;AACvD,mEAA2C;AAC3C,wGAAgF;AAChF,iDAAgG;AAChG,iDAA6C;AAC7C,6CAAsD;AAEtD,SAAwB,kBAAkB;IACtC,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,2BAAkB,CAAC,iBAAiB,CAAC,CAAC;QACxD,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,UAAU,IACpB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;gBACI,8BAAC,uBAAI,IAAC,EAAE,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;oBACjD,8BAAC,oBAAU,OAAG,CACX;gBACP,uCAAK,SAAS,EAAC,wCAAwC;oBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CAC/D,CACP,CACN,CACC;YACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,uCAAK,SAAS,EAAC,8CAA8C;gBACzD,8BAAC,8BAAoB,OAAG,CACtB,CACT,CACC;QACL,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,mBAAS,OAAG,CACX,CACT,CAAC;AACN,CAAC;AAxCD,qCAwCC","sourcesContent":["import React from 'react';\nimport { useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport AddonList from '@/components/steps/addons/AddonList';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport StepManager from '@/util/StepManager';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepAddonViewEvent } from '@frontend/events';\n\nexport default function StepAddonComponent() {\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 StepAddonViewEvent(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-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.Addon)}</Headline>\n                            </div>\n                        </>\n                    )}\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            <AddonList />\n        </div>\n    );\n}\n"]}

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

@@ -26,61 +26,61 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Placeholder_1 = __importDefault(require("../../../components/generic/Placeholder"));
-const StepAddonComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepAddonComponent'))));
+const StepAddonComponent = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./StepAddonComponent'))));
 const Loader = () => {
-    return (React.createElement("div", { className: "container" },
-        React.createElement("div", { className: "line-break" }),
-        React.createElement("div", { className: "row no-gutters" },
-            React.createElement("div", { className: "u-w-100 u-flex justify-content-center" },
-                React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "lg", blink: true })),
-            React.createElement("div", { className: "line-break" }),
-            React.createElement("div", { className: "col-md-7 col-lg-8" },
-                React.createElement("br", null),
-                React.createElement("div", { className: "u-marg-bottom" },
-                    React.createElement("div", { className: "row" },
-                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
-                React.createElement("div", { className: "u-marg-bottom" },
-                    React.createElement("div", { className: "row" },
-                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })))),
-                React.createElement("div", { className: "u-marg-bottom" },
-                    React.createElement("div", { className: "row" },
-                        React.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
-                            React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
-                        React.createElement("div", { className: "col-lg-7 col-xl-7" },
-                            React.createElement(Placeholder_1.default, { type: "text", w: "md", h: "md", blink: true }),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "lg", h: "sm", blink: true }),
-                            React.createElement("div", { className: "u-marg-top-bottom--heavy" },
-                                React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true })),
-                            React.createElement(Placeholder_1.default, { type: "text", w: "sm", h: "sm", blink: true }))))),
-            React.createElement("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
-                React.createElement("div", { className: "u-pad" },
-                    React.createElement("div", null,
-                        React.createElement(Placeholder_1.default, { type: "block", blockSize: "lg", rounded: "lg", blink: true })),
-                    React.createElement("div", null,
-                        React.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
-                    React.createElement("div", { className: "u-marg-top--heavy" },
-                        React.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
+    return (react_1.default.createElement("div", { className: "container" },
+        react_1.default.createElement("div", { className: "line-break" }),
+        react_1.default.createElement("div", { className: "row no-gutters" },
+            react_1.default.createElement("div", { className: "u-w-100 u-flex justify-content-center" },
+                react_1.default.createElement(Placeholder_1.default, { type: "text", w: "md", h: "lg", blink: true })),
+            react_1.default.createElement("div", { className: "line-break" }),
+            react_1.default.createElement("div", { className: "col-md-7 col-lg-8" },
+                react_1.default.createElement("br", null),
+                react_1.default.createElement("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement("div", { className: "row" },
+                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            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: "lg", h: "sm", blink: true }),
+                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                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("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement("div", { className: "row" },
+                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            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: "lg", h: "sm", blink: true }),
+                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                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("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement("div", { className: "row" },
+                        react_1.default.createElement("div", { className: "col-lg-12 col-xl-5 u-flex" },
+                            react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })),
+                        react_1.default.createElement("div", { className: "col-lg-7 col-xl-7" },
+                            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: "lg", h: "sm", blink: true }),
+                            react_1.default.createElement("div", { className: "u-marg-top-bottom--heavy" },
+                                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("div", { className: "col-xl-3 col-md-5 col-lg-4 offset-xl-1" },
+                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 })),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(Placeholder_1.default, { type: "text", w: "xl", h: "lg", blink: true })),
+                    react_1.default.createElement("div", { className: "u-marg-top--heavy" },
+                        react_1.default.createElement(Placeholder_1.default, { type: "block", blockSize: "sm", rounded: "lg", blink: true })))))));
 };
 const StepAddonPlaceholder = () => {
-    return (React.createElement(react_1.Suspense, { fallback: React.createElement(Loader, null) },
-        React.createElement(StepAddonComponent, null)));
+    return (react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(Loader, null) },
+        react_1.default.createElement(StepAddonComponent, null)));
 };
 exports.default = StepAddonPlaceholder;
 //# sourceMappingURL=StepAddonLoader.js.map

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

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

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

@@ -9,7 +9,7 @@ declare class StepConfirmation extends Step {
     getComponent(): typeof StepConfirmationLoader;
     getValidator(): StepConfirmationValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile;
+    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
 }
 declare const _default: StepConfirmation;
 export default _default;

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

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

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

@@ -1,33 +1,10 @@
 "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 = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Headline_1 = __importDefault(require("../../../components/generic/Headline"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const BESummary_1 = require("../../../components/summary/BESummary");
@@ -49,37 +26,37 @@ const events_1 = require("../../../events/index.js");
 const contexts_1 = require("../../../contexts/index.js");
 const StepConfirmationFormProvider_1 = __importDefault(require("../../../components/steps/confirmation/StepConfirmationFormProvider"));
 function StepConfirmationComponent() {
-    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 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 { t } = (0, react_i18next_1.useTranslation)();
     const { raise } = (0, EventHook_1.useEvent)();
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         const event = new events_1.StepCheckoutViewEvent(currentBasketRows);
         raise(event);
     }, []);
-    return (React.createElement("div", { className: "container" },
-        React.createElement(BEMobileSummary_1.default, null),
-        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            React.createElement("div", { className: "col-md-7 col-xl-8" },
-                context.screenSize > ScreenSize_1.default.Medium && (React.createElement(React.Fragment, null,
-                    React.createElement(react_router_dom_1.Link, { to: StepManager_1.default.getPreviousStepUrl(currentStep) },
-                        React.createElement(BackButton_1.default, null)),
-                    React.createElement("div", { className: "u-marg-top--light u-marg-bottom--heavy" },
-                        React.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Navigation.Steps.Confirmation))))),
-                React.createElement("div", { className: "u-marg-top@m-" },
-                    React.createElement(StepRoomBestRateAlert_1.default, null))),
-            context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "offset-xl-1 col-md-4 col-xl-3 align-self-end" },
-                React.createElement(StepRoomHotelDetails_1.default, null)))),
-        React.createElement(LineBreak_1.default, null),
-        React.createElement("div", { className: 'row' + (context.screenSize > ScreenSize_1.default.ExtraLarge ? ' no-gutters' : '') },
-            React.createElement("div", { className: "col-md-7 col-xl-8 d-table" },
-                React.createElement("div", { className: "block-container" },
-                    !InlineAddonStepFeature_1.default.isActive() && React.createElement(AdditionalOffers_1.default, null),
-                    React.createElement(StepConfirmationFormProvider_1.default, null))),
-            context.screenSize > ScreenSize_1.default.Medium && (React.createElement("div", { className: "col-xl-3 col-md-5 offset-xl-1" },
-                React.createElement(StepConfirmationLimitedOffer_1.default, { endDate: (0, dayjs_1.default)().add(10, 'minute') }),
-                React.createElement(BESummary_1.BESummary, { showImages: true }))))));
+    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" },
+                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.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" },
+                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("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" },
+                react_1.default.createElement(StepConfirmationLimitedOffer_1.default, { endDate: (0, dayjs_1.default)().add(10, 'minute') }),
+                react_1.default.createElement(BESummary_1.BESummary, { showImages: true }))))));
 }
 exports.default = StepConfirmationComponent;
 //# sourceMappingURL=StepConfirmationComponent.js.map

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":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport StepManager from '@/util/StepManager';\nimport { BESummary } from '@/components/summary/BESummary';\nimport { Link } from 'react-router-dom';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BackButton from '@/components/generic/BackButton';\nimport { Translation } from 'translations/Translation';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\n\nimport ScreenSize from '@/util/ScreenSize';\n\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport { useTranslation } from 'react-i18next';\nimport AdditionalOffers from '@/components/steps/confirmation/additionalOffers/AdditionalOffers';\nimport StepConfirmationLimitedOffer from '@/components/steps/confirmation/StepConfirmationLimitedOffer';\nimport dayjs from 'dayjs';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport InlineAddonStepFeature from '@/providers/feature/InlineAddonStepFeature';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepCheckoutViewEvent } from '@frontend/events';\nimport { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport StepConfirmationFormProvider from '../../../components/steps/confirmation/StepConfirmationFormProvider';\n\nfunction StepConfirmationComponent() {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { currentBasketRows } = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepCheckoutViewEvent(currentBasketRows);\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <BEMobileSummary />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8\">\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link to={StepManager.getPreviousStepUrl(currentStep)}>\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Navigation.Steps.Confirmation)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-top@m-\">\n                        <StepRoomBestRateAlert />\n                    </div>\n                </div>\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"offset-xl-1 col-md-4 col-xl-3 align-self-end\">\n                        <StepRoomHotelDetails />\n                    </div>\n                )}\n            </div>\n            <LineBreak />\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-7 col-xl-8 d-table\">\n                    <div className=\"block-container\">\n                        {!InlineAddonStepFeature.isActive() && <AdditionalOffers />}\n                        <StepConfirmationFormProvider />\n                    </div>\n                </div>\n\n                {context.screenSize > ScreenSize.Medium && (\n                    <div className=\"col-xl-3 col-md-5 offset-xl-1\">\n                        <StepConfirmationLimitedOffer endDate={dayjs().add(10, 'minute')} />\n                        <BESummary showImages={true} />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nexport default StepConfirmationComponent;\n"]}
+{"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"]}