@roomstay/frontend 1.3.0

package/dist/src/engines/CustomEngine/CustomEngine.js

@@ -0,0 +1,23 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomEngine = void 0;
+const BaseEngine_1 = require("../BaseEngine");
+// Custom engine for custom development using Roomstay functions.
+class CustomEngine extends BaseEngine_1.BaseEngine {
+    render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO
+        });
+    }
+}
+exports.CustomEngine = CustomEngine;
+//# sourceMappingURL=CustomEngine.js.map

package/dist/src/engines/CustomEngine/CustomEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomEngine.js","sourceRoot":"/","sources":["src/engines/CustomEngine/CustomEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA6D;AAE7D,iEAAiE;AACjE,MAAa,YAAa,SAAQ,uBAA4B;IAC7C,MAAM;;YACf,OAAO;QACX,CAAC;KAAA;CACJ;AAJD,oCAIC","sourcesContent":["import { BaseEngine, BaseEngineConfig } from '../BaseEngine';\n\n// Custom engine for custom development using Roomstay functions.\nexport class CustomEngine extends BaseEngine<BaseEngineConfig> {\n    public async render() {\n        // TODO\n    }\n}\n"]}

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngine.d.ts

@@ -0,0 +1,5 @@
+import { BaseEngine, BaseEngineConfig } from '../BaseEngine';
+export declare class FullPageBookingEngine extends BaseEngine<BaseEngineConfig> {
+    constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig);
+    protected render(): Promise<void>;
+}

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngine.js

@@ -0,0 +1,31 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullPageBookingEngine = void 0;
+const BaseEngine_1 = require("../BaseEngine");
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+const FullPageBookingEngineElement_1 = require("./FullPageBookingEngineElement");
+class FullPageBookingEngine extends BaseEngine_1.BaseEngine {
+    constructor(bookingContainer, config) {
+        super(bookingContainer, config);
+        this.source = 'fullpage';
+    }
+    render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (RoomstayThemeEngine_1.default.ThemeType === RoomstayThemeEngine_1.RoomstayTheme.Medium) {
+                this.bookingContainer.classList.toggle('--theme-medium', true);
+            }
+            FullPageBookingEngineElement_1.renderBookingEngine(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'fullpage-engine'), this);
+        });
+    }
+}
+exports.FullPageBookingEngine = FullPageBookingEngine;
+//# sourceMappingURL=FullPageBookingEngine.js.map

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageBookingEngine.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA6D;AAC7D,6EAAyF;AACzF,iFAAqE;AAErE,MAAa,qBAAsB,SAAQ,uBAA4B;IACnE,YAAmB,gBAA6B,EAAE,MAAyB;QACvE,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;IAC7B,CAAC;IAEe,MAAM;;YAClB,IAAI,6BAAmB,CAAC,SAAS,KAAK,mCAAa,CAAC,MAAM,EAAE;gBACxD,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;aAClE;YAED,kDAAmB,CAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1G,CAAC;KAAA;CACJ;AAbD,sDAaC","sourcesContent":["import { BaseEngine, BaseEngineConfig } from '../BaseEngine';\nimport RoomstayThemeEngine, { RoomstayTheme } from '../../providers/RoomstayThemeEngine';\nimport { renderBookingEngine } from './FullPageBookingEngineElement';\n\nexport class FullPageBookingEngine extends BaseEngine<BaseEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig) {\n        super(bookingContainer, config);\n        this.source = 'fullpage';\n    }\n\n    protected async render() {\n        if (RoomstayThemeEngine.ThemeType === RoomstayTheme.Medium) {\n            this.bookingContainer.classList.toggle('--theme-medium', true);\n        }\n\n        renderBookingEngine(RoomstayThemeEngine.createElementOrReuseExisting('div', 'fullpage-engine'), this);\n    }\n}\n"]}

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElement.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../../../assets/scss/main.global.scss';
+import type { FullPageBookingEngine } from './FullPageBookingEngine';
+export interface FullPageBookingEngineElementProps {
+    engine: FullPageBookingEngine;
+}
+export default function FullPageBookingEngineElement({ engine }: FullPageBookingEngineElementProps): JSX.Element;
+export declare const renderBookingEngine: (container: Element, engine: FullPageBookingEngine) => void;

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElement.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderBookingEngine = void 0;
+require("../../../assets/scss/main.global.scss");
+const React = require("react");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const react_router_dom_1 = require("react-router-dom");
+const NotificationContext_1 = require("../../contexts/NotificationContext");
+const ErrorContext_1 = require("../../contexts/ErrorContext");
+const HotelOverridesContext_1 = require("../../contexts/HotelOverridesContext");
+const FullPageBookingEngineElementEvents_1 = require("./FullPageBookingEngineElementEvents");
+const contexts_1 = require("@frontend/contexts");
+function FullPageBookingEngineElement({ engine }) {
+    // TODO: Refactor this to trigger via useEvents hook
+    FullPageBookingEngineElementEvents_1.FullPageBookingEngineElementEvents.reload = () => {
+        setIncrementor((one) => one + 1);
+    };
+    const [, setIncrementor] = react_1.useState(0);
+    return (React.createElement(react_1.Suspense, { fallback: React.createElement(React.Fragment, null) },
+        React.createElement(react_router_dom_1.HashRouter, null,
+            React.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+                React.createElement(NotificationContext_1.NotificationContextWrapper, null,
+                    React.createElement(ErrorContext_1.ErrorContextWrapper, null,
+                        React.createElement(contexts_1.CompanyContextWrapper, { configCompany: engine.getConfig().company },
+                            React.createElement(HotelOverridesContext_1.HotelOverridesContextWrapper, null,
+                                React.createElement(contexts_1.BasketContextWrapper, null,
+                                    React.createElement(contexts_1.FullPageEngineContextWrapper, null))))))))));
+}
+exports.default = FullPageBookingEngineElement;
+exports.renderBookingEngine = (container, engine) => {
+    react_dom_1.render(React.createElement(FullPageBookingEngineElement, { engine: engine }), container);
+};
+//# sourceMappingURL=FullPageBookingEngineElement.js.map

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageBookingEngineElement.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngineElement.tsx"],"names":[],"mappings":";;;AAAA,iDAA+C;AAE/C,+BAA+B;AAC/B,iCAA2C;AAC3C,yCAAmC;AAEnC,uDAA8C;AAE9C,4EAAgF;AAChF,8DAAkE;AAIlE,gFAAoF;AACpF,6FAA0F;AAE1F,iDAA4I;AAM5I,SAAwB,4BAA4B,CAAC,EAAE,MAAM,EAAqC;IAC9F,oDAAoD;IACpD,uEAAkC,CAAC,MAAM,GAAG,GAAG,EAAE;QAC7C,cAAc,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,oBAAC,gBAAQ,IAAC,QAAQ,EAAE,yCAAK;QACrB,oBAAC,6BAAU;YACP,oBAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;gBACvC,oBAAC,gDAA0B;oBACvB,oBAAC,kCAAmB;wBAChB,oBAAC,gCAAqB,IAAC,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO;4BAC5D,oBAAC,oDAA4B;gCACzB,oBAAC,+BAAoB;oCACjB,oBAAC,uCAA4B,OAAG,CACb,CACI,CACX,CACN,CACG,CACH,CACrB,CACN,CACd,CAAC;AACN,CAAC;AA3BD,+CA2BC;AAEY,QAAA,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA6B,EAAE,EAAE;IACrF,kBAAM,CAAC,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,GAAI,EAAE,SAAS,CAAC,CAAC;AACxE,CAAC,CAAC","sourcesContent":["import '../../../assets/scss/main.global.scss';\n\nimport * as React from 'react';\nimport { Suspense, useState } from 'react';\nimport { render } from 'react-dom';\n\nimport { HashRouter } from 'react-router-dom';\n\nimport { NotificationContextWrapper } from '../../contexts/NotificationContext';\nimport { ErrorContextWrapper } from '../../contexts/ErrorContext';\n\nimport type { FullPageBookingEngine } from './FullPageBookingEngine';\n\nimport { HotelOverridesContextWrapper } from '../../contexts/HotelOverridesContext';\nimport { FullPageBookingEngineElementEvents } from './FullPageBookingEngineElementEvents';\n\nimport { CompanyContextWrapper, BasketContextWrapper, FullPageEngineContextWrapper, BookingEngineContextWrapper } from '@frontend/contexts';\n\nexport interface FullPageBookingEngineElementProps {\n    engine: FullPageBookingEngine;\n}\n\nexport default function FullPageBookingEngineElement({ engine }: FullPageBookingEngineElementProps) {\n    // TODO: Refactor this to trigger via useEvents hook\n    FullPageBookingEngineElementEvents.reload = () => {\n        setIncrementor((one) => one + 1);\n    };\n\n    const [, setIncrementor] = useState(0);\n\n    return (\n        <Suspense fallback={<></>}>\n            <HashRouter>\n                <BookingEngineContextWrapper engine={engine}>\n                    <NotificationContextWrapper>\n                        <ErrorContextWrapper>\n                            <CompanyContextWrapper configCompany={engine.getConfig().company}>\n                                <HotelOverridesContextWrapper>\n                                    <BasketContextWrapper>\n                                        <FullPageEngineContextWrapper />\n                                    </BasketContextWrapper>\n                                </HotelOverridesContextWrapper>\n                            </CompanyContextWrapper>\n                        </ErrorContextWrapper>\n                    </NotificationContextWrapper>\n                </BookingEngineContextWrapper>\n            </HashRouter>\n        </Suspense>\n    );\n}\n\nexport const renderBookingEngine = (container: Element, engine: FullPageBookingEngine) => {\n    render(<FullPageBookingEngineElement engine={engine} />, container);\n};\n"]}

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents.d.ts

@@ -0,0 +1,3 @@
+export declare const FullPageBookingEngineElementEvents: {
+    reload: () => void;
+};

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullPageBookingEngineElementEvents = void 0;
+exports.FullPageBookingEngineElementEvents = {
+    reload: () => {
+        /** */
+    },
+};
+//# sourceMappingURL=FullPageBookingEngineElementEvents.js.map

package/dist/src/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageBookingEngineElementEvents.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents.ts"],"names":[],"mappings":";;;AAAa,QAAA,kCAAkC,GAAG;IAC9C,MAAM,EAAE,GAAG,EAAE;QACT,MAAM;IACV,CAAC;CACJ,CAAC","sourcesContent":["export const FullPageBookingEngineElementEvents = {\n    reload: () => {\n        /** */\n    },\n};\n"]}

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.d.ts

@@ -0,0 +1,7 @@
+import { BaseEngine, BaseEngineConfig } from '../BaseEngine';
+export declare class InlineRoomMiniEngine extends BaseEngine<BaseEngineConfig> {
+    private roomCode;
+    constructor(bookingContainer: HTMLElement, roomCode: string, config?: BaseEngineConfig);
+    getRoomCode(): string;
+    protected render(): Promise<void>;
+}

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.js

@@ -0,0 +1,32 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineRoomMiniEngine = void 0;
+const BaseEngine_1 = require("../BaseEngine");
+const InlineRoomMiniEngineElement_1 = require("./InlineRoomMiniEngineElement");
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+class InlineRoomMiniEngine extends BaseEngine_1.BaseEngine {
+    constructor(bookingContainer, roomCode, config) {
+        super(bookingContainer, config);
+        this.source = 'inline';
+        this.roomCode = roomCode;
+    }
+    getRoomCode() {
+        return this.roomCode;
+    }
+    render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            InlineRoomMiniEngineElement_1.renderInlineRoomMiniEngineElement(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'inline-mini-engine'), this);
+        });
+    }
+}
+exports.InlineRoomMiniEngine = InlineRoomMiniEngine;
+//# sourceMappingURL=InlineRoomMiniEngine.js.map

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineRoomMiniEngine.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA6D;AAC7D,+EAAkF;AAClF,6EAAsE;AAEtE,MAAa,oBAAqB,SAAQ,uBAA4B;IAGlE,YAAY,gBAA6B,EAAE,QAAgB,EAAE,MAAyB;QAClF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,+DAAiC,CAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3H,CAAC;KAAA;CACJ;AAhBD,oDAgBC","sourcesContent":["import { BaseEngine, BaseEngineConfig } from '../BaseEngine';\nimport { renderInlineRoomMiniEngineElement } from './InlineRoomMiniEngineElement';\nimport RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\n\nexport class InlineRoomMiniEngine extends BaseEngine<BaseEngineConfig> {\n    private roomCode: string;\n\n    constructor(bookingContainer: HTMLElement, roomCode: string, config?: BaseEngineConfig) {\n        super(bookingContainer, config);\n        this.source = 'inline';\n        this.roomCode = roomCode;\n    }\n\n    public getRoomCode(): string {\n        return this.roomCode;\n    }\n\n    protected async render() {\n        renderInlineRoomMiniEngineElement(RoomstayThemeEngine.createElementOrReuseExisting('div', 'inline-mini-engine'), this);\n    }\n}\n"]}

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { InlineRoomMiniEngine } from './InlineRoomMiniEngine';
+export interface InlineRoomMiniEngineElementProps {
+    engine: InlineRoomMiniEngine;
+}
+export default function InlineRoomMiniEngineElement(props: InlineRoomMiniEngineElementProps): JSX.Element;
+export declare const renderInlineRoomMiniEngineElement: (container: Element, engine: InlineRoomMiniEngine) => void;

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.js

@@ -0,0 +1,246 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderInlineRoomMiniEngineElement = void 0;
+const React = require("react");
+const react_dom_1 = require("react-dom");
+const BookingAPI_1 = require("../../api/BookingAPI");
+const dayjs = require("dayjs");
+const BEButton_1 = require("../../components/generic/BEButton");
+const FloatingDatePicker_1 = require("../../components/generic/date/FloatingDatePicker");
+const BETooltip_1 = require("../../components/generic/BETooltip");
+const StringHelper_1 = require("../../util/StringHelper");
+const Translation_1 = require("../../translations/Translation");
+const react_i18next_1 = require("react-i18next");
+const Icon_1 = require("../../components/generic/Icon");
+const Text_1 = require("../../components/generic/Text");
+const Color_1 = require("../../util/Color");
+const DataLayer_1 = require("../../util/DataLayer");
+const RoomRates_1 = require("../../components/steps/room/roomDetails/roomRates/RoomRates");
+const LargeLoader_1 = require("../../components/generic/loader/LargeLoader");
+const react_router_dom_1 = require("react-router-dom");
+const NotificationContext_1 = require("../../contexts/NotificationContext");
+const ErrorContext_1 = require("../../contexts/ErrorContext");
+const AutoAutoHeight_1 = require("../../animations/AutoAutoHeight");
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+const RatesNotFound_1 = require("../../components/steps/room/RatesNotFound");
+const react_1 = require("react");
+const react_use_measure_1 = require("react-use-measure");
+const BookNowPayLaterInfoBlock_1 = require("../../components/generic/BookNowPayLaterInfoBlock");
+const StepConfirmation_1 = require("../../pages/steps/StepConfirmation/StepConfirmation");
+const core_1 = require("@material-ui/core");
+const PromoCodeInput_1 = require("../../components/generic/PromoCodeInput");
+const Select_1 = require("../../components/generic/Select");
+const hooks_1 = require("@frontend/hooks");
+const BasketRow_1 = require("../../models/BasketRow");
+const contexts_1 = require("@frontend/contexts");
+function InlineRoomMiniEngineElement(props) {
+    var _a;
+    const { hotel } = hooks_1.useCurrentHotel();
+    const basketContext = react_1.useContext(contexts_1.BasketContext);
+    const row = basketContext.currentBasketRows[0];
+    const [isLoading, setLoading] = react_1.useState(true);
+    const [ranFirstLoad, setRanFirstLoad] = react_1.useState(false);
+    const [rooms, setRooms] = react_1.useState([]);
+    const [isPromoModalOpen, setIsPromoModalOpen] = react_1.useState(false);
+    const [promoCode, setPromoCode] = react_1.useState(row === null || row === void 0 ? void 0 : row.getPromoCode());
+    const { t } = react_i18next_1.useTranslation();
+    const [ref, bounds] = react_use_measure_1.default();
+    const thisElement = React.useRef();
+    let promoCodeTooltip = '';
+    if ((row === null || row === void 0 ? void 0 : row.getPromoCodeStatus()) === 'new') {
+        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';
+    }
+    else {
+        if ((row === null || row === void 0 ? void 0 : row.getPromoCodeStatus()) === 'valid') {
+            promoCodeTooltip = 'Successful promo code entered';
+        }
+        else {
+            promoCodeTooltip = 'Error code not valid';
+        }
+    }
+    react_1.useEffect(() => {
+        let cancelled = false;
+        if (!row) {
+            basketContext.addBasketRow(new BasketRow_1.default());
+            return;
+        }
+        if (row && row.getStartDate() && row.getEndDate() && !ranFirstLoad) {
+            BookingAPI_1.default.Availability.fetchAvailabilityData(row, hotel.hotelID).then((hotelRooms) => {
+                if (!cancelled) {
+                    setRooms(hotelRooms.filter((room) => room.code === props.engine.getRoomCode()));
+                    setLoading(false);
+                    setRanFirstLoad(true);
+                }
+            });
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [row]);
+    react_1.useEffect(() => {
+        if (row) {
+            findRoomsOnClick();
+        }
+    }, [row === null || row === void 0 ? void 0 : row.getPromoCode()]);
+    react_1.useEffect(() => {
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.colors) {
+            // Do this manually as Guide Step manages this for Fullpage.
+            RoomstayThemeEngine_1.default.changeTheme(hotel.colors);
+        }
+    }, [hotel, hotel === null || hotel === void 0 ? void 0 : hotel.colors]);
+    const updatePeopleValues = ({ adults, children }) => {
+        if (adults && adults !== row.getAdults()) {
+            DataLayer_1.default.instance.sendInteraction('Guests', DataLayer_1.InteractionType.NUMBER_INPUT, DataLayer_1.InteractionStep.ROOMS);
+            row.setAdults(adults);
+        }
+        if ((children || children === 0) && children !== row.getChildren()) {
+            DataLayer_1.default.instance.sendInteraction('Guests', DataLayer_1.InteractionType.NUMBER_INPUT, DataLayer_1.InteractionStep.ROOMS);
+            row.setChildren(children);
+        }
+        basketContext.updateBasketRow(row);
+    };
+    const updateDateValues = (startDate, endDate) => {
+        if (startDate && endDate) {
+            row.setStartDate(startDate);
+            row.setEndDate(endDate);
+            basketContext.updateBasketRow(row, false);
+        }
+    };
+    if (!(row === null || row === void 0 ? void 0 : row.getArrivalDate()) && !(row === null || row === void 0 ? void 0 : row.getDepartureDate())) {
+        const today = Date.now();
+        row === null || row === void 0 ? void 0 : row.setStartDate(dayjs(today));
+        row === null || row === void 0 ? void 0 : row.setEndDate(dayjs(today).add(1, 'day'));
+    }
+    const isCompact = bounds.width < 1000 ? '--compact' : '';
+    const findRoomsOnClick = () => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        setRooms((yield BookingAPI_1.default.Availability.fetchAvailabilityData(row, hotel.hotelID)).filter((room) => room.code === props.engine.getRoomCode()));
+        setLoading(false);
+    });
+    const getButtonLabelHandler = () => {
+        return 'Book Now';
+    };
+    const updateNumberOfAdultsOnChange = (value) => {
+        updatePeopleValues({ adults: value });
+    };
+    const updateNumberOfChildrenOnChange = (value) => {
+        updatePeopleValues({ children: value });
+    };
+    const updatePromoCode = (code) => {
+        DataLayer_1.default.instance.sendInteraction('Promo Code updated', DataLayer_1.InteractionType.FORM_FIELD, DataLayer_1.InteractionStep.ROOMS);
+        if (row) {
+            row.setPromoCode(code);
+            basketContext.updateBasketRow(row);
+            if (code) {
+                setIsPromoModalOpen(false);
+            }
+        }
+    };
+    const onAddToBasketOverrideHandler = (rate) => {
+        row.setRate(rate);
+        basketContext.updateBasketRow(row);
+        DataLayer_1.default.instance.sendRoomRateAddToCart(rate, row.getNumberOfDays(), row.getStartDate(), row.getEndDate());
+        const session = props.engine.getSessionProvider();
+        session
+            .updateSession({
+            step: StepConfirmation_1.default.getName(),
+        })
+            .then(() => {
+            var _a;
+            // TODO: Remove this URL coupling
+            window.open(`${(_a = hotel === null || hotel === void 0 ? void 0 : hotel.checkoutUrl) !== null && _a !== void 0 ? _a : '/checkout/'}#${StepConfirmation_1.default.getStepUrl()}?session=${session.getCurrentSessionID()}`, '_self');
+        });
+    };
+    const openPromoModalOnClick = () => {
+        setIsPromoModalOpen(true);
+    };
+    const setPromoCodeOnClose = () => {
+        setPromoCode(row === null || row === void 0 ? void 0 : row.getPromoCode());
+        setIsPromoModalOpen(false);
+    };
+    const cancelPromoPopupOnClick = () => {
+        DataLayer_1.default.instance.sendInteraction('Cancel Promo Popup', DataLayer_1.InteractionType.BUTTON, DataLayer_1.InteractionStep.ROOMS);
+        setIsPromoModalOpen(false);
+    };
+    const changePromoCode = (val) => {
+        updatePromoCode(val);
+    };
+    const maxOccupancy = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.maxOccupancy) !== null && _a !== void 0 ? _a : 1;
+    return react_1.useMemo(() => {
+        var _a, _b, _c;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: `room-builder-progress ${isCompact}` },
+                React.createElement("div", { className: `u-flex w-100 flex-wrap room-builder-progress--item --current`, ref: ref },
+                    React.createElement("div", { className: "u-flex u-flex-align-center flex-wrap flex-row u-w-100@xl-" },
+                        React.createElement(FloatingDatePicker_1.default, { startDate: row === null || row === void 0 ? void 0 : row.getStartDate(), selectedDateChanged: updateDateValues, className: "u-w-100@xl- room-builder-progress--value u-marg-left--none" },
+                            React.createElement(BETooltip_1.default, { title: "Select Arrival and departure dates by clicking here", arrow: true, enterDelay: 500, wrapperClasses: 'u-w-100@xl-' },
+                                React.createElement("div", { className: "u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer" },
+                                    React.createElement(Text_1.default, { color: (row === null || row === void 0 ? void 0 : row.getArrivalDate()) ? Color_1.Color.Accent : Color_1.Color.Graphite, className: "u-mw-75 u-align-center", bold: !!(row === null || row === void 0 ? void 0 : row.getArrivalDate()) },
+                                        React.createElement("span", null, (row === null || row === void 0 ? void 0 : row.getArrivalDate()) ? row.getArrivalDate() : 'Arrival Date')),
+                                    React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2 }),
+                                    React.createElement(Text_1.default, { color: (row === null || row === void 0 ? void 0 : row.getDepartureDate()) ? Color_1.Color.Accent : Color_1.Color.Graphite, className: "u-marg-right u-mw-75 u-align-center", bold: !!(row === null || row === void 0 ? void 0 : row.getDepartureDate()) },
+                                        React.createElement("span", null, (row === null || row === void 0 ? void 0 : row.getDepartureDate()) ? row.getDepartureDate() : 'Departure Date'))))),
+                        React.createElement(BETooltip_1.default, { title: "Update number of adults", arrow: true, enterDelay: 500, wrapperClasses: 'u-w-100@xl-' },
+                            React.createElement("div", { className: "room-builder-progress--value --mw-l u-flex justify-content-center" },
+                                React.createElement(Select_1.default, { onChange: updateNumberOfAdultsOnChange, items: [...Array(maxOccupancy - ((row === null || row === void 0 ? void 0 : row.getChildren()) ? row.getChildren() : 0))].map((v, value) => {
+                                        value += 1;
+                                        return {
+                                            text: StringHelper_1.default.pluralWithDictAndCount(value, Translation_1.Translation.Step.Date.Adult, t),
+                                            value,
+                                        };
+                                    }) }))),
+                        React.createElement(BETooltip_1.default, { title: "Update number of children", arrow: true, enterDelay: 500, wrapperClasses: 'u-w-100@xl-' },
+                            React.createElement("div", { className: "room-builder-progress--value --mw-l u-flex justify-content-center" },
+                                React.createElement(Select_1.default, { onChange: updateNumberOfChildrenOnChange, items: [...Array(maxOccupancy + 1 - ((row === null || row === void 0 ? void 0 : row.getAdults()) ? row.getAdults() : 0))].map((v, value) => {
+                                        return {
+                                            text: StringHelper_1.default.pluralWithDictAndCount(value, Translation_1.Translation.Step.Date.Child, t),
+                                            value,
+                                        };
+                                    }) }))),
+                        React.createElement(BETooltip_1.default, { title: promoCodeTooltip, arrow: true, enterDelay: 500, wrapperClasses: 'u-w-100@xl-' },
+                            React.createElement("div", { className: "room-builder-progress--value u-cursor-pointer", ref: thisElement, onClick: openPromoModalOnClick },
+                                React.createElement("div", { className: "u-flex align-items-center justify-content-center u-w-100@xl-" },
+                                    React.createElement(Text_1.default, { className: "u-pad-right--light", type: Text_1.TextType.Body, color: (row === null || row === void 0 ? void 0 : row.getPromoCode()) ? row === null || row === void 0 ? void 0 : row.getPromoCodeColour() : Color_1.Color.Navy }, (row === null || row === void 0 ? void 0 : row.getPromoCode()) ? row === null || row === void 0 ? void 0 : row.getPromoCode() : 'Promo Code'),
+                                    React.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, color: Color_1.Color.DarkGrey })))),
+                        React.createElement(core_1.Popover, { open: isPromoModalOpen, container: RoomstayThemeEngine_1.default.EngineContainer, anchorEl: thisElement.current, disableScrollLock: true, anchorOrigin: {
+                                vertical: 'bottom',
+                                horizontal: 'center',
+                            }, transformOrigin: {
+                                vertical: 'top',
+                                horizontal: 'left',
+                            }, onClose: setPromoCodeOnClose },
+                            React.createElement("div", { className: "u-pad--heavy" },
+                                React.createElement("div", null,
+                                    React.createElement(PromoCodeInput_1.default, { value: (_a = basketContext.selectedBasketRow) === null || _a === void 0 ? void 0 : _a.getPromoCode(), onChange: changePromoCode, valid: ((_b = basketContext.selectedBasketRow) === null || _b === void 0 ? void 0 : _b.getPromoCodeStatus()) !== 'new'
+                                            ? ((_c = basketContext.selectedBasketRow) === null || _c === void 0 ? void 0 : _c.getPromoCodeStatus()) === 'valid'
+                                            : null })),
+                                React.createElement("div", { className: "u-flex justify-content-end align-items-center u-marg-top" },
+                                    React.createElement(BEButton_1.default, { isText: true, size: "small", onClick: cancelPromoPopupOnClick }, "Cancel"))))),
+                    React.createElement("div", { className: `u-flex flex-xl-nowrap flex-row ${isCompact ? 'w-100' : ''}` },
+                        React.createElement(BEButton_1.default, { filled: true, primary: true, isLoading: isLoading, wide: isCompact !== '', onClick: findRoomsOnClick }, "Check Rates"))),
+                React.createElement("div", { className: "u-border-rounded" }, !isLoading ? (React.createElement(AutoAutoHeight_1.default, { open: !isLoading },
+                    React.createElement(React.Fragment, null,
+                        React.createElement(BookNowPayLaterInfoBlock_1.BookNowPayLaterInfoBlock, null),
+                        rooms.length > 0 ? (React.createElement(RoomRates_1.default, { rates: rooms[0].getRates(), roomCode: rooms[0].code, getButtonLabel: getButtonLabelHandler, onAddToBasketOverride: onAddToBasketOverrideHandler })) : (React.createElement(RatesNotFound_1.default, null))))) : (React.createElement(LargeLoader_1.default, null))))));
+    }, [isCompact, isLoading, rooms, basketContext.currentBasketRows, isPromoModalOpen, hotel]);
+}
+exports.default = InlineRoomMiniEngineElement;
+exports.renderInlineRoomMiniEngineElement = (container, engine) => {
+    react_dom_1.render(React.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+        React.createElement(react_router_dom_1.HashRouter, null,
+            React.createElement(NotificationContext_1.NotificationContextWrapper, null,
+                React.createElement(ErrorContext_1.ErrorContextWrapper, null,
+                    React.createElement(contexts_1.CompanyContextWrapper, { configCompany: engine.getConfig().company },
+                        React.createElement(contexts_1.BasketContextWrapper, null,
+                            React.createElement(InlineRoomMiniEngineElement, { engine: engine }))))))), container);
+};
+//# sourceMappingURL=InlineRoomMiniEngineElement.js.map

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineRoomMiniEngineElement.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { render } from 'react-dom';\n\nimport API from '../../api/BookingAPI';\nimport * as dayjs from 'dayjs';\n\nimport BEButton from '../../components/generic/BEButton';\nimport FloatingDatePicker from '../../components/generic/date/FloatingDatePicker';\nimport BETooltip from '../../components/generic/BETooltip';\nimport StringHelper from '../../util/StringHelper';\nimport { Translation } from '../../translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport Icon, { IconType } from '../../components/generic/Icon';\nimport Text, { TextType } from '../../components/generic/Text';\nimport { Color } from '../../util/Color';\nimport DataLayer, { InteractionType, InteractionStep } from '../../util/DataLayer';\nimport RoomRates from '../../components/steps/room/roomDetails/roomRates/RoomRates';\nimport LargeLoader from '../../components/generic/loader/LargeLoader';\nimport { HashRouter } from 'react-router-dom';\nimport type { InlineRoomMiniEngine } from './InlineRoomMiniEngine';\n\nimport { NotificationContextWrapper } from '../../contexts/NotificationContext';\nimport { ErrorContextWrapper } from '../../contexts/ErrorContext';\nimport AutoAutoHeight from '../../animations/AutoAutoHeight';\nimport RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\nimport RatesNotFound from '../../components/steps/room/RatesNotFound';\nimport { useContext, useState, useEffect, useMemo } from 'react';\nimport useMeasure from 'react-use-measure';\nimport { RoomRate } from '../../models/Room/RoomRate';\nimport { BookNowPayLaterInfoBlock } from '../../components/generic/BookNowPayLaterInfoBlock';\nimport StepConfirmation from '../../pages/steps/StepConfirmation/StepConfirmation';\n\nimport { Popover } from '@material-ui/core';\nimport PromoCodeInput from '../../components/generic/PromoCodeInput';\nimport Select from '../../components/generic/Select';\nimport { Room } from '../../models/Room/Room';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport BasketRow from '../../models/BasketRow';\n\nimport { BasketContext, BasketContextWrapper, BookingEngineContextWrapper, CompanyContextWrapper } from '@frontend/contexts';\n\nexport interface InlineRoomMiniEngineElementProps {\n    engine: InlineRoomMiniEngine;\n}\n\nexport default function InlineRoomMiniEngineElement(props: InlineRoomMiniEngineElementProps) {\n    const { hotel } = useCurrentHotel();\n\n    const basketContext = useContext(BasketContext);\n\n    const row = basketContext.currentBasketRows[0];\n    const [isLoading, setLoading] = useState(true);\n    const [ranFirstLoad, setRanFirstLoad] = useState(false);\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    const [isPromoModalOpen, setIsPromoModalOpen] = useState(false);\n    const [promoCode, setPromoCode] = useState(row?.getPromoCode());\n    const { t } = useTranslation();\n\n    const [ref, bounds] = useMeasure();\n    const thisElement = React.useRef();\n\n    let promoCodeTooltip = '';\n\n    if (row?.getPromoCodeStatus() === 'new') {\n        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';\n    } else {\n        if (row?.getPromoCodeStatus() === 'valid') {\n            promoCodeTooltip = 'Successful promo code entered';\n        } else {\n            promoCodeTooltip = 'Error code not valid';\n        }\n    }\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (!row) {\n            basketContext.addBasketRow(new BasketRow());\n            return;\n        }\n\n        if (row && row.getStartDate() && row.getEndDate() && !ranFirstLoad) {\n            API.Availability.fetchAvailabilityData(row, hotel.hotelID).then((hotelRooms) => {\n                if (!cancelled) {\n                    setRooms(hotelRooms.filter((room) => room.code === props.engine.getRoomCode()));\n                    setLoading(false);\n                    setRanFirstLoad(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [row]);\n\n    useEffect(() => {\n        if (row) {\n            findRoomsOnClick();\n        }\n    }, [row?.getPromoCode()]);\n\n    useEffect(() => {\n        if (hotel?.colors) {\n            // Do this manually as Guide Step manages this for Fullpage.\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel, hotel?.colors]);\n\n    const updatePeopleValues = ({ adults, children }: { adults?: number; children?: number; promoCode?: string }) => {\n        if (adults && adults !== row.getAdults()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setAdults(adults);\n        }\n\n        if ((children || children === 0) && children !== row.getChildren()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setChildren(children);\n        }\n\n        basketContext.updateBasketRow(row);\n    };\n\n    const updateDateValues = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        if (startDate && endDate) {\n            row.setStartDate(startDate);\n            row.setEndDate(endDate);\n\n            basketContext.updateBasketRow(row, false);\n        }\n    };\n\n    if (!row?.getArrivalDate() && !row?.getDepartureDate()) {\n        const today = Date.now();\n        row?.setStartDate(dayjs(today));\n        row?.setEndDate(dayjs(today).add(1, 'day'));\n    }\n\n    const isCompact = bounds.width < 1000 ? '--compact' : '';\n\n    const findRoomsOnClick = async () => {\n        setLoading(true);\n        setRooms((await API.Availability.fetchAvailabilityData(row, hotel.hotelID)).filter((room) => room.code === props.engine.getRoomCode()));\n        setLoading(false);\n    };\n    const getButtonLabelHandler = () => {\n        return 'Book Now';\n    };\n\n    const updateNumberOfAdultsOnChange = (value: any) => {\n        updatePeopleValues({ adults: value });\n    };\n    const updateNumberOfChildrenOnChange = (value: any) => {\n        updatePeopleValues({ children: value });\n    };\n\n    const updatePromoCode = (code: string) => {\n        DataLayer.instance.sendInteraction('Promo Code updated', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n\n        if (row) {\n            row.setPromoCode(code);\n            basketContext.updateBasketRow(row);\n\n            if (code) {\n                setIsPromoModalOpen(false);\n            }\n        }\n    };\n\n    const onAddToBasketOverrideHandler = (rate: RoomRate) => {\n        row.setRate(rate);\n        basketContext.updateBasketRow(row);\n        DataLayer.instance.sendRoomRateAddToCart(rate, row.getNumberOfDays(), row.getStartDate(), row.getEndDate());\n\n        const session = props.engine.getSessionProvider();\n        session\n            .updateSession({\n                step: StepConfirmation.getName(), // TODO:\n            })\n            .then(() => {\n                // TODO: Remove this URL coupling\n                window.open(`${hotel?.checkoutUrl ?? '/checkout/'}#${StepConfirmation.getStepUrl()}?session=${session.getCurrentSessionID()}`, '_self');\n            });\n    };\n    const openPromoModalOnClick = () => {\n        setIsPromoModalOpen(true);\n    };\n    const setPromoCodeOnClose = () => {\n        setPromoCode(row?.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const cancelPromoPopupOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Promo Popup', InteractionType.BUTTON, InteractionStep.ROOMS);\n        setIsPromoModalOpen(false);\n    };\n\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n\n    const maxOccupancy = hotel?.maxOccupancy ?? 1;\n\n    return useMemo(\n        () => (\n            <>\n                <div className={`room-builder-progress ${isCompact}`}>\n                    <div className={`u-flex w-100 flex-wrap room-builder-progress--item --current`} ref={ref}>\n                        <div className=\"u-flex u-flex-align-center flex-wrap flex-row u-w-100@xl-\">\n                            <FloatingDatePicker\n                                startDate={row?.getStartDate()}\n                                selectedDateChanged={updateDateValues}\n                                className=\"u-w-100@xl- room-builder-progress--value u-marg-left--none\"\n                            >\n                                <BETooltip title=\"Select Arrival and departure dates by clicking here\" arrow={true} enterDelay={500} wrapperClasses={'u-w-100@xl-'}>\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer\">\n                                        <Text color={row?.getArrivalDate() ? Color.Accent : Color.Graphite} className=\"u-mw-75 u-align-center\" bold={!!row?.getArrivalDate()}>\n                                            <span>{row?.getArrivalDate() ? row.getArrivalDate() : 'Arrival Date'}</span>\n                                        </Text>\n                                        <Icon icon={IconType.ArrowRight2} />\n                                        <Text\n                                            color={row?.getDepartureDate() ? Color.Accent : Color.Graphite}\n                                            className=\"u-marg-right u-mw-75 u-align-center\"\n                                            bold={!!row?.getDepartureDate()}\n                                        >\n                                            <span>{row?.getDepartureDate() ? row.getDepartureDate() : 'Departure Date'}</span>\n                                        </Text>\n                                    </div>\n                                </BETooltip>\n                            </FloatingDatePicker>\n                            <BETooltip title=\"Update number of adults\" arrow={true} enterDelay={500} wrapperClasses={'u-w-100@xl-'}>\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select\n                                        onChange={updateNumberOfAdultsOnChange}\n                                        items={[...Array(maxOccupancy - (row?.getChildren() ? row.getChildren() : 0))].map((v: any, value: number) => {\n                                            value += 1;\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Adult, t),\n                                                value,\n                                            };\n                                        })}\n                                    />\n                                </div>\n                            </BETooltip>\n                            <BETooltip title=\"Update number of children\" arrow={true} enterDelay={500} wrapperClasses={'u-w-100@xl-'}>\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select\n                                        onChange={updateNumberOfChildrenOnChange}\n                                        items={[...Array(maxOccupancy + 1 - (row?.getAdults() ? row.getAdults() : 0))].map((v: any, value: number) => {\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Child, t),\n                                                value,\n                                            };\n                                        })}\n                                    />\n                                </div>\n                            </BETooltip>\n                            <BETooltip title={promoCodeTooltip} arrow={true} enterDelay={500} wrapperClasses={'u-w-100@xl-'}>\n                                <div className=\"room-builder-progress--value u-cursor-pointer\" ref={thisElement} onClick={openPromoModalOnClick}>\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl-\">\n                                        <Text className=\"u-pad-right--light\" type={TextType.Body} color={row?.getPromoCode() ? row?.getPromoCodeColour() : Color.Navy}>\n                                            {row?.getPromoCode() ? row?.getPromoCode() : 'Promo Code'}\n                                        </Text>\n                                        <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                    </div>\n                                </div>\n                            </BETooltip>\n                            <Popover\n                                open={isPromoModalOpen}\n                                container={RoomstayThemeEngine.EngineContainer}\n                                anchorEl={thisElement.current}\n                                disableScrollLock={true}\n                                anchorOrigin={{\n                                    vertical: 'bottom',\n                                    horizontal: 'center',\n                                }}\n                                transformOrigin={{\n                                    vertical: 'top',\n                                    horizontal: 'left',\n                                }}\n                                onClose={setPromoCodeOnClose}\n                            >\n                                <div className=\"u-pad--heavy\">\n                                    <div>\n                                        <PromoCodeInput\n                                            value={basketContext.selectedBasketRow?.getPromoCode()}\n                                            onChange={changePromoCode}\n                                            valid={\n                                                basketContext.selectedBasketRow?.getPromoCodeStatus() !== 'new'\n                                                    ? basketContext.selectedBasketRow?.getPromoCodeStatus() === 'valid'\n                                                    : null\n                                            }\n                                        />\n                                    </div>\n\n                                    <div className=\"u-flex justify-content-end align-items-center u-marg-top\">\n                                        <BEButton isText={true} size=\"small\" onClick={cancelPromoPopupOnClick}>\n                                            Cancel\n                                        </BEButton>\n                                    </div>\n                                </div>\n                            </Popover>\n                        </div>\n                        <div className={`u-flex flex-xl-nowrap flex-row ${isCompact ? 'w-100' : ''}`}>\n                            <BEButton filled={true} primary={true} isLoading={isLoading} wide={isCompact !== ''} onClick={findRoomsOnClick}>\n                                Check Rates\n                            </BEButton>\n                        </div>\n                    </div>\n                    <div className=\"u-border-rounded\">\n                        {!isLoading ? (\n                            <AutoAutoHeight open={!isLoading}>\n                                <>\n                                    <BookNowPayLaterInfoBlock />\n                                    {rooms.length > 0 ? (\n                                        <RoomRates\n                                            rates={rooms[0].getRates()}\n                                            roomCode={rooms[0].code}\n                                            getButtonLabel={getButtonLabelHandler}\n                                            onAddToBasketOverride={onAddToBasketOverrideHandler}\n                                        />\n                                    ) : (\n                                        <RatesNotFound />\n                                    )}\n                                </>\n                            </AutoAutoHeight>\n                        ) : (\n                            <LargeLoader />\n                        )}\n                    </div>\n                </div>\n            </>\n        ),\n        [isCompact, isLoading, rooms, basketContext.currentBasketRows, isPromoModalOpen, hotel]\n    );\n}\n\nexport const renderInlineRoomMiniEngineElement = (container: Element, engine: InlineRoomMiniEngine) => {\n    render(\n        <BookingEngineContextWrapper engine={engine}>\n            <HashRouter>\n                <NotificationContextWrapper>\n                    <ErrorContextWrapper>\n                        <CompanyContextWrapper configCompany={engine.getConfig().company}>\n                            <BasketContextWrapper>\n                                <InlineRoomMiniEngineElement engine={engine} />\n                            </BasketContextWrapper>\n                        </CompanyContextWrapper>\n                    </ErrorContextWrapper>\n                </NotificationContextWrapper>\n            </HashRouter>\n        </BookingEngineContextWrapper>,\n        container\n    );\n};\n"]}

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngine.d.ts

@@ -0,0 +1,7 @@
+import { BaseEngine, BaseEngineConfig } from '../BaseEngine';
+export declare class RecentSearchesEngine extends BaseEngine<BaseEngineConfig> {
+    private roomCode;
+    constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig);
+    getRoomCode(): string;
+    protected render(): Promise<void>;
+}

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngine.js

@@ -0,0 +1,31 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecentSearchesEngine = void 0;
+const RoomstayThemeEngine_1 = require("../../providers/RoomstayThemeEngine");
+const RecentSearchesEngineElement_1 = require("./RecentSearchesEngineElement");
+const BaseEngine_1 = require("../BaseEngine");
+class RecentSearchesEngine extends BaseEngine_1.BaseEngine {
+    constructor(bookingContainer, config) {
+        super(bookingContainer, config);
+        this.source = 'recent-searches';
+    }
+    getRoomCode() {
+        return this.roomCode;
+    }
+    render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            RecentSearchesEngineElement_1.renderRecentSearchesEngineElement(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'recent-searches-engine'), this);
+        });
+    }
+}
+exports.RecentSearchesEngine = RecentSearchesEngine;
+//# sourceMappingURL=RecentSearchesEngine.js.map

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentSearchesEngine.js","sourceRoot":"/","sources":["src/engines/RecentSearchesEngine/RecentSearchesEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6EAAsE;AACtE,+EAAkF;AAClF,8CAA6D;AAE7D,MAAa,oBAAqB,SAAQ,uBAA4B;IAGlE,YAAY,gBAA6B,EAAE,MAAyB;QAChE,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC;IACpC,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,+DAAiC,CAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/H,CAAC;KAAA;CACJ;AAhBD,oDAgBC","sourcesContent":["import RoomstayThemeEngine from '../../providers/RoomstayThemeEngine';\nimport { renderRecentSearchesEngineElement } from './RecentSearchesEngineElement';\nimport { BaseEngine, BaseEngineConfig } from '../BaseEngine';\n\nexport class RecentSearchesEngine extends BaseEngine<BaseEngineConfig> {\n    private roomCode: string;\n\n    constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig) {\n        super(bookingContainer, config);\n\n        this.source = 'recent-searches';\n    }\n\n    public getRoomCode(): string {\n        return this.roomCode;\n    }\n\n    protected async render() {\n        renderRecentSearchesEngineElement(RoomstayThemeEngine.createElementOrReuseExisting('div', 'recent-searches-engine'), this);\n    }\n}\n"]}

package/dist/src/engines/RecentSearchesEngine/RecentSearchesEngineElement.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { RecentSearchesEngine } from './RecentSearchesEngine';
+export interface RecentSearchesEngineElementProps {
+    engine: RecentSearchesEngine;
+}
+export declare const RecentSearchesEngineElement: ({ engine }: RecentSearchesEngineElementProps) => JSX.Element;
+export declare const renderRecentSearchesEngineElement: (container: Element, engine: RecentSearchesEngine) => void;