@roomstay/frontend 2.0.12 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"BaseEngine.js","sourceRoot":"/","sources":["src/engines/BaseEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uEAAgE;AAChE,+DAAwD;AAQxD,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,wCAAiB,CAAA;IACjB,yDAAkC,CAAA;IAClC,4CAAqB,CAAA;AACzB,CAAC,EAJW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAI9B;AACD,MAAsB,UAAU;IAQ5B,YAAY,gBAA6B,EAAE,MAAU;QAarC,UAAK,GAAG,GAAS,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;YACtF,IAAI,SAAS,GAAQ,IAAI,CAAC;YAC1B,IAAI,WAAW,EAAE;gBACb,IAAI,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC5B,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC1C;aACJ;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,yBAAe,EAAE,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAS,EAAE;gBACpE,IAAI,CAAC,cAAc,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;gBAC9D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACrC,CAAC,CAAA,CAAC,CAAC;YAEH,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAA,CAAC;QA9BE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SAC1B;QAED,2BAA2B;QAC3B,6BAAmB,CAAC,eAAe,GAAG,gBAAgB,CAAC;QACvD,6BAAmB,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAsBM,iBAAiB;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;QAED,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,SAAS,CAAC,MAAS;QACtB,kCAAkC;QAClC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC/B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;CAGJ;AApED,gCAoEC","sourcesContent":["import RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport SessionProvider from 'providers/SessionProvider';\nimport { RoomstaySession } from 'models/RoomstaySession';\nimport { ConfigCompany } from 'models/Client/Hotel/Company';\n\nexport interface BaseEngineConfig {\n    company: ConfigCompany;\n}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n}\nexport abstract class BaseEngine<C extends BaseEngineConfig> {\n    protected source: BookingEngineSource;\n    protected readonly bookingContainer: HTMLElement;\n    protected sessionProvider: SessionProvider;\n    protected initialSession: RoomstaySession;\n\n    protected engineConfig: BaseEngineConfig;\n\n    constructor(bookingContainer: HTMLElement, config?: C) {\n        this.bookingContainer = bookingContainer;\n        this.bookingContainer.classList.add('roomstay-booking-container');\n\n        if (this.engineConfig) {\n            this.setConfig(config);\n        }\n\n        // TODO: Update these calls\n        RoomstayThemeEngine.EngineContainer = bookingContainer;\n        RoomstayThemeEngine.init();\n    }\n\n    public readonly start = async () => {\n        const queryParams = new URLSearchParams(window.location.hash.replace(/^#\\/.+\\//, ''));\n        let sessionId: any = null;\n        if (queryParams) {\n            if (queryParams.has('session')) {\n                sessionId = queryParams.get('session');\n            }\n        }\n\n        this.sessionProvider = new SessionProvider();\n        this.sessionProvider.initialize(sessionId, this.source).then(async () => {\n            this.initialSession = await this.sessionProvider.getSession();\n            console.log(this.initialSession);\n        });\n\n        setTimeout(() => {\n            this.render();\n        }, 1);\n    };\n\n    public getInitialSession(): RoomstaySession | null {\n        if (this.initialSession) {\n            return this.initialSession;\n        }\n\n        console.error('Tried Loading session without engine initializing first.');\n        return null;\n    }\n\n    public getSessionProvider() {\n        return this.sessionProvider;\n    }\n\n    public setConfig(config: C) {\n        // TODO: add hook updates in here.\n        this.engineConfig = config;\n    }\n\n    public getConfig() {\n        return this.engineConfig;\n    }\n\n    public getSource(): BookingEngineSource {\n        return this.source;\n    }\n\n    protected abstract render(): Promise<void>;\n}\n"]}
+{"version":3,"file":"BaseEngine.js","sourceRoot":"/","sources":["src/engines/BaseEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,0FAAkE;AAClE,kFAA0D;AAK1D,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC3B,wCAAiB,CAAA;IACjB,yDAAkC,CAAA;IAClC,4CAAqB,CAAA;IACrB,uDAAgC,CAAA;AACpC,CAAC,EALW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAK9B;AACD,MAAsB,UAAU;IAQ5B,YAAY,gBAA6B,EAAE,MAAU;QAarC,UAAK,GAAG,GAAS,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;YACtF,IAAI,SAAS,GAAQ,IAAI,CAAC;YAC1B,IAAI,WAAW,EAAE;gBACb,IAAI,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC5B,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC1C;aACJ;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,yBAAe,EAAE,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAS,EAAE;gBACpE,IAAI,CAAC,cAAc,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;gBAC9D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACrC,CAAC,CAAA,CAAC,CAAC;YAEH,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAA,CAAC;QA9BE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SAC1B;QAED,2BAA2B;QAC3B,6BAAmB,CAAC,eAAe,GAAG,gBAAgB,CAAC;QACvD,6BAAmB,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAsBM,iBAAiB;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;QAED,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,SAAS,CAAC,MAAS;QACtB,kCAAkC;QAClC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC/B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;CAGJ;AApED,gCAoEC","sourcesContent":["import RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport SessionProvider from '@/providers/SessionProvider';\nimport { RoomstaySession } from '@/models/RoomstaySession';\n\nexport interface BaseEngineConfig {}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n    BookingWizard = 'booking-wizard',\n}\nexport abstract class BaseEngine<C extends BaseEngineConfig> {\n    protected source: BookingEngineSource;\n    protected readonly bookingContainer: HTMLElement;\n    protected sessionProvider: SessionProvider;\n    protected initialSession: RoomstaySession;\n\n    protected engineConfig: C;\n\n    constructor(bookingContainer: HTMLElement, config?: C) {\n        this.bookingContainer = bookingContainer;\n        this.bookingContainer.classList.add('roomstay-booking-container');\n\n        if (this.engineConfig) {\n            this.setConfig(config);\n        }\n\n        // TODO: Update these calls\n        RoomstayThemeEngine.EngineContainer = bookingContainer;\n        RoomstayThemeEngine.init();\n    }\n\n    public readonly start = async () => {\n        const queryParams = new URLSearchParams(window.location.hash.replace(/^#\\/.+\\//, ''));\n        let sessionId: any = null;\n        if (queryParams) {\n            if (queryParams.has('session')) {\n                sessionId = queryParams.get('session');\n            }\n        }\n\n        this.sessionProvider = new SessionProvider();\n        this.sessionProvider.initialize(sessionId, this.source).then(async () => {\n            this.initialSession = await this.sessionProvider.getSession();\n            console.log(this.initialSession);\n        });\n\n        setTimeout(() => {\n            this.render();\n        }, 1);\n    };\n\n    public getInitialSession(): RoomstaySession | null {\n        if (this.initialSession) {\n            return this.initialSession;\n        }\n\n        console.error('Tried Loading session without engine initializing first.');\n        return null;\n    }\n\n    public getSessionProvider() {\n        return this.sessionProvider;\n    }\n\n    public setConfig(config: C) {\n        // TODO: add hook updates in here.\n        this.engineConfig = config;\n    }\n\n    public getConfig() {\n        return this.engineConfig;\n    }\n\n    public getSource(): BookingEngineSource {\n        return this.source;\n    }\n\n    protected abstract render(): Promise<void>;\n}\n"]}

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

@@ -0,0 +1,17 @@
+import type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';
+import { BaseEngine, BaseEngineConfig } from '@/engines/BaseEngine';
+import type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';
+import type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';
+export interface BookingWizardEngineConfig extends BaseEngineConfig {
+    widgetType: 'property' | 'group';
+    theme: 'specific' | 'default';
+    layout: 'horizontal' | 'vertical' | 'button';
+    properties: TBookingWizardProperties;
+    selectedProperty?: BookingWizardProperty;
+    defaultColors: BookingWizardProperty['colors'];
+    onSubmit?: BookingWizardContextType['onSubmit'];
+}
+export declare class BookingWizardEngine extends BaseEngine<BookingWizardEngineConfig> {
+    constructor(bookingContainer: HTMLElement, config?: BookingWizardEngineConfig);
+    protected render(): Promise<void>;
+}

package/dist/src/engines/BookingWizardEngine/BookingWizardEngine.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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookingWizardEngine = void 0;
+const BaseEngine_1 = require("@/engines/BaseEngine");
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
+const BookingWizardEngineElement_1 = require("./BookingWizardEngineElement");
+class BookingWizardEngine extends BaseEngine_1.BaseEngine {
+    constructor(bookingContainer, config) {
+        super(bookingContainer, config);
+        this.source = BaseEngine_1.BookingEngineSource.BookingWizard;
+    }
+    render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            (0, BookingWizardEngineElement_1.renderBookingWizard)(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'booking-wizard'), this);
+        });
+    }
+}
+exports.BookingWizardEngine = BookingWizardEngine;
+//# sourceMappingURL=BookingWizardEngine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingWizardEngine.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,qDAAyF;AAGzF,0FAAkE;AAClE,6EAAmE;AAcnE,MAAa,mBAAoB,SAAQ,uBAAqC;IAC1E,YAAmB,gBAA6B,EAAE,MAAkC;QAChF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,aAAa,CAAC;IACpD,CAAC;IAEe,MAAM;;YAClB,IAAA,gDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,IAAI,CAAC,CAAC;QACzG,CAAC;KAAA;CACJ;AATD,kDASC","sourcesContent":["import type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { renderBookingWizard } from './BookingWizardEngineElement';\n\nexport interface BookingWizardEngineConfig extends BaseEngineConfig {\n    widgetType: 'property' | 'group';\n    theme: 'specific' | 'default';\n    layout: 'horizontal' | 'vertical' | 'button';\n\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n\n    onSubmit?: BookingWizardContextType['onSubmit'];\n}\n\nexport class BookingWizardEngine extends BaseEngine<BookingWizardEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: BookingWizardEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.BookingWizard;\n    }\n\n    protected async render() {\n        renderBookingWizard(RoomstayThemeEngine.createElementOrReuseExisting('div', 'booking-wizard'), this);\n    }\n}\n"]}

package/dist/src/engines/BookingWizardEngine/BookingWizardEngineElement.d.ts

@@ -0,0 +1,6 @@
+import { BookingWizardEngine } from './BookingWizardEngine';
+export interface BookingWizardEngineElementProps {
+    engine: BookingWizardEngine;
+}
+export default function BookingWizardEngineElement({ engine }: BookingWizardEngineElementProps): JSX.Element;
+export declare const renderBookingWizard: (container: Element, engine: BookingWizardEngine) => void;

package/dist/src/engines/BookingWizardEngine/BookingWizardEngineElement.js

@@ -0,0 +1,54 @@
+"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 });
+exports.renderBookingWizard = void 0;
+const contexts_1 = require("@frontend/contexts");
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const BookingWizard_1 = __importDefault(require("@/components/generic/BookingWizard/BookingWizard"));
+function BookingWizardEngineElement({ engine }) {
+    const engineConfig = engine.getConfig();
+    const bwProps = {
+        layout: engineConfig.layout,
+        theme: engineConfig.theme,
+        properties: engineConfig.properties,
+        selectedProperty: engineConfig.selectedProperty,
+        defaultColors: engineConfig.defaultColors,
+        onSubmit: engineConfig.onSubmit,
+    };
+    // TODO: This will be updated to be configurable (border sizing, padding, etc)
+    // const widgetType = engineConfig.widgetType;
+    return (React.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+        React.createElement(BookingWizard_1.default, Object.assign({}, bwProps))));
+}
+exports.default = BookingWizardEngineElement;
+const renderBookingWizard = (container, engine) => {
+    (0, react_dom_1.render)(React.createElement(BookingWizardEngineElement, { engine: engine }), container);
+};
+exports.renderBookingWizard = renderBookingWizard;
+//# sourceMappingURL=BookingWizardEngineElement.js.map

package/dist/src/engines/BookingWizardEngine/BookingWizardEngineElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingWizardEngineElement.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngineElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiE;AACjE,6CAA+B;AAC/B,yCAAmC;AAEnC,qGAAsG;AAOtG,SAAwB,0BAA0B,CAAC,EAAE,MAAM,EAAmC;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG;QACZ,MAAM,EAAE,YAAY,CAAC,MAAM;QAC3B,KAAK,EAAE,YAAY,CAAC,KAA4B;QAChD,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,QAAQ,EAAE,YAAY,CAAC,QAAQ;KAClC,CAAC;IAEF,8EAA8E;IAC9E,8CAA8C;IAE9C,OAAO,CACH,oBAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;QACvC,oBAAC,uBAAa,oBAAK,OAAO,EAAI,CACJ,CACjC,CAAC;AACN,CAAC;AApBD,6CAoBC;AAEM,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA2B,EAAE,EAAE;IACnF,IAAA,kBAAM,EAAC,oBAAC,0BAA0B,IAAC,MAAM,EAAE,MAAM,GAAI,EAAE,SAAS,CAAC,CAAC;AACtE,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B","sourcesContent":["import { BookingEngineContextWrapper } from '@frontend/contexts';\nimport * as React from 'react';\nimport { render } from 'react-dom';\n\nimport BookingWizard, { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport { BookingWizardEngine } from './BookingWizardEngine';\n\nexport interface BookingWizardEngineElementProps {\n    engine: BookingWizardEngine;\n}\n\nexport default function BookingWizardEngineElement({ engine }: BookingWizardEngineElementProps) {\n    const engineConfig = engine.getConfig();\n\n    const bwProps = {\n        layout: engineConfig.layout,\n        theme: engineConfig.theme as EBookingWizardTheme,\n        properties: engineConfig.properties,\n        selectedProperty: engineConfig.selectedProperty,\n        defaultColors: engineConfig.defaultColors,\n        onSubmit: engineConfig.onSubmit,\n    };\n\n    // TODO: This will be updated to be configurable (border sizing, padding, etc)\n    // const widgetType = engineConfig.widgetType;\n\n    return (\n        <BookingEngineContextWrapper engine={engine}>\n            <BookingWizard {...bwProps} />\n        </BookingEngineContextWrapper>\n    );\n}\n\nexport const renderBookingWizard = (container: Element, engine: BookingWizardEngine) => {\n    render(<BookingWizardEngineElement engine={engine} />, container);\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { BaseEngine, BaseEngineConfig } from 'engines/BaseEngine';
+import { BaseEngine, BaseEngineConfig } from '@/engines/BaseEngine';
 export declare class CustomEngine extends BaseEngine<BaseEngineConfig> {
     render(): Promise<void>;
 }

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomEngine = void 0;
-const BaseEngine_1 = require("engines/BaseEngine");
+const BaseEngine_1 = require("@/engines/BaseEngine");
 // Custom engine for custom development using Roomstay functions.
 class CustomEngine extends BaseEngine_1.BaseEngine {
     render() {

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

@@ -1 +1 @@
-{"version":3,"file":"CustomEngine.js","sourceRoot":"/","sources":["src/engines/CustomEngine/CustomEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAkE;AAElE,iEAAiE;AACjE,MAAa,YAAa,SAAQ,uBAA4B;IAC7C,MAAM;;YACf,OAAO;QACX,CAAC;KAAA;CACJ;AAJD,oCAIC","sourcesContent":["import { BaseEngine, BaseEngineConfig } from 'engines/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"]}
+{"version":3,"file":"CustomEngine.js","sourceRoot":"/","sources":["src/engines/CustomEngine/CustomEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAoE;AAEpE,iEAAiE;AACjE,MAAa,YAAa,SAAQ,uBAA4B;IAC7C,MAAM;;YACf,OAAO;QACX,CAAC;KAAA;CACJ;AAJD,oCAIC","sourcesContent":["import { BaseEngine, BaseEngineConfig } from '@/engines/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

@@ -1,5 +1,9 @@
-import { BaseEngine, BaseEngineConfig } from 'engines/BaseEngine';
-export declare class FullPageBookingEngine extends BaseEngine<BaseEngineConfig> {
-    constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig);
+import { BaseEngine, BaseEngineConfig } from '@/engines/BaseEngine';
+import { ConfigCompany } from '@/models/Client/Hotel/Company';
+export interface FullPageBookingEngineConfig extends BaseEngineConfig {
+    company: ConfigCompany;
+}
+export declare class FullPageBookingEngine extends BaseEngine<FullPageBookingEngineConfig> {
+    constructor(bookingContainer: HTMLElement, config?: FullPageBookingEngineConfig);
     protected render(): Promise<void>;
 }

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

@@ -1,4 +1,27 @@
 "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 __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) {
@@ -10,9 +33,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FullPageBookingEngine = void 0;
-const BaseEngine_1 = require("engines/BaseEngine");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
-const FullPageBookingEngineElement_1 = require("engines/FullPageBookingEngine/FullPageBookingEngineElement");
+const BaseEngine_1 = require("@/engines/BaseEngine");
+const RoomstayThemeEngine_1 = __importStar(require("@/providers/RoomstayThemeEngine"));
+const FullPageBookingEngineElement_1 = require("@/engines/FullPageBookingEngine/FullPageBookingEngineElement");
 class FullPageBookingEngine extends BaseEngine_1.BaseEngine {
     constructor(bookingContainer, config) {
         super(bookingContainer, config);

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

@@ -1 +1 @@
-{"version":3,"file":"FullPageBookingEngine.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAuF;AACvF,uEAAmF;AACnF,6GAAiG;AAEjG,MAAa,qBAAsB,SAAQ,uBAA4B;IACnE,YAAmB,gBAA6B,EAAE,MAAyB;QACvE,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,QAAQ,CAAC;IAC/C,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,IAAA,kDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1G,CAAC;KAAA;CACJ;AAbD,sDAaC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from 'engines/BaseEngine';\nimport RoomstayThemeEngine, { RoomstayTheme } from 'providers/RoomstayThemeEngine';\nimport { renderBookingEngine } from 'engines/FullPageBookingEngine/FullPageBookingEngineElement';\n\nexport class FullPageBookingEngine extends BaseEngine<BaseEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: BaseEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.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"]}
+{"version":3,"file":"FullPageBookingEngine.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAyF;AACzF,uFAAqF;AACrF,+GAAmG;AAOnG,MAAa,qBAAsB,SAAQ,uBAAuC;IAC9E,YAAmB,gBAA6B,EAAE,MAAoC;QAClF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,QAAQ,CAAC;IAC/C,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,IAAA,kDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1G,CAAC;KAAA;CACJ;AAbD,sDAaC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport RoomstayThemeEngine, { RoomstayTheme } from '@/providers/RoomstayThemeEngine';\nimport { renderBookingEngine } from '@/engines/FullPageBookingEngine/FullPageBookingEngineElement';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\n\nexport interface FullPageBookingEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n}\n\nexport class FullPageBookingEngine extends BaseEngine<FullPageBookingEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: FullPageBookingEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.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

@@ -1,5 +1,5 @@
 import '../../../assets/scss/main.global.scss';
-import type { FullPageBookingEngine } from 'engines/FullPageBookingEngine/FullPageBookingEngine';
+import type { FullPageBookingEngine } from '@/engines/FullPageBookingEngine/FullPageBookingEngine';
 export interface FullPageBookingEngineElementProps {
     engine: FullPageBookingEngine;
 }

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

@@ -1,13 +1,36 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBookingEngine = void 0;
 require("../../../assets/scss/main.global.scss");
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const react_router_dom_1 = require("react-router-dom");
 const contexts_1 = require("@frontend/contexts");
-const FullPageBookingEngineElementEvents_1 = require("engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
+const FullPageBookingEngineElementEvents_1 = require("@/engines/FullPageBookingEngine/FullPageBookingEngineElementEvents");
 const contexts_2 = require("@frontend/contexts");
 function FullPageBookingEngineElement({ engine }) {
     // TODO: Refactor this to trigger via useEvents hook

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

@@ -1 +1 @@
-{"version":3,"file":"FullPageBookingEngineElement.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngineElement.tsx"],"names":[],"mappings":";;;AAAA,iDAA+C;AAE/C,+BAA+B;AAC/B,iCAAmE;AACnE,yCAAmC;AAEnC,uDAA8C;AAI9C,iDAAmH;AACnH,yHAAsH;AAItH,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,wEAAwE;IACxE,0CAA0C;IAC1C,YAAY;IACZ,4CAA4C;IAC5C,oBAAoB;IACpB,qDAAqD;IACrD,QAAQ;IACR,+BAA+B;IAC/B,UAAU;IAEV,oBAAoB;IACpB,eAAe;IACf,eAAe;IAEf,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,oBAAC,gBAAQ,IAAC,QAAQ,EAAE,yCAAK;QACrB,oBAAC,6BAAU;YAMP,oBAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;gBACvC,oBAAC,qCAA0B;oBACvB,oBAAC,8BAAmB;wBAChB,oBAAC,gCAAqB,IAAC,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO;4BAC5D,oBAAC,uCAA4B;gCACzB,oBAAC,+BAAoB;oCACjB,oBAAC,uCAA4B,OAAG,CACb,CACI,CACX,CACN,CACG,CACH,CAErB,CACN,CACd,CAAC;AACN,CAAC;AA/CD,+CA+CC;AAEM,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA6B,EAAE,EAAE;IACrF,IAAA,kBAAM,EAAC,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,GAAI,EAAE,SAAS,CAAC,CAAC;AACxE,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B","sourcesContent":["import '../../../assets/scss/main.global.scss';\n\nimport * as React from 'react';\nimport { Suspense, useCallback, useEffect, useState } from 'react';\nimport { render } from 'react-dom';\n\nimport { HashRouter } from 'react-router-dom';\n\nimport type { FullPageBookingEngine } from 'engines/FullPageBookingEngine/FullPageBookingEngine';\n\nimport { HotelOverridesContextWrapper, ErrorContextWrapper, NotificationContextWrapper } from '@frontend/contexts';\nimport { FullPageBookingEngineElementEvents } from 'engines/FullPageBookingEngine/FullPageBookingEngineElementEvents';\nimport API from 'api/BookingAPI';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\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 [createdSession, createdSessionSet] = useState<boolean>(false);\n    // const setup = useCallback(async () => {\n    //     try {\n    //         await API.Session.startSession();\n    //     } catch (e) {\n    //         console.error('failed to create session');\n    //     }\n    //     createdSessionSet(true);\n    // }, []);\n\n    // useEffect(() => {\n    //     setup();\n    // }, [setup]);\n\n    const [, setIncrementor] = useState(0);\n\n    return (\n        <Suspense fallback={<></>}>\n            <HashRouter>\n                {/* {!createdSession ? (\n                    <div className=\"engine-body\">\n                        <LargeLoader />\n                    </div>\n                ) : ( */}\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                {/* )} */}\n            </HashRouter>\n        </Suspense>\n    );\n}\n\nexport const renderBookingEngine = (container: Element, engine: FullPageBookingEngine) => {\n    render(<FullPageBookingEngineElement engine={engine} />, container);\n};\n"]}
+{"version":3,"file":"FullPageBookingEngineElement.js","sourceRoot":"/","sources":["src/engines/FullPageBookingEngine/FullPageBookingEngineElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA+C;AAE/C,6CAA+B;AAC/B,iCAA2C;AAC3C,yCAAmC;AAEnC,uDAA8C;AAI9C,iDAAmH;AACnH,2HAAwH;AAExH,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,wEAAwE;IACxE,0CAA0C;IAC1C,YAAY;IACZ,4CAA4C;IAC5C,oBAAoB;IACpB,qDAAqD;IACrD,QAAQ;IACR,+BAA+B;IAC/B,UAAU;IAEV,oBAAoB;IACpB,eAAe;IACf,eAAe;IAEf,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACH,oBAAC,gBAAQ,IAAC,QAAQ,EAAE,yCAAK;QACrB,oBAAC,6BAAU;YAMP,oBAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;gBACvC,oBAAC,qCAA0B;oBACvB,oBAAC,8BAAmB;wBAChB,oBAAC,gCAAqB,IAAC,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO;4BAC5D,oBAAC,uCAA4B;gCACzB,oBAAC,+BAAoB;oCACjB,oBAAC,uCAA4B,OAAG,CACb,CACI,CACX,CACN,CACG,CACH,CAErB,CACN,CACd,CAAC;AACN,CAAC;AA/CD,+CA+CC;AAEM,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA6B,EAAE,EAAE;IACrF,IAAA,kBAAM,EAAC,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,GAAI,EAAE,SAAS,CAAC,CAAC;AACxE,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B","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 type { FullPageBookingEngine } from '@/engines/FullPageBookingEngine/FullPageBookingEngine';\n\nimport { HotelOverridesContextWrapper, ErrorContextWrapper, NotificationContextWrapper } from '@frontend/contexts';\nimport { FullPageBookingEngineElementEvents } from '@/engines/FullPageBookingEngine/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 [createdSession, createdSessionSet] = useState<boolean>(false);\n    // const setup = useCallback(async () => {\n    //     try {\n    //         await API.Session.startSession();\n    //     } catch (e) {\n    //         console.error('failed to create session');\n    //     }\n    //     createdSessionSet(true);\n    // }, []);\n\n    // useEffect(() => {\n    //     setup();\n    // }, [setup]);\n\n    const [, setIncrementor] = useState(0);\n\n    return (\n        <Suspense fallback={<></>}>\n            <HashRouter>\n                {/* {!createdSession ? (\n                    <div className=\"engine-body\">\n                        <LargeLoader />\n                    </div>\n                ) : ( */}\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                {/* )} */}\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/InlineRoomMiniEngine/InlineRoomMiniEngine.d.ts

@@ -1,7 +1,11 @@
-import { BaseEngine, BaseEngineConfig } from 'engines/BaseEngine';
-export declare class InlineRoomMiniEngine extends BaseEngine<BaseEngineConfig> {
+import { BaseEngine, BaseEngineConfig } from '@/engines/BaseEngine';
+import { ConfigCompany } from '@/models/Client/Hotel/Company';
+export interface InlineRoomMiniEngineConfig extends BaseEngineConfig {
+    company: ConfigCompany;
+}
+export declare class InlineRoomMiniEngine extends BaseEngine<InlineRoomMiniEngineConfig> {
     private roomCode;
-    constructor(bookingContainer: HTMLElement, roomCode: string, config?: BaseEngineConfig);
+    constructor(bookingContainer: HTMLElement, roomCode: string, config?: InlineRoomMiniEngineConfig);
     getRoomCode(): string;
     protected render(): Promise<void>;
 }

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

@@ -8,11 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineRoomMiniEngine = void 0;
-const BaseEngine_1 = require("engines/BaseEngine");
-const InlineRoomMiniEngineElement_1 = require("engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
+const BaseEngine_1 = require("@/engines/BaseEngine");
+const InlineRoomMiniEngineElement_1 = require("@/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement");
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 class InlineRoomMiniEngine extends BaseEngine_1.BaseEngine {
     constructor(bookingContainer, roomCode, config) {
         super(bookingContainer, config);

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

@@ -1 +1 @@
-{"version":3,"file":"InlineRoomMiniEngine.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAuF;AACvF,0GAA6G;AAC7G,uEAAgE;AAEhE,MAAa,oBAAqB,SAAQ,uBAA4B;IAGlE,YAAY,gBAA6B,EAAE,QAAgB,EAAE,MAAyB;QAClF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,IAAA,+DAAiC,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3H,CAAC;KAAA;CACJ;AAhBD,oDAgBC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from 'engines/BaseEngine';\nimport { renderInlineRoomMiniEngineElement } from 'engines/InlineRoomMiniEngine/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 = BookingEngineSource.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"]}
+{"version":3,"file":"InlineRoomMiniEngine.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAAyF;AACzF,4GAA+G;AAC/G,0FAAkE;AAOlE,MAAa,oBAAqB,SAAQ,uBAAsC;IAG5E,YAAY,gBAA6B,EAAE,QAAgB,EAAE,MAAmC;QAC5F,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEe,MAAM;;YAClB,IAAA,+DAAiC,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3H,CAAC;KAAA;CACJ;AAhBD,oDAgBC","sourcesContent":["import { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderInlineRoomMiniEngineElement } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\n\nexport interface InlineRoomMiniEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n}\n\nexport class InlineRoomMiniEngine extends BaseEngine<InlineRoomMiniEngineConfig> {\n    private roomCode: string;\n\n    constructor(bookingContainer: HTMLElement, roomCode: string, config?: InlineRoomMiniEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.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

@@ -1,4 +1,4 @@
-import type { InlineRoomMiniEngine } from 'engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
+import type { InlineRoomMiniEngine } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';
 export interface InlineRoomMiniEngineElementProps {
     engine: InlineRoomMiniEngine;
 }

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

@@ -1,4 +1,27 @@
 "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 __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) {
@@ -8,42 +31,45 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderInlineRoomMiniEngineElement = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
+const react_1 = 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 Tooltip_1 = require("components/generic/Tooltip/Tooltip");
-const StringHelper_1 = require("util/StringHelper");
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const FloatingDatePicker_1 = __importDefault(require("@/components/generic/date/FloatingDatePicker"));
+const Tooltip_1 = __importDefault(require("@/components/generic/Tooltip/Tooltip"));
+const StringHelper_1 = __importDefault(require("@/util/StringHelper"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const Icon_1 = require("components/generic/Icon/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 Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
+const RoomRates_1 = __importDefault(require("@/components/steps/room/roomDetails/roomRates/RoomRates"));
+const LargeLoader_1 = __importDefault(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 PromoCodeInput_1 = require("components/generic/PromoCodeInput");
-const Select_1 = require("components/generic/Select");
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
+const RatesNotFound_1 = __importDefault(require("@/components/steps/room/RatesNotFound"));
+const react_use_measure_1 = __importDefault(require("react-use-measure"));
+const BookNowPayLaterInfoBlock_1 = require("@/components/generic/BookNowPayLaterInfoBlock");
+const StepConfirmation_1 = __importDefault(require("@/pages/steps/StepConfirmation/StepConfirmation"));
+const PromoCodeInput_1 = __importDefault(require("@/components/generic/PromoCodeInput"));
+const Select_1 = require("@/components/generic/Select/Select");
 const hooks_1 = require("@frontend/hooks");
-const BasketRow_1 = require("models/BasketRow");
+const BasketRow_1 = __importDefault(require("@/models/BasketRow"));
 const contexts_1 = require("@frontend/contexts");
-const FeaturedPromoFeature_1 = require("providers/feature/FeaturedPromoFeature");
-const RoomListSearchEvent_1 = require("events/actions/RoomListSearchEvent");
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const FeaturedPromoFeature_1 = __importDefault(require("@/providers/feature/FeaturedPromoFeature"));
+const RoomListSearchEvent_1 = require("@/events/actions/RoomListSearchEvent");
+const Overlay_1 = require("@/components/generic/Overlay/Overlay");
 function InlineRoomMiniEngineElement(props) {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -187,8 +213,8 @@ function InlineRoomMiniEngineElement(props) {
     };
     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'));
+        row === null || row === void 0 ? void 0 : row.setStartDate((0, dayjs_1.default)(today));
+        row === null || row === void 0 ? void 0 : row.setEndDate((0, dayjs_1.default)(today).add(1, 'day'));
     }
     const isCompact = bounds.width < 1000 ? '--compact' : '';
     const findRoomsOnClick = () => __awaiter(this, void 0, void 0, function* () {
@@ -200,10 +226,10 @@ function InlineRoomMiniEngineElement(props) {
         return 'Book Now';
     };
     const updateNumberOfAdultsOnChange = (value) => {
-        updatePeopleValues({ adults: value });
+        updatePeopleValues({ adults: +value });
     };
     const updateNumberOfChildrenOnChange = (value) => {
-        updatePeopleValues({ children: value });
+        updatePeopleValues({ children: +value });
     };
     const updatePromoCode = (code) => {
         DataLayer_1.default.instance.sendInteraction('Promo Code updated', DataLayer_1.InteractionType.FORM_FIELD, DataLayer_1.InteractionStep.ROOMS);
@@ -246,7 +272,7 @@ function InlineRoomMiniEngineElement(props) {
     };
     const maxOccupancy = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.maxOccupancy) !== null && _a !== void 0 ? _a : 1;
     return (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         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 },
@@ -261,21 +287,21 @@ function InlineRoomMiniEngineElement(props) {
                                         React.createElement("span", null, (row === null || row === void 0 ? void 0 : row.getDepartureDate()) ? row.getDepartureDate() : 'Departure Date'))))),
                         React.createElement(Tooltip_1.default, { title: "Update number of adults", 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) => {
+                                React.createElement(Select_1.Select, { nativeOnMobile: true, options: [...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,
+                                            value: value.toString(),
                                         };
-                                    }) }))),
+                                    }), value: (_a = row === null || row === void 0 ? void 0 : row.getAdults()) === null || _a === void 0 ? void 0 : _a.toString(), onChange: updateNumberOfAdultsOnChange, keyName: "value", labelName: "text" }))),
                         React.createElement(Tooltip_1.default, { title: "Update number of children", 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) => {
+                                React.createElement(Select_1.Select, { nativeOnMobile: true, options: [...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,
+                                            value: value.toString(),
                                         };
-                                    }) }))),
+                                    }), value: (_b = row === null || row === void 0 ? void 0 : row.getChildren()) === null || _b === void 0 ? void 0 : _b.toString(), onChange: updateNumberOfChildrenOnChange, keyName: "value", labelName: "text" }))),
                         React.createElement(Tooltip_1.default, { title: promoCodeTooltip, 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-" },
@@ -284,8 +310,8 @@ function InlineRoomMiniEngineElement(props) {
                         React.createElement(Overlay_1.Overlay, { open: isPromoModalOpen, container: RoomstayThemeEngine_1.default.EngineContainer, followElement: thisElement.current, 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'
+                                    React.createElement(PromoCodeInput_1.default, { value: (_c = basketContext.selectedBasketRow) === null || _c === void 0 ? void 0 : _c.getPromoCode(), onChange: changePromoCode, valid: ((_d = basketContext.selectedBasketRow) === null || _d === void 0 ? void 0 : _d.getPromoCodeStatus()) !== 'new'
+                                            ? ((_e = basketContext.selectedBasketRow) === null || _e === void 0 ? void 0 : _e.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"))))),