@roomstay/frontend 2.6.55 → 2.6.56

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

@@ -33,7 +33,7 @@ declare class RoomstayThemeEngine {
      */
     wrapAssetUrl: (url: string) => string;
     registerScripts: () => Promise<void>;
-    loadScript: (src: string, name: string) => Promise<void>;
+    loadScript: (src: string, name: string, alwaysExecute?: boolean) => Promise<void>;
     createElementOrReuseExisting: <K extends keyof HTMLElementTagNameMap>(type: K, name: string) => Element;
     init: () => Promise<void>;
     private reloadScriptAndStyleContainers;

package/dist/src/providers/RoomstayThemeEngine.js

@@ -109,18 +109,26 @@ class RoomstayThemeEngine {
                 this.loadScript(url, `legacy-${index}`);
             });
         });
-        this.loadScript = (src, name) => new Promise((resolve) => {
+        this.loadScript = (src, name, alwaysExecute = false) => new Promise((resolve) => {
             var _a;
-            const script = this.createElementOrReuseExisting('script', `script-${name}`);
-            if (script.hasAttribute('src') && script.getAttribute('src') === src) {
-                resolve();
-            }
-            else {
-                script.setAttribute('src', src);
-                script.addEventListener('load', () => {
+            const container = this.EngineContainer;
+            const existingScript = container.querySelector(`script[name="roomstay-script-${name}"]`);
+            if (existingScript) {
+                if (alwaysExecute) {
+                    existingScript.remove();
+                }
+                else {
                     resolve();
-                });
+                    return;
+                }
             }
+            const script = document.createElement('script');
+            script.setAttribute('name', `roomstay-script-${name}`);
+            container.appendChild(script);
+            script.setAttribute('src', src);
+            script.addEventListener('load', () => {
+                resolve();
+            });
             (_a = this.ScriptContainer) === null || _a === void 0 ? void 0 : _a.appendChild(script);
         });
         this.createElementOrReuseExisting = (type, name) => {

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

@@ -1 +1 @@
-{"version":3,"file":"RoomstayThemeEngine.js","sourceRoot":"/","sources":["src/providers/RoomstayThemeEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA+C;AAE/C,wDAA0C;AAC1C,kDAA0B;AAC1B,+EAAuD;AACvD,iFAAyD;AACzD,sDAA2B;AAC3B,iDAAiD;AAGjD,mEAA0E;AAC1E,wCAA6D;AAY7D,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;IACvC,MAAM,CAAC,cAAc,GAAG,GAAG,CAAC,cAAc,CAAC;CAC9C;AAED,IAAY,aAGX;AAHD,WAAY,aAAa;IACrB,kCAAiB,CAAA;IACjB,gCAAe,CAAA;AACnB,CAAC,EAHW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAGxB;AAED,MAAM,mBAAmB;IAmBrB;QAlBO,mBAAc,GAAmB,IAAI,CAAC;QAItC,oBAAe,GAAmB,IAAI,CAAC;QACvC,mBAAc,GAAmB,IAAI,CAAC;QAEtC,iBAAY,GAAa,2BAAQ,CAAC,KAAK,CAAC;QAE/C,uEAAuE;QAChE,gBAAW,GAAY,QAAQ,CAAC,QAAQ,KAAK,WAAW,CAAC;QAEhE,8DAA8D;QACvD,cAAS,GAAG,aAAa,CAAC,KAAK,CAAC;QAEhC,mBAAc,GAAa,EAAE,CAAC;QAC9B,oBAAe,GAAa,CAAC,wEAAwE,CAAC,CAAC;QAMvG,kBAAa,GAAG,CAAC,UAAmB,EAAE,EAAE;YAC3C,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;YACjC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEK,gBAAW,GAAG,CAAO,OAA0B,EAAE,EAAE;YACtD,MAAM,cAAc,GAAG,IAAI,CAAC,4BAA4B,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;YAEnF,cAAc,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAE9C,cAAc,CAAC,SAAS,GAAG;;cAErB,IAAA,qCAA6B,EAAC,OAAO,CAAC;UAC1C,CAAC;QACP,CAAC,CAAA,CAAC;QAEK,mBAAc,GAAG,CAAO,OAA2B,EAAE,EAAE;YAC1D,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;YAC3C,IAAI,OAAO,EAAE;gBACT,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;aAC7B;YAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBACvC,MAAM,KAAK,GAAG,IAAI,CAAC,4BAA4B,CAAC,MAAM,EAAE,yBAAyB,KAAK,EAAE,CAAC,CAAC;gBAC1F,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBACxC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACP,CAAC,CAAA,CAAC;QAEK,gBAAW,GAAG,GAAG,EAAE;YACtB,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC;QAEK,qBAAgB,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,EAAE;YACnC,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,aAAa,GAAG,GAAG,CAAC;QACpD,CAAC,CAAC;QAEF;;;WAGG;QACI,iBAAY,GAAG,CAAC,GAAW,EAAE,EAAE;YAClC,IAAI,GAAG,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE;gBAChC,OAAO,GAAG,CAAC;aACd;YAED,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC;QACpC,CAAC,CAAC;QAEK,oBAAe,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,KAAK,EAAE,EAAE;gBAChD,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,KAAK,EAAE,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACP,CAAC,CAAA,CAAC;QAEK,eAAU,GAAG,CAAC,GAAW,EAAE,IAAY,EAAiB,EAAE,CAC7D,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,4BAA4B,CAAC,QAAQ,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;YAC7E,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;gBAClE,OAAO,EAAE,CAAC;aACb;iBAAM;gBACH,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBAChC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;oBACjC,OAAO,EAAE,CAAC;gBACd,CAAC,CAAC,CAAC;aACN;YAED,MAAA,IAAI,CAAC,eAAe,0CAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEA,iCAA4B,GAAG,CAAwC,IAAO,EAAE,IAAY,EAAE,EAAE;YACnG,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC;YACvC,MAAM,cAAc,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,mBAAmB,IAAI,IAAI,CAAC,CAAC;YAEnF,IAAI,cAAc,EAAE;gBAChB,OAAO,cAAc,CAAC;aACzB;iBAAM;gBACH,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAC5C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,IAAI,EAAE,CAAC,CAAC;gBAChD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC9B,OAAO,MAAM,CAAC;aACjB;QACL,CAAC,CAAC;QAEK,SAAI,GAAG,GAAS,EAAE;YACrB,eAAK,CAAC,MAAM,CAAC,wBAAc,CAAC,CAAC;YAC7B,eAAK,CAAC,MAAM,CAAC,uBAAa,CAAC,CAAC;YAE5B,IAAI,iBAAI,EAAE;gBACN,iBAAI,CAAC,GAAG,CAAC,gCAAgB,CAAC,CAAC,IAAI,CAAC;oBAC5B,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;oBACrC,GAAG,EAAE,2BAAQ,CAAC,KAAK;oBACnB,SAAS,EAAE,mCAAgB,CAAC,sBAAsB,EAAE;iBACvD,CAAC,CAAC;aACN;YAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACnB,MAAM,CAAC,IAAI,CAAC;oBACR,GAAG,EAAE,2EAA2E;oBAChF,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;;wBACxB,KAAK,CAAC,IAAI,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;wBAEnD,IAAI;4BACA,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,aAAY,KAAK,EAAE;gCAC1C,IAAI,CAAC,MAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,0CAAE,OAAO,CAAC,qCAAqC,CAAY,IAAG,CAAC,CAAC,EAAE;oCAC/F,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;oCAC1B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;iCACzC;6BACJ;yBACJ;wBAAC,OAAO,EAAE,EAAE;4BACT,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;yBACnB;wBAED,OAAO,KAAK,CAAC;oBACjB,CAAC;iBACJ,CAAC,CAAC;aACN;YAED,IAAI,CAAC,8BAA8B,EAAE,CAAC;QAC1C,CAAC,CAAA,CAAC;QAEM,mCAA8B,GAAG,GAAG,EAAE;YAC1C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;YAClF,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;YAEpF,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,EAAE,CAAC;YACpC,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,EAAE,CAAC;YAEnC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC,CAAC;QApIE,OAAO,CAAC,GAAG,CAAC,yCAAyC,kBAAU,EAAE,CAAC,CAAC;IACvE,CAAC;CAoIJ;AAED,kBAAe,IAAI,mBAAmB,EAAE,CAAC","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 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        :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 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, alwaysExecute = false): Promise<void> =>\n        new Promise((resolve) => {\n            const container = this.EngineContainer;\n            const existingScript = container.querySelector(`script[name=\"roomstay-script-${name}\"]`);\n\n            if (existingScript) {\n                if (alwaysExecute) {\n                    existingScript.remove();\n                } else {\n                    resolve();\n                    return;\n                }\n            }\n\n            const script = document.createElement('script');\n            script.setAttribute('name', `roomstay-script-${name}`);\n            container.appendChild(script);\n\n            script.setAttribute('src', src);\n            script.addEventListener('load', () => {\n                resolve();\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/util/DerbysoftPixel.js

@@ -49,7 +49,7 @@ const logDerbyBookingCompleteEvent = (hotel, reservationResponse, basketRows) =>
         // Since Derby's script assumes global scope, we can apply it to window.
         window._bparams = _bparams;
         const trackingPromise = waitForDerbySoftPixel();
-        yield __1.RoomstayThemeEngine.loadScript('https://linkcenterus.derbysoftsec.com/pixel/v1/pixelmin.js?v=' + Math.round(new Date().getTime()), 'derbysoft-pixel');
+        yield __1.RoomstayThemeEngine.loadScript('https://linkcenterus.derbysoftsec.com/pixel/v1/pixelmin.js?v=' + Math.round(new Date().getTime()), 'derbysoft-pixel', true);
         yield trackingPromise;
         i++;
     }

package/dist/src/util/DerbysoftPixel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DerbysoftPixel.js","sourceRoot":"/","sources":["src/util/DerbysoftPixel.ts"],"names":[],"mappings":"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","sourcesContent":["import ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport BasketRow from '@/models/BasketRow';\n\nimport { Hotel, RoomstayThemeEngine } from '..';\n\nexport const logDerbyBookingCompleteEvent = async (hotel: Hotel, reservationResponse: ReservationsDTO, basketRows: BasketRow[]) => {\n    let i = 0;\n\n    const reservations = reservationResponse.reservations;\n    for (const reservation of reservations) {\n        const basketRow = basketRows[i];\n\n        const adults = basketRow.getAdults();\n        const children = basketRow.getChildren();\n\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        const room = basketRow.getRoom();\n        const rate = basketRow.getRate();\n\n        const totals = reservation.total;\n\n        const _bparams = {\n            pixel_id: 10172,\n            account_id: 'dijitally-roomstay',\n            event_type: 'booking_complete',\n            is_landing_page: 'FALSE',\n            hotel_id: hotel.hotelID,\n            booking_id: reservation.reservationNumber,\n            check_in_date: startDate.format('YYYY-MM-DD'), //in the yyyy-mm-dd format\n            check_out_date: endDate.format('YYYY-MM-DD'), //in the yyyy-mm-dd format\n            stay_length: endDate.diff(startDate, 'days'),\n            total_guests: adults + children,\n            rooms: 1,\n            adults,\n            children,\n            room_type_id: room.code,\n            room_type: room.name,\n            rate_plan_id: rate?.code,\n            rate_plan_name: rate?.name,\n            price_base: totals.beforeTax,\n            price_tax_fees: totals.afterTax - totals.beforeTax,\n            price_total: totals.afterTax,\n            price_currency: hotel.defaultCurrency, //ISO 4217 three-letter currency code\n        };\n        // Since Derby's script assumes global scope, we can apply it to window.\n        (window as any)._bparams = _bparams;\n\n        const trackingPromise = waitForDerbySoftPixel();\n        await RoomstayThemeEngine.loadScript('https://linkcenterus.derbysoftsec.com/pixel/v1/pixelmin.js?v=' + Math.round(new Date().getTime()), 'derbysoft-pixel');\n        await trackingPromise;\n\n        i++;\n    }\n};\n\nconst MAX_TRACKING_REQUEST_WAIT_TIME_MS = 2000;\n\nconst waitForDerbySoftPixel = (): Promise<void> => {\n    return new Promise((resolve) => {\n        const timeout = setTimeout(() => {\n            observer.disconnect();\n            resolve();\n        }, MAX_TRACKING_REQUEST_WAIT_TIME_MS);\n\n        const observer = new MutationObserver((mutations) => {\n            for (const mutation of mutations) {\n                for (const node of mutation.addedNodes) {\n                    if (node instanceof HTMLImageElement && node.src.includes('pixelTagging') && node.width === 1 && node.height === 1) {\n                        if (node.complete) {\n                            clearTimeout(timeout);\n                            observer.disconnect();\n                            resolve();\n                        } else {\n                            node.addEventListener('load', () => {\n                                clearTimeout(timeout);\n                                observer.disconnect();\n                                resolve();\n                            });\n\n                            node.addEventListener('error', () => {\n                                clearTimeout(timeout);\n                                observer.disconnect();\n                                resolve();\n                            });\n                        }\n                    }\n                }\n            }\n        });\n\n        observer.observe(document.body, { childList: true, subtree: false });\n    });\n};\n"]}
+{"version":3,"file":"DerbysoftPixel.js","sourceRoot":"/","sources":["src/util/DerbysoftPixel.ts"],"names":[],"mappings":"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","sourcesContent":["import ReservationsDTO from '@/models/Api/ReservationsDTO';\nimport BasketRow from '@/models/BasketRow';\n\nimport { Hotel, RoomstayThemeEngine } from '..';\n\nexport const logDerbyBookingCompleteEvent = async (hotel: Hotel, reservationResponse: ReservationsDTO, basketRows: BasketRow[]) => {\n    let i = 0;\n\n    const reservations = reservationResponse.reservations;\n    for (const reservation of reservations) {\n        const basketRow = basketRows[i];\n\n        const adults = basketRow.getAdults();\n        const children = basketRow.getChildren();\n\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        const room = basketRow.getRoom();\n        const rate = basketRow.getRate();\n\n        const totals = reservation.total;\n\n        const _bparams = {\n            pixel_id: 10172,\n            account_id: 'dijitally-roomstay',\n            event_type: 'booking_complete',\n            is_landing_page: 'FALSE',\n            hotel_id: hotel.hotelID,\n            booking_id: reservation.reservationNumber,\n            check_in_date: startDate.format('YYYY-MM-DD'), //in the yyyy-mm-dd format\n            check_out_date: endDate.format('YYYY-MM-DD'), //in the yyyy-mm-dd format\n            stay_length: endDate.diff(startDate, 'days'),\n            total_guests: adults + children,\n            rooms: 1,\n            adults,\n            children,\n            room_type_id: room.code,\n            room_type: room.name,\n            rate_plan_id: rate?.code,\n            rate_plan_name: rate?.name,\n            price_base: totals.beforeTax,\n            price_tax_fees: totals.afterTax - totals.beforeTax,\n            price_total: totals.afterTax,\n            price_currency: hotel.defaultCurrency, //ISO 4217 three-letter currency code\n        };\n        // Since Derby's script assumes global scope, we can apply it to window.\n        (window as any)._bparams = _bparams;\n\n        const trackingPromise = waitForDerbySoftPixel();\n        await RoomstayThemeEngine.loadScript('https://linkcenterus.derbysoftsec.com/pixel/v1/pixelmin.js?v=' + Math.round(new Date().getTime()), 'derbysoft-pixel', true);\n        await trackingPromise;\n\n        i++;\n    }\n};\n\nconst MAX_TRACKING_REQUEST_WAIT_TIME_MS = 2000;\n\nconst waitForDerbySoftPixel = (): Promise<void> => {\n    return new Promise((resolve) => {\n        const timeout = setTimeout(() => {\n            observer.disconnect();\n            resolve();\n        }, MAX_TRACKING_REQUEST_WAIT_TIME_MS);\n\n        const observer = new MutationObserver((mutations) => {\n            for (const mutation of mutations) {\n                for (const node of mutation.addedNodes) {\n                    if (node instanceof HTMLImageElement && node.src.includes('pixelTagging') && node.width === 1 && node.height === 1) {\n                        if (node.complete) {\n                            clearTimeout(timeout);\n                            observer.disconnect();\n                            resolve();\n                        } else {\n                            node.addEventListener('load', () => {\n                                clearTimeout(timeout);\n                                observer.disconnect();\n                                resolve();\n                            });\n\n                            node.addEventListener('error', () => {\n                                clearTimeout(timeout);\n                                observer.disconnect();\n                                resolve();\n                            });\n                        }\n                    }\n                }\n            }\n        });\n\n        observer.observe(document.body, { childList: true, subtree: false });\n    });\n};\n"]}