@roomstay/frontend 2.9.1 → 2.10.1-0

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { ShadowDomContextType } from './ShadowDomContext';
+interface ShadowDomContextProviderProps {
+    children: ReactNode;
+    value: ShadowDomContextType;
+}
+export declare const ShadowDomContextProvider: ({ children, value }: ShadowDomContextProviderProps) => React.JSX.Element;
+export {};

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShadowDomContextProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const ShadowDomContext_1 = require("./ShadowDomContext");
+const ShadowDomContextProvider = ({ children, value }) => {
+    return react_1.default.createElement(ShadowDomContext_1.ShadowDomContext.Provider, { value: value }, children);
+};
+exports.ShadowDomContextProvider = ShadowDomContextProvider;
+//# sourceMappingURL=ShadowDomContextProvider.js.map

package/dist/src/contexts/ShadowDomContext/ShadowDomContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowDomContextProvider.js","sourceRoot":"/","sources":["src/contexts/ShadowDomContext/ShadowDomContextProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AAEzC,yDAA4E;AAOrE,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC3F,OAAO,8BAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAA6B,CAAC;AAC3F,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC","sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ShadowDomContext, ShadowDomContextType } from './ShadowDomContext';\n\ninterface ShadowDomContextProviderProps {\n    children: ReactNode;\n    value: ShadowDomContextType;\n}\n\nexport const ShadowDomContextProvider = ({ children, value }: ShadowDomContextProviderProps) => {\n    return <ShadowDomContext.Provider value={value}>{children}</ShadowDomContext.Provider>;\n};\n"]}

package/dist/src/contexts/index.d.ts

@@ -20,3 +20,5 @@ export * from './Members/RoomstayMemberContext/RoomstayMemberContext';
 export * from './Members/RoomstayMemberContext/RoomstayMemberContextProvider';
 export * from './ModalContext';
 export * from './NotificationContext';
+export * from './ShadowDomContext/ShadowDomContext';
+export * from './ShadowDomContext/ShadowDomContextProvider';

package/dist/src/contexts/index.js

@@ -36,4 +36,6 @@ __exportStar(require("./Members/RoomstayMemberContext/RoomstayMemberContext"), e
 __exportStar(require("./Members/RoomstayMemberContext/RoomstayMemberContextProvider"), exports);
 __exportStar(require("./ModalContext"), exports);
 __exportStar(require("./NotificationContext"), exports);
+__exportStar(require("./ShadowDomContext/ShadowDomContext"), exports);
+__exportStar(require("./ShadowDomContext/ShadowDomContextProvider"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yEAAuD;AACvD,6EAA2D;AAC3D,gFAA8D;AAC9D,uFAAqE;AACrE,iGAA+E;AAC/E,8FAA4E;AAC5E,2EAAyD;AACzD,oFAAkE;AAClE,kFAAgE;AAChE,qEAAmD;AACnD,+DAA6C;AAC7C,0DAAwC;AACxC,yFAAuE;AACvE,8FAA4E;AAC5E,gGAA8E;AAC9E,mEAAiD;AACjD,iGAA+E;AAC/E,yGAAuF;AACvF,iGAA+E;AAC/E,yGAAuF;AACvF,0DAAwC;AACxC,iEAA+C","sourcesContent":["export * from '@/contexts/BasketContext/BasketContext';\nexport * from '@/contexts/BasketContext/BasketContextType';\nexport * from '@/contexts/BasketContext/BasketContextWrapper';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContext';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContextType.types';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContextWrapper';\nexport * from '@/contexts/CompanyContext/CompanyContext';\nexport * from '@/contexts/CompanyContext/CompanyContextType.type';\nexport * from '@/contexts/CompanyContext/CompanyContextWrapper';\nexport * from '@/contexts/ConfirmationFormContext';\nexport * from '@/contexts/DatePickerContext';\nexport * from '@/contexts/ErrorContext';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContext';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContextTypes';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContextWrapper';\nexport * from '@/contexts/HotelOverridesContext';\nexport * from '@/contexts/Members/AuthenticationContext/AuthenticationContext';\nexport * from '@/contexts/Members/AuthenticationContext/AuthenticationContextProvider';\nexport * from '@/contexts/Members/RoomstayMemberContext/RoomstayMemberContext';\nexport * from '@/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider';\nexport * from '@/contexts/ModalContext';\nexport * from '@/contexts/NotificationContext';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"/","sources":["src/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yEAAuD;AACvD,6EAA2D;AAC3D,gFAA8D;AAC9D,uFAAqE;AACrE,iGAA+E;AAC/E,8FAA4E;AAC5E,2EAAyD;AACzD,oFAAkE;AAClE,kFAAgE;AAChE,qEAAmD;AACnD,+DAA6C;AAC7C,0DAAwC;AACxC,yFAAuE;AACvE,8FAA4E;AAC5E,gGAA8E;AAC9E,mEAAiD;AACjD,iGAA+E;AAC/E,yGAAuF;AACvF,iGAA+E;AAC/E,yGAAuF;AACvF,0DAAwC;AACxC,iEAA+C;AAC/C,+EAA6D;AAC7D,uFAAqE","sourcesContent":["export * from '@/contexts/BasketContext/BasketContext';\nexport * from '@/contexts/BasketContext/BasketContextType';\nexport * from '@/contexts/BasketContext/BasketContextWrapper';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContext';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContextType.types';\nexport * from '@/contexts/BookingEngineContext/BookingEngineContextWrapper';\nexport * from '@/contexts/CompanyContext/CompanyContext';\nexport * from '@/contexts/CompanyContext/CompanyContextType.type';\nexport * from '@/contexts/CompanyContext/CompanyContextWrapper';\nexport * from '@/contexts/ConfirmationFormContext';\nexport * from '@/contexts/DatePickerContext';\nexport * from '@/contexts/ErrorContext';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContext';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContextTypes';\nexport * from '@/contexts/FullPageEngineContext/FullPageEngineContextWrapper';\nexport * from '@/contexts/HotelOverridesContext';\nexport * from '@/contexts/Members/AuthenticationContext/AuthenticationContext';\nexport * from '@/contexts/Members/AuthenticationContext/AuthenticationContextProvider';\nexport * from '@/contexts/Members/RoomstayMemberContext/RoomstayMemberContext';\nexport * from '@/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider';\nexport * from '@/contexts/ModalContext';\nexport * from '@/contexts/NotificationContext';\nexport * from '@/contexts/ShadowDomContext/ShadowDomContext';\nexport * from '@/contexts/ShadowDomContext/ShadowDomContextProvider';\n"]}

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

@@ -1,5 +1,7 @@
 import dayjs from 'dayjs';
+import { ShadowDomContextType } from '../contexts/ShadowDomContext/ShadowDomContext';
 import { RoomstaySession } from '../models/RoomstaySession';
+import { ShadowDomManager } from '../providers/ShadowDomManager';
 import LocalStorageProvider from '../providers/storage/LocalStorageProvider';
 import SessionProvider from '../providers/storage/SessionProvider';
 export interface BookingEngineOnBooking {
@@ -21,6 +23,7 @@ export interface BaseEngineConfig {
         checkIn?: string;
         checkout?: string;
     };
+    shadowRoot?: boolean;
 }
 export declare enum BookingEngineSource {
     Inline = "inline",
@@ -35,6 +38,7 @@ export declare abstract class BaseEngine<C extends BaseEngineConfig> {
     protected sessionProvider: SessionProvider;
     protected initialSession: RoomstaySession;
     protected storageProvider: LocalStorageProvider;
+    protected shadowDomManager: ShadowDomManager | null;
     protected engineConfig: C;
     constructor(bookingContainer: HTMLElement, config?: C);
     readonly start: () => Promise<void>;
@@ -44,5 +48,14 @@ export declare abstract class BaseEngine<C extends BaseEngineConfig> {
     setConfig(config: C): void;
     getConfig(): C;
     getSource(): BookingEngineSource;
+    /**
+     * Initialize Shadow DOM if configured. Call at the start of render() in subclasses.
+     * Sets up the shadow root and reassigns RoomstayThemeEngine.EngineContainer.
+     *
+     * Can also be activated via `?shadowRoot=true` URL parameter for staging/QA testing.
+     */
+    protected initializeShadowDom(): void;
+    /** Returns the ShadowDomContextType value for the React context provider. */
+    getShadowDomContextValue(): ShadowDomContextType;
     protected abstract render(): Promise<void>;
 }

package/dist/src/engines/BaseEngine.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseEngine = exports.BookingEngineSource = void 0;
 const RoomstayThemeEngine_1 = __importDefault(require("../providers/RoomstayThemeEngine"));
+const ShadowDomManager_1 = require("../providers/ShadowDomManager");
 const LocalStorageProvider_1 = __importDefault(require("../providers/storage/LocalStorageProvider"));
 const SessionProvider_1 = __importDefault(require("../providers/storage/SessionProvider"));
 var BookingEngineSource;
@@ -26,6 +27,7 @@ var BookingEngineSource;
 })(BookingEngineSource || (exports.BookingEngineSource = BookingEngineSource = {}));
 class BaseEngine {
     constructor(bookingContainer, config) {
+        this.shadowDomManager = null;
         this.start = () => __awaiter(this, void 0, void 0, function* () {
             const queryParams = new URLSearchParams(window.location.hash.replace(/^#\/.+\//, ''));
             let sessionId = null;
@@ -75,6 +77,36 @@ class BaseEngine {
     getSource() {
         return this.source;
     }
+    /**
+     * Initialize Shadow DOM if configured. Call at the start of render() in subclasses.
+     * Sets up the shadow root and reassigns RoomstayThemeEngine.EngineContainer.
+     *
+     * Can also be activated via `?shadowRoot=true` URL parameter for staging/QA testing.
+     */
+    initializeShadowDom() {
+        var _a;
+        const urlOverride = new URLSearchParams(window.location.search).get('shadowRoot') === 'true';
+        const shouldEnable = ((_a = this.engineConfig) === null || _a === void 0 ? void 0 : _a.shadowRoot) || urlOverride;
+        if (shouldEnable && !this.shadowDomManager) {
+            this.shadowDomManager = new ShadowDomManager_1.ShadowDomManager(this.bookingContainer);
+            RoomstayThemeEngine_1.default.EngineContainer = this.shadowDomManager.container;
+        }
+    }
+    /** Returns the ShadowDomContextType value for the React context provider. */
+    getShadowDomContextValue() {
+        if (this.shadowDomManager) {
+            return {
+                isShadowDom: true,
+                shadowRoot: this.shadowDomManager.root,
+                portalTarget: this.shadowDomManager.container,
+            };
+        }
+        return {
+            isShadowDom: false,
+            shadowRoot: null,
+            portalTarget: document.body,
+        };
+    }
 }
 exports.BaseEngine = BaseEngine;
 //# sourceMappingURL=BaseEngine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseEngine.js","sourceRoot":"/","sources":["src/engines/BaseEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,0FAAkE;AAClE,oGAA4E;AAC5E,0FAAkE;AAsBlE,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC3B,wCAAiB,CAAA;IACjB,yDAAkC,CAAA;IAClC,4CAAqB,CAAA;IACrB,uDAAgC,CAAA;IAChC,oCAAa,CAAA;AACjB,CAAC,EANW,mBAAmB,mCAAnB,mBAAmB,QAM9B;AAED,MAAsB,UAAU;IAS5B,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,CAAC;gBACd,IAAI,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;oBAC7B,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBAC3C,CAAC;YACL,CAAC;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;YAClE,CAAC,CAAA,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG,IAAI,8BAAoB,EAAE,CAAC;YAElD,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAA,CAAC;QA/BE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAW,CAAC,CAAC;QAChC,CAAC;QAED,2BAA2B;QAC3B,6BAAmB,CAAC,eAAe,GAAG,gBAAgB,CAAC;QACvD,6BAAmB,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAuBM,iBAAiB;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,cAAc,CAAC;QAC/B,CAAC;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,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;AA1ED,gCA0EC","sourcesContent":["import dayjs from 'dayjs';\n\nimport { RoomstaySession } from '@/models/RoomstaySession';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport LocalStorageProvider from '@/providers/storage/LocalStorageProvider';\nimport SessionProvider from '@/providers/storage/SessionProvider';\n\nexport interface BookingEngineOnBooking {\n    id: string;\n    checkIn: dayjs.Dayjs;\n    checkout: dayjs.Dayjs;\n    promoCode?: string;\n    guests: {\n        adults: number;\n        children: number;\n        infants: number;\n        room: number;\n    };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface BaseEngineConfig {\n    disableChild?: boolean;\n    maxAdults?: number;\n    defaultValues?: Partial<Omit<BookingEngineOnBooking, 'id' | 'checkIn' | 'checkout'>> & { checkIn?: string; checkout?: string };\n}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n    BookingWizard = 'booking-wizard',\n    Auth = 'auth',\n}\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    protected storageProvider!: LocalStorageProvider;\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 as C);\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        });\n\n        this.storageProvider = new LocalStorageProvider();\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 getStorageProvider() {\n        return this.storageProvider;\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":"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","sourcesContent":["import dayjs from 'dayjs';\n\nimport { ShadowDomContextType } from '@/contexts/ShadowDomContext/ShadowDomContext';\nimport { RoomstaySession } from '@/models/RoomstaySession';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { ShadowDomManager } from '@/providers/ShadowDomManager';\nimport LocalStorageProvider from '@/providers/storage/LocalStorageProvider';\nimport SessionProvider from '@/providers/storage/SessionProvider';\n\nexport interface BookingEngineOnBooking {\n    id: string;\n    checkIn: dayjs.Dayjs;\n    checkout: dayjs.Dayjs;\n    promoCode?: string;\n    guests: {\n        adults: number;\n        children: number;\n        infants: number;\n        room: number;\n    };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface BaseEngineConfig {\n    disableChild?: boolean;\n    maxAdults?: number;\n    defaultValues?: Partial<Omit<BookingEngineOnBooking, 'id' | 'checkIn' | 'checkout'>> & { checkIn?: string; checkout?: string };\n    shadowRoot?: boolean;\n}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n    BookingWizard = 'booking-wizard',\n    Auth = 'auth',\n}\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    protected storageProvider!: LocalStorageProvider;\n    protected shadowDomManager: ShadowDomManager | null = null;\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 as C);\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        });\n\n        this.storageProvider = new LocalStorageProvider();\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 getStorageProvider() {\n        return this.storageProvider;\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    /**\n     * Initialize Shadow DOM if configured. Call at the start of render() in subclasses.\n     * Sets up the shadow root and reassigns RoomstayThemeEngine.EngineContainer.\n     *\n     * Can also be activated via `?shadowRoot=true` URL parameter for staging/QA testing.\n     */\n    protected initializeShadowDom(): void {\n        const urlOverride = new URLSearchParams(window.location.search).get('shadowRoot') === 'true';\n        const shouldEnable = this.engineConfig?.shadowRoot || urlOverride;\n\n        if (shouldEnable && !this.shadowDomManager) {\n            this.shadowDomManager = new ShadowDomManager(this.bookingContainer);\n            RoomstayThemeEngine.EngineContainer = this.shadowDomManager.container;\n        }\n    }\n\n    /** Returns the ShadowDomContextType value for the React context provider. */\n    public getShadowDomContextValue(): ShadowDomContextType {\n        if (this.shadowDomManager) {\n            return {\n                isShadowDom: true,\n                shadowRoot: this.shadowDomManager.root,\n                portalTarget: this.shadowDomManager.container,\n            };\n        }\n        return {\n            isShadowDom: false,\n            shadowRoot: null,\n            portalTarget: document.body,\n        };\n    }\n\n    protected abstract render(): Promise<void>;\n}\n"]}

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

@@ -25,6 +25,7 @@ class BookingWizardEngine extends BaseEngine_1.BaseEngine {
     }
     render() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.initializeShadowDom();
             (0, BookingWizardEngineElement_1.renderBookingWizard)(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'booking-wizard'), this);
         });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardEngine.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,qDAAyF;AACzF,yGAA+F;AAK/F,0FAAkE;AA4ClE,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;QAEhD,4CAA4C;QAC5C,6BAAmB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAEe,MAAM;;YAClB,IAAA,gDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,IAAI,CAAC,CAAC;QACzG,CAAC;KAAA;CACJ;AAZD,kDAYC","sourcesContent":["import { ReactNode } from 'react';\n\nimport { EBookingWizardOverlayDirection, EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';\nimport { BookingWizardGuestSelectorProps } from '@/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderBookingWizard } from '@/engines/BookingWizardEngine/BookingWizardEngineElement';\nimport { ShowPromoCodeAlertProps, ShowYearOnCalendarProps } from '@/models/Api/HotelOverrideDTO';\nimport type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface BookingWizardEngineConfig extends BaseEngineConfig, ShowYearOnCalendarProps, ShowPromoCodeAlertProps, Pick<Hotel, 'startsWeekOnDay'> {\n    widgetType: 'property' | 'group';\n    theme: EBookingWizardTheme;\n    layout: 'horizontal' | 'vertical' | 'button';\n    useMobileButtonLayout?: boolean;\n\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n\n    wrapperClassname?: string;\n    contentClassname?: string;\n    maxOccupancy?: number;\n    disableChild?: boolean;\n    showInfants?: boolean;\n    disableRoom?: boolean;\n    hideGuestSelect?: boolean;\n    hidePromocode?: boolean;\n    hideProperty?: boolean;\n    dateFormat?: string;\n\n    hideTooltips?: boolean;\n    overlayDirection?: EBookingWizardOverlayDirection;\n\n    onSubmit?: BookingWizardContextType['onSubmit'];\n\n    // New option for new theme\n    notes?: {\n        date?: ReactNode; // Show at bottom left corner of Date Selector popup\n        guest?: ReactNode; // Show at bottom of Guest Selector popup\n    };\n    guestAgeConfig?: Pick<BookingWizardGuestSelectorProps, 'minAdultAge' | 'maxAdultAge' | 'ageRange'>;\n\n    // Enable property search and optionally provide a custom search filter function.\n    searchConfig?: {\n        companyId: number;\n        searchFilter?: (properties: TBookingWizardProperties, query?: string) => TBookingWizardProperties;\n        sortCompareFn?: <T>(a: T, b: T) => number;\n        combineAddress?: (address: BookingWizardProperty['address']) => string;\n    };\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        // TODO: Make this a more permanent solution\n        RoomstayThemeEngine.EngineContainer.classList.add('--transparent-bg');\n    }\n\n    protected async render() {\n        renderBookingWizard(RoomstayThemeEngine.createElementOrReuseExisting('div', 'booking-wizard'), this);\n    }\n}\n"]}
+{"version":3,"file":"BookingWizardEngine.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,qDAAyF;AACzF,yGAA+F;AAK/F,0FAAkE;AA4ClE,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;QAEhD,4CAA4C;QAC5C,6BAAmB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAEe,MAAM;;YAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAA,gDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,IAAI,CAAC,CAAC;QACzG,CAAC;KAAA;CACJ;AAbD,kDAaC","sourcesContent":["import { ReactNode } from 'react';\n\nimport { EBookingWizardOverlayDirection, EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';\nimport { BookingWizardGuestSelectorProps } from '@/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderBookingWizard } from '@/engines/BookingWizardEngine/BookingWizardEngineElement';\nimport { ShowPromoCodeAlertProps, ShowYearOnCalendarProps } from '@/models/Api/HotelOverrideDTO';\nimport type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface BookingWizardEngineConfig extends BaseEngineConfig, ShowYearOnCalendarProps, ShowPromoCodeAlertProps, Pick<Hotel, 'startsWeekOnDay'> {\n    widgetType: 'property' | 'group';\n    theme: EBookingWizardTheme;\n    layout: 'horizontal' | 'vertical' | 'button';\n    useMobileButtonLayout?: boolean;\n\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n\n    wrapperClassname?: string;\n    contentClassname?: string;\n    maxOccupancy?: number;\n    disableChild?: boolean;\n    showInfants?: boolean;\n    disableRoom?: boolean;\n    hideGuestSelect?: boolean;\n    hidePromocode?: boolean;\n    hideProperty?: boolean;\n    dateFormat?: string;\n\n    hideTooltips?: boolean;\n    overlayDirection?: EBookingWizardOverlayDirection;\n\n    onSubmit?: BookingWizardContextType['onSubmit'];\n\n    // New option for new theme\n    notes?: {\n        date?: ReactNode; // Show at bottom left corner of Date Selector popup\n        guest?: ReactNode; // Show at bottom of Guest Selector popup\n    };\n    guestAgeConfig?: Pick<BookingWizardGuestSelectorProps, 'minAdultAge' | 'maxAdultAge' | 'ageRange'>;\n\n    // Enable property search and optionally provide a custom search filter function.\n    searchConfig?: {\n        companyId: number;\n        searchFilter?: (properties: TBookingWizardProperties, query?: string) => TBookingWizardProperties;\n        sortCompareFn?: <T>(a: T, b: T) => number;\n        combineAddress?: (address: BookingWizardProperty['address']) => string;\n    };\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        // TODO: Make this a more permanent solution\n        RoomstayThemeEngine.EngineContainer.classList.add('--transparent-bg');\n    }\n\n    protected async render() {\n        this.initializeShadowDom();\n        renderBookingWizard(RoomstayThemeEngine.createElementOrReuseExisting('div', 'booking-wizard'), this);\n    }\n}\n"]}

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

@@ -9,6 +9,7 @@ const contexts_1 = require("../../contexts/index.js");
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = require("react-dom");
 const BookingWizard_1 = __importDefault(require("../../components/generic/BookingWizard/BookingWizard"));
+const ShadowDomContextProvider_1 = require("../../contexts/ShadowDomContext/ShadowDomContextProvider");
 function BookingWizardEngineElement({ engine }) {
     const engineConfig = engine.getConfig();
     const bwProps = {
@@ -39,7 +40,8 @@ function BookingWizardEngineElement({ engine }) {
         react_1.default.createElement(BookingWizard_1.default, Object.assign({}, bwProps))));
 }
 const renderBookingWizard = (container, engine) => {
-    (0, react_dom_1.render)(react_1.default.createElement(BookingWizardEngineElement, { engine: engine }), container);
+    (0, react_dom_1.render)(react_1.default.createElement(ShadowDomContextProvider_1.ShadowDomContextProvider, { value: engine.getShadowDomContextValue() },
+        react_1.default.createElement(BookingWizardEngineElement, { engine: engine })), container);
 };
 exports.renderBookingWizard = renderBookingWizard;
 //# sourceMappingURL=BookingWizardEngineElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardEngineElement.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngineElement.tsx"],"names":[],"mappings":";;;;;;AAYA,6CAkCC;AA9CD,iDAAiE;AACjE,kDAA0B;AAC1B,yCAAmC;AAEnC,qGAA0H;AAQ1H,SAAwB,0BAA0B,CAAC,EAAE,MAAM,EAAmC;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;IAExC,MAAM,OAAO,GAAuB;QAChC,MAAM,EAAE,YAAY,CAAC,MAAM;QAC3B,KAAK,EAAE,YAAY,CAAC,KAA4B;QAChD,qBAAqB,EAAE,YAAY,CAAC,qBAAqB;QACzD,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,SAAS,EAAE,YAAY,CAAC,SAAS;QACjC,YAAY,EAAE,YAAY,CAAC,YAAY;QACvC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,eAAe,EAAE,YAAY,CAAC,eAAe;QAC7C,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,YAAY,EAAE,YAAY,CAAC,YAAY;QACvC,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,QAAQ,EAAE,YAAY,CAAC,QAAQ;QAC/B,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,eAAe,EAAE,YAAY,CAAC,eAAe;KAC1B,CAAC;IAExB,8EAA8E;IAC9E,8CAA8C;IAE9C,OAAO,CACH,8BAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;QACvC,8BAAC,uBAAa,oBAAK,OAAO,EAAI,CACJ,CACjC,CAAC;AACN,CAAC;AAEM,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA2B,EAAE,EAAE;IACnF,IAAA,kBAAM,EAAC,8BAAC,0BAA0B,IAAC,MAAM,EAAE,MAAM,GAAI,EAAE,SAAS,CAAC,CAAC;AACtE,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B","sourcesContent":["import { BookingEngineContextWrapper } from '@frontend/contexts';\nimport React from 'react';\nimport { render } from 'react-dom';\n\nimport BookingWizard, { BookingWizardProps, EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\n\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: BookingWizardProps = {\n        layout: engineConfig.layout,\n        theme: engineConfig.theme as EBookingWizardTheme,\n        useMobileButtonLayout: engineConfig.useMobileButtonLayout,\n        properties: engineConfig.properties,\n        selectedProperty: engineConfig.selectedProperty,\n        defaultColors: engineConfig.defaultColors,\n        wrapperClassname: engineConfig.wrapperClassname,\n        contentClassname: engineConfig.contentClassname,\n        maxAdults: engineConfig.maxAdults,\n        disableChild: engineConfig.disableChild,\n        showInfants: engineConfig.showInfants,\n        disableRoom: engineConfig.disableRoom,\n        defaultValues: engineConfig.defaultValues,\n        hideGuestSelect: engineConfig.hideGuestSelect,\n        hidePromocode: engineConfig.hidePromocode,\n        hideProperty: engineConfig.hideProperty,\n        dateFormat: engineConfig.dateFormat,\n        onSubmit: engineConfig.onSubmit,\n        overlayDirection: engineConfig.overlayDirection,\n        startsWeekOnDay: engineConfig.startsWeekOnDay,\n    } as BookingWizardProps;\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"]}
+{"version":3,"file":"BookingWizardEngineElement.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngineElement.tsx"],"names":[],"mappings":";;;;;;AAaA,6CAkCC;AA/CD,iDAAiE;AACjE,kDAA0B;AAC1B,yCAAmC;AAEnC,qGAA0H;AAC1H,mGAAgG;AAQhG,SAAwB,0BAA0B,CAAC,EAAE,MAAM,EAAmC;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;IAExC,MAAM,OAAO,GAAuB;QAChC,MAAM,EAAE,YAAY,CAAC,MAAM;QAC3B,KAAK,EAAE,YAAY,CAAC,KAA4B;QAChD,qBAAqB,EAAE,YAAY,CAAC,qBAAqB;QACzD,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,SAAS,EAAE,YAAY,CAAC,SAAS;QACjC,YAAY,EAAE,YAAY,CAAC,YAAY;QACvC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,eAAe,EAAE,YAAY,CAAC,eAAe;QAC7C,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,YAAY,EAAE,YAAY,CAAC,YAAY;QACvC,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,QAAQ,EAAE,YAAY,CAAC,QAAQ;QAC/B,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;QAC/C,eAAe,EAAE,YAAY,CAAC,eAAe;KAC1B,CAAC;IAExB,8EAA8E;IAC9E,8CAA8C;IAE9C,OAAO,CACH,8BAAC,sCAA2B,IAAC,MAAM,EAAE,MAAM;QACvC,8BAAC,uBAAa,oBAAK,OAAO,EAAI,CACJ,CACjC,CAAC;AACN,CAAC;AAEM,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,MAA2B,EAAE,EAAE;IACnF,IAAA,kBAAM,EACF,8BAAC,mDAAwB,IAAC,KAAK,EAAE,MAAM,CAAC,wBAAwB,EAAE;QAC9D,8BAAC,0BAA0B,IAAC,MAAM,EAAE,MAAM,GAAI,CACvB,EAC3B,SAAS,CACZ,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,mBAAmB,uBAO9B","sourcesContent":["import { BookingEngineContextWrapper } from '@frontend/contexts';\nimport React from 'react';\nimport { render } from 'react-dom';\n\nimport BookingWizard, { BookingWizardProps, EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport { ShadowDomContextProvider } from '@/contexts/ShadowDomContext/ShadowDomContextProvider';\n\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: BookingWizardProps = {\n        layout: engineConfig.layout,\n        theme: engineConfig.theme as EBookingWizardTheme,\n        useMobileButtonLayout: engineConfig.useMobileButtonLayout,\n        properties: engineConfig.properties,\n        selectedProperty: engineConfig.selectedProperty,\n        defaultColors: engineConfig.defaultColors,\n        wrapperClassname: engineConfig.wrapperClassname,\n        contentClassname: engineConfig.contentClassname,\n        maxAdults: engineConfig.maxAdults,\n        disableChild: engineConfig.disableChild,\n        showInfants: engineConfig.showInfants,\n        disableRoom: engineConfig.disableRoom,\n        defaultValues: engineConfig.defaultValues,\n        hideGuestSelect: engineConfig.hideGuestSelect,\n        hidePromocode: engineConfig.hidePromocode,\n        hideProperty: engineConfig.hideProperty,\n        dateFormat: engineConfig.dateFormat,\n        onSubmit: engineConfig.onSubmit,\n        overlayDirection: engineConfig.overlayDirection,\n        startsWeekOnDay: engineConfig.startsWeekOnDay,\n    } as BookingWizardProps;\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(\n        <ShadowDomContextProvider value={engine.getShadowDomContextValue()}>\n            <BookingWizardEngineElement engine={engine} />\n        </ShadowDomContextProvider>,\n        container\n    );\n};\n"]}

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

@@ -27,6 +27,7 @@ class InlineRoomMiniEngine extends BaseEngine_1.BaseEngine {
     }
     render() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.initializeShadowDom();
             (0, InlineRoomMiniEngineElement_1.renderInlineRoomMiniEngineElement)(RoomstayThemeEngine_1.default.createElementOrReuseExisting('div', 'inline-mini-engine'), this);
         });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"InlineRoomMiniEngine.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,qDAAyF;AACzF,4GAA+G;AAE/G,0FAAkE;AAYlE,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 { ReactNode } from 'react';\n\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderInlineRoomMiniEngineElement } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface InlineRoomMiniEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n    layout?: 'default' | 'card'; // Added layout, Default: default\n    policy?: ReactNode;\n    priceDescription?: ReactNode;\n\n    showInfants?: boolean;\n    maxInfants?: number;\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"]}
+{"version":3,"file":"InlineRoomMiniEngine.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,qDAAyF;AACzF,4GAA+G;AAE/G,0FAAkE;AAYlE,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,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAA,+DAAiC,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3H,CAAC;KAAA;CACJ;AAjBD,oDAiBC","sourcesContent":["import { ReactNode } from 'react';\n\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport { renderInlineRoomMiniEngineElement } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement';\nimport { ConfigCompany } from '@/models/Client/Hotel/Company';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface InlineRoomMiniEngineConfig extends BaseEngineConfig {\n    company: ConfigCompany;\n    layout?: 'default' | 'card'; // Added layout, Default: default\n    policy?: ReactNode;\n    priceDescription?: ReactNode;\n\n    showInfants?: boolean;\n    maxInfants?: number;\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        this.initializeShadowDom();\n        renderInlineRoomMiniEngineElement(RoomstayThemeEngine.createElementOrReuseExisting('div', 'inline-mini-engine'), this);\n    }\n}\n"]}

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

@@ -74,6 +74,7 @@ const Text_1 = __importStar(require("../../components/generic/Text"));
 const Tooltip_1 = __importDefault(require("../../components/generic/Tooltip/Tooltip"));
 const RatesNotFoundBlock_1 = __importDefault(require("../../components/steps/room/RatesNotFoundBlock"));
 const RoomRates_1 = __importDefault(require("../../components/steps/room/roomDetails/roomRates/RoomRates"));
+const ShadowDomContextProvider_1 = require("../../contexts/ShadowDomContext/ShadowDomContextProvider");
 const RoomListSearchEvent_1 = require("../../events/actions/RoomListSearchEvent");
 const useSignedInMember_1 = require("../../hooks/useSignedInMember");
 const BasketRow_1 = __importStar(require("../../models/BasketRow"));
@@ -433,16 +434,17 @@ function InlineRoomMiniEngineElement(props) {
     }, [isCompact, isLoading, rooms, basketContext.currentBasketRows, isPromoModalOpen, hotel, standardRates]);
 }
 const renderInlineRoomMiniEngineElement = (container, engine) => {
-    (0, react_dom_1.render)(react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
-        react_1.default.createElement(react_router_dom_1.HashRouter, { future: {
-                v7_startTransition: false,
-                v7_relativeSplatPath: false,
-            } },
-            react_1.default.createElement(NotificationContext_1.NotificationContextWrapper, null,
-                react_1.default.createElement(ErrorContext_1.ErrorContextWrapper, null,
-                    react_1.default.createElement(contexts_1.CompanyContextWrapper, { configCompany: engine.getConfig().company },
-                        react_1.default.createElement(contexts_1.BasketContextWrapper, null,
-                            react_1.default.createElement(InlineRoomMiniEngineElement, { engine: engine }))))))), container);
+    (0, react_dom_1.render)(react_1.default.createElement(ShadowDomContextProvider_1.ShadowDomContextProvider, { value: engine.getShadowDomContextValue() },
+        react_1.default.createElement(contexts_1.BookingEngineContextWrapper, { engine: engine },
+            react_1.default.createElement(react_router_dom_1.HashRouter, { future: {
+                    v7_startTransition: false,
+                    v7_relativeSplatPath: false,
+                } },
+                react_1.default.createElement(NotificationContext_1.NotificationContextWrapper, null,
+                    react_1.default.createElement(ErrorContext_1.ErrorContextWrapper, null,
+                        react_1.default.createElement(contexts_1.CompanyContextWrapper, { configCompany: engine.getConfig().company },
+                            react_1.default.createElement(contexts_1.BasketContextWrapper, null,
+                                react_1.default.createElement(InlineRoomMiniEngineElement, { engine: engine })))))))), container);
 };
 exports.renderInlineRoomMiniEngineElement = renderInlineRoomMiniEngineElement;
 const GuestSelectorCustom = ({ maxAdults, maxChildren, maxInfants = 10, defaultValue, onChange, disableChild, showInfants, disableRoom, applyButton, promoCodeConfig, row, }) => {