@roomstay/frontend 2.5.7 → 2.5.8-0

package/dist/src/pages/findReservation/ReservationRowModal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReservationDTO } from '../../models/Api/ReservationsDTO';
 interface ReservationRowModalProps {
     reservation: ReservationDTO;
@@ -5,5 +6,5 @@ interface ReservationRowModalProps {
     open: boolean;
     images?: string[];
 }
-export default function ReservationRowModal(props: ReservationRowModalProps): JSX.Element;
+export default function ReservationRowModal(props: ReservationRowModalProps): React.JSX.Element;
 export {};

package/dist/src/pages/hotel/HotelInfo.d.ts

@@ -1 +1,2 @@
-export default function HotelInfo(): JSX.Element;
+import React from 'react';
+export default function HotelInfo(): React.JSX.Element;

package/dist/src/pages/hotel/HotelInfoPlaceholder.d.ts

@@ -1 +1,2 @@
-export default function HotelInfoPlaceholder(): JSX.Element;
+import React from 'react';
+export default function HotelInfoPlaceholder(): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
@@ -5,7 +6,7 @@ import Step from '../Step';
 import StepAddonValidator from './StepAddonValidator';
 declare class StepAddon extends Step {
     constructor();
-    getComponent(): () => JSX.Element;
+    getComponent(): () => import("react").JSX.Element;
     getValidator(): StepAddonValidator;
     getStepTranslation(): string;
     getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;

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

@@ -1 +1,2 @@
-export default function StepAddonComponent(): JSX.Element;
+import React from 'react';
+export default function StepAddonComponent(): React.JSX.Element;

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

@@ -1,2 +1,3 @@
-declare const StepAddonPlaceholder: () => JSX.Element;
+import React from 'react';
+declare const StepAddonPlaceholder: () => React.JSX.Element;
 export default StepAddonPlaceholder;

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

@@ -1,2 +1,3 @@
-declare function StepConfirmationComponent(): JSX.Element;
+import React from 'react';
+declare function StepConfirmationComponent(): React.JSX.Element;
 export default StepConfirmationComponent;

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

@@ -1 +1,2 @@
-export default function StepConfirmationLoader(): JSX.Element;
+import React from 'react';
+export default function StepConfirmationLoader(): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
@@ -5,7 +6,7 @@ import Step from '../Step';
 import StepDateValidator from './StepDateValidator';
 declare class StepDate extends Step {
     constructor();
-    getComponent(): () => JSX.Element;
+    getComponent(): () => import("react").JSX.Element;
     getValidator(): StepDateValidator;
     getStepTranslation(): string;
     getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;

package/dist/src/pages/steps/StepDate/StepDateComponent.d.ts

@@ -1,2 +1,3 @@
-declare const StepDate: () => JSX.Element;
+import React from 'react';
+declare const StepDate: () => React.JSX.Element;
 export default StepDate;

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.d.ts

@@ -1,2 +1,3 @@
-declare const StepGroupedRoomComponent: () => JSX.Element;
+import React from 'react';
+declare const StepGroupedRoomComponent: () => React.JSX.Element;
 export default StepGroupedRoomComponent;

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomLoader.d.ts

@@ -1 +1,2 @@
-export default function StepGroupedRoomLoader(): JSX.Element;
+import React from 'react';
+export default function StepGroupedRoomLoader(): React.JSX.Element;

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

@@ -4,4 +4,4 @@ export interface StepGuideProps {
     step: Step;
     children: React.ReactNode;
 }
-export default function StepGuide(props: StepGuideProps): JSX.Element;
+export default function StepGuide(props: StepGuideProps): React.JSX.Element;

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

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import { IHotelColorScheme } from '@roomstay/core';
 import { Company } from '../../../models/Client/Hotel/Company';
 import Step from '../Step';
 import StepHotelValidator from './StepHotelValidator';
 declare class StepHotel extends Step {
     constructor();
-    getComponent(): () => JSX.Element;
+    getComponent(): () => import("react").JSX.Element;
     getValidator(): StepHotelValidator;
     getStepTranslation(): string;
     getColorProfile(company: Company): IHotelColorScheme;

package/dist/src/pages/steps/StepHotel/StepHotelComponent.d.ts

@@ -1,2 +1,3 @@
-declare const StepHotelComponent: () => JSX.Element;
+import React from 'react';
+declare const StepHotelComponent: () => React.JSX.Element;
 export default StepHotelComponent;

package/dist/src/pages/steps/StepHotel/StepHotelLoader.d.ts

@@ -1,2 +1,3 @@
-declare const StepHotelLoader: () => JSX.Element;
+import React from 'react';
+declare const StepHotelLoader: () => React.JSX.Element;
 export default StepHotelLoader;

package/dist/src/pages/steps/StepRoom/StepRoomComponent.d.ts

@@ -1,2 +1,3 @@
-declare const StepRoomComponent: () => JSX.Element;
+import React from 'react';
+declare const StepRoomComponent: () => React.JSX.Element;
 export default StepRoomComponent;

package/dist/src/pages/steps/StepRoom/StepRoomLoader.d.ts

@@ -1 +1,2 @@
-export default function StepRoomLoader(): JSX.Element;
+import React from 'react';
+export default function StepRoomLoader(): React.JSX.Element;

package/dist/src/pages/steps/StepThanks/StepThanksComponent.d.ts

@@ -1 +1,2 @@
-export default function StepThanksComponent(): JSX.Element;
+import React from 'react';
+export default function StepThanksComponent(): React.JSX.Element;

package/dist/src/providers/DIProvider.d.ts

@@ -1,2 +1,3 @@
-export declare function withDI(name: string, OriginalObject: any, props: any): JSX.Element;
+import React from 'react';
+export declare function withDI(name: string, OriginalObject: any, props: any): React.JSX.Element;
 export declare function registerReplacement(name: string, component: any): void;

package/dist/src/providers/RoomstayThemeEngine.js

@@ -73,7 +73,7 @@ class RoomstayThemeEngine {
             const styleOverrides = this.createElementOrReuseExisting('style', 'engine-styles');
             styleOverrides.setAttribute('rel', 'preload');
             styleOverrides.innerHTML = `
-        :root {
+        :host {
             ${(0, Color_1.getAccentOverrideStyleContent)(profile)}
         }`;
         });

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

@@ -1 +1 @@
-{"version":3,"file":"RoomstayThemeEngine.js","sourceRoot":"/","sources":["src/providers/RoomstayThemeEngine.ts"],"names":[],"mappings":"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","sourcesContent":["import * as ROP from '@juggle/resize-observer';\nimport { IHotelColorScheme } from '@roomstay/core';\nimport * as Sentry from '@sentry/browser';\nimport dayjs from 'dayjs';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport { Language, LanguageProvider } from '@/providers/LanguageProvider';\nimport { getAccentOverrideStyleContent } from '@/util/Color';\n\ndeclare global {\n    interface Window {\n        ResizeObserver: any;\n    }\n}\n\ndeclare const ASSET_URL: string;\n\nexport declare const RS_VERSION: string;\n\nif (typeof ResizeObserver === 'undefined') {\n    window.ResizeObserver = ROP.ResizeObserver;\n}\n\nexport enum RoomstayTheme {\n    Medium = 'medium',\n    Light = 'light',\n}\n\nclass RoomstayThemeEngine {\n    public currentCompany: Company | null = null;\n\n    public EngineContainer!: HTMLElement;\n\n    public ScriptContainer: Element | null = null;\n    public StyleContainer: Element | null = null;\n\n    public selectedLang: Language = Language.en_us;\n\n    // TODO This needs to be changed, not ideal to just check for localhost\n    public isLocalhost: boolean = location.hostname === 'localhost';\n\n    // TODO: This needs to be refactored to not be a fixed string.\n    public ThemeType = RoomstayTheme.Light;\n\n    public ExternalStyles: string[] = [];\n    public ExternalScripts: string[] = ['https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js'];\n\n    public constructor() {\n        console.log(`Initializing Roomstay Booking Engine v${RS_VERSION}`);\n    }\n\n    public changeCompany = (newCompany: Company) => {\n        this.currentCompany = newCompany;\n        this.registerStyles(newCompany.colors);\n    };\n\n    public changeTheme = async (profile: IHotelColorScheme) => {\n        const styleOverrides = this.createElementOrReuseExisting('style', 'engine-styles');\n\n        styleOverrides.setAttribute('rel', 'preload');\n\n        styleOverrides.innerHTML = `\n        :root {\n            ${getAccentOverrideStyleContent(profile)}\n        }`;\n    };\n\n    public registerStyles = async (profile?: IHotelColorScheme) => {\n        console.log('Loading custom Theme Styles');\n        if (profile) {\n            this.changeTheme(profile);\n        }\n\n        this.ExternalStyles.forEach((url, index) => {\n            const style = this.createElementOrReuseExisting('link', `engine-external-style-${index}`);\n            style.setAttribute('rel', 'stylesheet');\n            style.setAttribute('href', this.getAssetUrl() + url);\n        });\n    };\n\n    public getAssetUrl = () => {\n        return this.isLocalhost ? '/' : ASSET_URL;\n    };\n\n    public getImageAssetUrl = (url = '') => {\n        return this.getAssetUrl() + 'assets/img/' + url;\n    };\n\n    /**\n     * Detects if URL is absolute, and needs to be\n     * @param url string\n     */\n    public wrapAssetUrl = (url: string) => {\n        if (url.match(/^(?:[a-z]+:)?\\/\\//)) {\n            return url;\n        }\n\n        return this.getAssetUrl() + url;\n    };\n\n    public registerScripts = async () => {\n        this.ExternalScripts.forEach((url: string, index) => {\n            this.loadScript(url, `legacy-${index}`);\n        });\n    };\n\n    public loadScript = (src: string, name: string): Promise<void> =>\n        new Promise((resolve) => {\n            const script = this.createElementOrReuseExisting('script', `script-${name}`);\n            if (script.hasAttribute('src') && script.getAttribute('src') === src) {\n                resolve();\n            } else {\n                script.setAttribute('src', src);\n                script.addEventListener('load', () => {\n                    resolve();\n                });\n            }\n\n            this.ScriptContainer?.appendChild(script);\n        });\n\n    public createElementOrReuseExisting = <K extends keyof HTMLElementTagNameMap>(type: K, name: string) => {\n        const container = this.EngineContainer;\n        const findingElement = container.querySelector(`${type}[name=\"roomstay-${name}\"]`);\n\n        if (findingElement) {\n            return findingElement;\n        } else {\n            const target = document.createElement(type);\n            target.setAttribute('name', `roomstay-${name}`);\n            container.appendChild(target);\n            return target;\n        }\n    };\n\n    public init = async () => {\n        dayjs.extend(isSameOrBefore);\n        dayjs.extend(isSameOrAfter);\n\n        if (i18n) {\n            i18n.use(initReactI18next).init({\n                interpolation: { escapeValue: false },\n                lng: Language.en_us,\n                resources: LanguageProvider.getI18nMappedLanguages(),\n            });\n        }\n\n        if (!this.isLocalhost) {\n            Sentry.init({\n                dsn: 'https://3bfba949561e48f1862c843ce8254a2d@o398412.ingest.sentry.io/5254086',\n                beforeSend: (event, hint) => {\n                    event.tags = event.tags ?? { logger: '_default_' };\n\n                    try {\n                        if (hint?.originalException instanceof Error) {\n                            if ((hint.originalException.stack?.indexOf('www.googletagmanager.com/gtm.js?id=') as number) > -1) {\n                                event.tags.logger = 'gtm';\n                                event.level = Sentry.Severity.Warning;\n                            }\n                        }\n                    } catch (ex) {\n                        console.log(ex);\n                    }\n\n                    return event;\n                },\n            });\n        }\n\n        this.reloadScriptAndStyleContainers();\n    };\n\n    private reloadScriptAndStyleContainers = () => {\n        this.StyleContainer = this.createElementOrReuseExisting('div', 'style-container');\n        this.ScriptContainer = this.createElementOrReuseExisting('div', 'script-container');\n\n        this.ScriptContainer.innerHTML = '';\n        this.StyleContainer.innerHTML = '';\n\n        this.registerStyles();\n    };\n}\n\nexport default new RoomstayThemeEngine();\n"]}
+{"version":3,"file":"RoomstayThemeEngine.js","sourceRoot":"/","sources":["src/providers/RoomstayThemeEngine.ts"],"names":[],"mappings":"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","sourcesContent":["import * as ROP from '@juggle/resize-observer';\nimport { IHotelColorScheme } from '@roomstay/core';\nimport * as Sentry from '@sentry/browser';\nimport dayjs from 'dayjs';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport { Language, LanguageProvider } from '@/providers/LanguageProvider';\nimport { getAccentOverrideStyleContent } from '@/util/Color';\n\ndeclare global {\n    interface Window {\n        ResizeObserver: any;\n    }\n}\n\ndeclare const ASSET_URL: string;\n\nexport declare const RS_VERSION: string;\n\nif (typeof ResizeObserver === 'undefined') {\n    window.ResizeObserver = ROP.ResizeObserver;\n}\n\nexport enum RoomstayTheme {\n    Medium = 'medium',\n    Light = 'light',\n}\n\nclass RoomstayThemeEngine {\n    public currentCompany: Company | null = null;\n\n    public EngineContainer!: HTMLElement;\n\n    public ScriptContainer: Element | null = null;\n    public StyleContainer: Element | null = null;\n\n    public selectedLang: Language = Language.en_us;\n\n    // TODO This needs to be changed, not ideal to just check for localhost\n    public isLocalhost: boolean = location.hostname === 'localhost';\n\n    // TODO: This needs to be refactored to not be a fixed string.\n    public ThemeType = RoomstayTheme.Light;\n\n    public ExternalStyles: string[] = [];\n    public ExternalScripts: string[] = ['https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js'];\n\n    public constructor() {\n        console.log(`Initializing Roomstay Booking Engine v${RS_VERSION}`);\n    }\n\n    public changeCompany = (newCompany: Company) => {\n        this.currentCompany = newCompany;\n        this.registerStyles(newCompany.colors);\n    };\n\n    public changeTheme = async (profile: IHotelColorScheme) => {\n        const styleOverrides = this.createElementOrReuseExisting('style', 'engine-styles');\n\n        styleOverrides.setAttribute('rel', 'preload');\n\n        styleOverrides.innerHTML = `\n        :host {\n            ${getAccentOverrideStyleContent(profile)}\n        }`;\n    };\n\n    public registerStyles = async (profile?: IHotelColorScheme) => {\n        console.log('Loading custom Theme Styles');\n        if (profile) {\n            this.changeTheme(profile);\n        }\n\n        this.ExternalStyles.forEach((url, index) => {\n            const style = this.createElementOrReuseExisting('link', `engine-external-style-${index}`);\n            style.setAttribute('rel', 'stylesheet');\n            style.setAttribute('href', this.getAssetUrl() + url);\n        });\n    };\n\n    public getAssetUrl = () => {\n        return this.isLocalhost ? '/' : ASSET_URL;\n    };\n\n    public getImageAssetUrl = (url = '') => {\n        return this.getAssetUrl() + 'assets/img/' + url;\n    };\n\n    /**\n     * Detects if URL is absolute, and needs to be\n     * @param url string\n     */\n    public wrapAssetUrl = (url: string) => {\n        if (url.match(/^(?:[a-z]+:)?\\/\\//)) {\n            return url;\n        }\n\n        return this.getAssetUrl() + url;\n    };\n\n    public registerScripts = async () => {\n        this.ExternalScripts.forEach((url: string, index) => {\n            this.loadScript(url, `legacy-${index}`);\n        });\n    };\n\n    public loadScript = (src: string, name: string): Promise<void> =>\n        new Promise((resolve) => {\n            const script = this.createElementOrReuseExisting('script', `script-${name}`);\n            if (script.hasAttribute('src') && script.getAttribute('src') === src) {\n                resolve();\n            } else {\n                script.setAttribute('src', src);\n                script.addEventListener('load', () => {\n                    resolve();\n                });\n            }\n\n            this.ScriptContainer?.appendChild(script);\n        });\n\n    public createElementOrReuseExisting = <K extends keyof HTMLElementTagNameMap>(type: K, name: string) => {\n        const container = this.EngineContainer;\n        const findingElement = container.querySelector(`${type}[name=\"roomstay-${name}\"]`);\n\n        if (findingElement) {\n            return findingElement;\n        } else {\n            const target = document.createElement(type);\n            target.setAttribute('name', `roomstay-${name}`);\n            container.appendChild(target);\n            return target;\n        }\n    };\n\n    public init = async () => {\n        dayjs.extend(isSameOrBefore);\n        dayjs.extend(isSameOrAfter);\n\n        if (i18n) {\n            i18n.use(initReactI18next).init({\n                interpolation: { escapeValue: false },\n                lng: Language.en_us,\n                resources: LanguageProvider.getI18nMappedLanguages(),\n            });\n        }\n\n        if (!this.isLocalhost) {\n            Sentry.init({\n                dsn: 'https://3bfba949561e48f1862c843ce8254a2d@o398412.ingest.sentry.io/5254086',\n                beforeSend: (event, hint) => {\n                    event.tags = event.tags ?? { logger: '_default_' };\n\n                    try {\n                        if (hint?.originalException instanceof Error) {\n                            if ((hint.originalException.stack?.indexOf('www.googletagmanager.com/gtm.js?id=') as number) > -1) {\n                                event.tags.logger = 'gtm';\n                                event.level = Sentry.Severity.Warning;\n                            }\n                        }\n                    } catch (ex) {\n                        console.log(ex);\n                    }\n\n                    return event;\n                },\n            });\n        }\n\n        this.reloadScriptAndStyleContainers();\n    };\n\n    private reloadScriptAndStyleContainers = () => {\n        this.StyleContainer = this.createElementOrReuseExisting('div', 'style-container');\n        this.ScriptContainer = this.createElementOrReuseExisting('div', 'script-container');\n\n        this.ScriptContainer.innerHTML = '';\n        this.StyleContainer.innerHTML = '';\n\n        this.registerStyles();\n    };\n}\n\nexport default new RoomstayThemeEngine();\n"]}

package/dist/src/routes/NaturallyProgressedStepRoute.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import Step from '../pages/steps/Step';
 export interface StepRouteProps {
     step: Step;
 }
-declare const StepRoute: (props: StepRouteProps) => JSX.Element;
+declare const StepRoute: (props: StepRouteProps) => React.JSX.Element;
 export default StepRoute;