@roomle/embedding-lib 4.44.0 → 5.1.0-debug.1

package/roomle-configurator-api.es.js

@@ -1,583 +0,0 @@
-class MessageHandler {
-    constructor(side, incomingMessageBus, outgoingMessageBus, messageExecution) {
-        this._outgoingMessageBus = null;
-        this._execMessage = null;
-        this._side = side;
-        this._incomingMessageBus = incomingMessageBus;
-        this._outgoingMessageBus = outgoingMessageBus;
-        this._execMessage = messageExecution;
-        this._incomingMessageBus.addEventListener('message', this._handleMessage.bind(this));
-    }
-    setOutgoingMessageBus(outgoingMessageBus) {
-        this._outgoingMessageBus = outgoingMessageBus;
-    }
-    setMessageExecution(fun) {
-        this._execMessage = fun;
-    }
-    sendMessage(message, args = []) {
-        return new Promise((resolve, reject) => {
-            const messageChannel = new MessageChannel();
-            messageChannel.port1.onmessage = (event) => {
-                if (!event || !event.data) {
-                    messageChannel.port1.close();
-                    messageChannel.port2.close();
-                    return reject(new Error(this._side + ' received message but response can not be interpreted'));
-                }
-                let response;
-                try {
-                    response = JSON.parse(event.data);
-                }
-                catch (e) {
-                    messageChannel.port1.close();
-                    messageChannel.port2.close();
-                    this._prepareError(e);
-                    return reject(e);
-                }
-                if (response.error) {
-                    reject(response.error);
-                }
-                else if (response.result !== undefined) {
-                    resolve(response.result);
-                }
-                else {
-                    resolve();
-                }
-                messageChannel.port1.close();
-                messageChannel.port2.close();
-            };
-            let command = '';
-            try {
-                command = JSON.stringify({ message, args });
-            }
-            catch (e) {
-                return reject(new Error(this._side + ': can not create command because it is not JSON.stringify able'));
-            }
-            if (!this._outgoingMessageBus) {
-                return reject(new Error(this._side + ': outgoing bus not set yet'));
-            }
-            this._outgoingMessageBus.postMessage(command, '*', [messageChannel.port2]);
-        });
-    }
-    _handleMessage(event) {
-        // check if MessageEvent has a port set --> hope this clears confusion about https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API/Using_channel_messaging
-        const receiver = (event.ports && Array.isArray(event.ports) && event.ports.length > 0) ? event.ports[0] : null;
-        if (event.data && receiver) {
-            try {
-                const command = JSON.parse(event.data);
-                if (!this._execMessage) {
-                    return receiver.postMessage(JSON.stringify({ error: this._side + ' is not ready to handle messages' }));
-                }
-                if (!Array.isArray(command.args)) {
-                    command.args = [command.args];
-                }
-                const execResult = this._execMessage(command, event);
-                if (execResult === undefined) {
-                    return; // do nothing because execMessage did not know what to do. Probably a message from another iframe was intercepted
-                }
-                execResult.then((data = {}) => {
-                    // tslint:disable-next-line:no-unnecessary-initializer
-                    let error = undefined;
-                    // tslint:disable-next-line:no-unnecessary-initializer
-                    let result = undefined;
-                    if (typeof data === 'object' && data !== null) {
-                        error = data.error;
-                        result = data.result;
-                    }
-                    if (error) {
-                        receiver.postMessage(JSON.stringify({ error }));
-                    }
-                    else if (result !== undefined) {
-                        receiver.postMessage(JSON.stringify({ result }));
-                    }
-                    else {
-                        receiver.postMessage(JSON.stringify({ result: data }));
-                    }
-                }, (error) => {
-                    receiver.postMessage(JSON.stringify({ error: this._prepareError(error) }));
-                });
-            }
-            catch (error) {
-                receiver.postMessage(JSON.stringify({ error: this._prepareError(error) }));
-            }
-        }
-    }
-    _prepareError(e) {
-        if (typeof e === 'string') {
-            const error = this._side + ': ' + e;
-            console.error(error);
-            return error;
-        }
-        e.message = this._side + ': ' + e.message;
-        console.error(e);
-        return e.message;
-    }
-}
-
-const NAMESPACE_SEPARATOR = '.';
-const HANDSHAKE_MESSAGES = {
-    REQUEST_BOOT: 'requestBoot',
-    SETUP: 'setup',
-    WEBSITE_READY: 'websiteReady',
-};
-const getConfiguratorSettings = async (configuratorId, initData) => {
-    if (typeof configuratorId !== 'string') {
-        throw new Error('Configurator ID is not a string type: "' + (typeof configuratorId) + '"');
-    }
-    const server = initData.customApiUrl ? initData.customApiUrl : 'https://api.roomle.com/v2';
-    const currentTenant = initData.overrideTenant || 9;
-    const url = server + '/configurators/' + configuratorId;
-    const apiKey = 'roomle_portal_v2';
-    const token = '03-' + window.btoa((new Date()).toISOString() + ';anonymous;' + apiKey);
-    const createHeaders = () => {
-        const headers = {
-            apiKey,
-            currentTenant,
-            locale: 'en',
-            language: 'en',
-            device: 1,
-            token,
-            platform: 'web',
-        };
-        return new Headers(headers);
-    };
-    const request = new Request(url, {
-        method: 'GET',
-        headers: createHeaders(),
-        mode: 'cors',
-        cache: 'default',
-    });
-    const response = await fetch(request);
-    const { configurator } = await response.json();
-    return configurator;
-};
-
-const isInIframe = () => {
-    try {
-        return window.self !== window.top;
-    }
-    catch (e) {
-        return true;
-    }
-};
-
-const NAMES_FOR_LOCALHOST = [
-    '127.0.0.1',
-    'localhost',
-    '0.0.0.0',
-];
-const getHostname = () => {
-    const isIframe = isInIframe();
-    let url = window.location.href;
-    if (isIframe) {
-        if (!document.referrer) {
-            return null;
-        }
-        url = document.referrer;
-    }
-    const { hostname } = new URL(url);
-    return hostname;
-};
-const isDemoHostname = (hostname) => {
-    if (NAMES_FOR_LOCALHOST.includes(hostname)) {
-        return true;
-    }
-    if (hostname.endsWith('roomle.com')) {
-        return true;
-    }
-    // exception for CI builds
-    if (hostname.endsWith('gitlab.io') || hostname.endsWith('gitlab.com')) {
-        return true;
-    }
-    return false;
-};
-
-/**
- * Recursively merge properties of two objects.
- * If a property exists in both it, property of obj2 is used.
- * Returns a new object (copy)
- * @param obj1
- * @param obj2
- */
-const deepMergeCopy = (obj1, obj2) => {
-    const result = JSON.parse(JSON.stringify(obj1));
-    return deepMerge(result, obj2);
-};
-/**
- * Recursively merge properties of two objects.
- * If a property exists in both it, property of obj2 is used.
- * Warning: This returns obj1 and not a copy!
- * @param obj1
- * @param obj2
- */
-const deepMerge = (obj1, obj2) => {
-    // tslint:disable-next-line
-    for (const p in obj2) {
-        try {
-            // Property in destination object set; update its value.
-            if (obj2[p].constructor === Object) {
-                obj1[p] = deepMerge(obj1[p], obj2[p]);
-            }
-            else {
-                obj1[p] = obj2[p];
-            }
-        }
-        catch (e) {
-            // Property in destination object not set; create it and set its value.
-            obj1[p] = obj2[p];
-        }
-    }
-    return obj1;
-};
-
-const BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN = ['language', 'browserLanguage', 'userLanguage', 'systemLanguage'];
-const getLanguage = (lang = null) => {
-    const navigator = window.navigator;
-    if (lang) {
-        return lang.substr(0, 2);
-    }
-    if (Array.isArray(navigator.languages) && navigator.languages.length > 0) {
-        return navigator.languages[0].substr(0, 2);
-    }
-    for (let i = 0, length = BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN.length; i < length; i++) {
-        const language = navigator[BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN[i]];
-        if (language) {
-            return language.substr(0, 2);
-        }
-    }
-    return 'en';
-};
-
-const CONFIGURATOR_IDLE = '(idle)';
-const castAndFixInitData = (initData) => {
-    castInitData(initData);
-    if (initData === null || initData === void 0 ? void 0 : initData.customApiUrl) {
-        initData.customApiUrl = decodeURIComponent(initData.customApiUrl);
-    }
-    if (initData.shareUrl) {
-        initData.deeplink = initData.shareUrl.replace(LEGACY_SHARE_PLACEHOLDER, SHARE_PLACEHOLDER);
-    }
-    return initData;
-};
-const castInitData = (obj) => {
-    if (!obj) {
-        return;
-    }
-    const keys = Object.keys(obj);
-    for (const key of keys) {
-        const value = obj[key];
-        // need to type-check for null because typeof null evaluates to object
-        // see here why this is like it is: https://2ality.com/2013/10/typeof-null.html
-        if (!Array.isArray(value) && typeof value === 'object' && value !== null) {
-            return castInitData(value);
-        }
-        if (Array.isArray(value)) {
-            for (const entry of value) {
-                castInitData(entry);
-            }
-            return;
-        }
-        if (value === 'true' || value === 'false') {
-            obj[key] = value === 'true';
-        }
-    }
-};
-const mergeInitData = (configuratorSettings, currentInitData) => {
-    currentInitData.configuratorId = configuratorSettings.id;
-    const remoteInitData = configuratorSettings.settings || {};
-    // This is a performance optimization so we do not need to fetch
-    // configurator settings twice
-    if (!currentInitData.overrideTenant && configuratorSettings.tenant) {
-        // use as any because we send tenant id as string but SDK requires to send a number
-        // casting to number could become a problem when we change tenant IDs to something
-        // random instead of a integer which is incremented
-        currentInitData.overrideTenant = configuratorSettings.tenant;
-    }
-    return deepMergeCopy(remoteInitData, currentInitData);
-};
-const getFallbackInitData = () => {
-    const fallbackInitData = {};
-    if (!fallbackInitData.locale) {
-        fallbackInitData.locale = getLanguage();
-    }
-    if (fallbackInitData.id === CONFIGURATOR_IDLE) {
-        delete fallbackInitData.id;
-    }
-    const hostname = getHostname();
-    if (hostname && isDemoHostname(hostname)) {
-        fallbackInitData.configuratorId = 'demoConfigurator';
-    }
-    fallbackInitData.customApiUrl = 'https://www.roomle.com/api/v2';
-    fallbackInitData.emails = false;
-    return fallbackInitData;
-};
-const LEGACY_SHARE_PLACEHOLDER = '<CONF_ID>';
-const SHARE_PLACEHOLDER = '#CONFIGURATIONID#';
-
-// see why: so#/58065241/10800831
-const isAndroid = () => /(android)/i.test(navigator.userAgent);
-
-const setDefaultBehaviour = (object, callbackName, defaultBehaviour) => {
-    let customBehaviour = null;
-    Object.defineProperty(object, callbackName, {
-        get() {
-            return customBehaviour || defaultBehaviour;
-        },
-        set(data) {
-            if (!(data === null || data === void 0 ? void 0 : data.mute)) {
-                console.warn('You override Roomle defined behaviour. To disalbe this warning pass in an object with the following properties');
-                console.warn('{ mute: true, value: () => void }');
-                customBehaviour = data;
-            }
-            else {
-                customBehaviour = data.value;
-            }
-        },
-    });
-};
-const calcVh = () => (window.innerHeight * 0.01) + 'px'; // needed because of URL bar in android, inspired by: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-const setCustomProp = (element) => {
-    if (!element) {
-        return;
-    }
-    // Needed to wait for the next run loop otherwise data is wrong
-    setTimeout(() => element.style.setProperty(RML_CUSTOM_PROPERTY_HEIGHT, calcVh()), 0);
-};
-const RML_STYLES_ID = 'rml-styles';
-const RML_ANIMATION_DELAY = 450;
-const RML_CUSTOM_PROPERTY_HEIGHT = '--rml-full-height';
-const RML_CSS_CLASSES = {
-    CONTAINER: 'rml-container',
-    FILL: 'rml-fill',
-    POSITION: 'rml-pos',
-    TRANSITION: 'rml-transition',
-    ANDROID_HEIGHT: 'rml-android-height',
-    OVERFLOW_HIDDEN: 'rml-overflow-hidden',
-};
-const globalSetupDone = new Map();
-class RoomleEmbeddingApi {
-    constructor(settings, container, initData, waitForIframe) {
-        this.ui = {
-            callbacks: null,
-        };
-        this.extended = {
-            callbacks: null,
-        };
-        this.analytics = {
-            callbacks: {},
-        };
-        this.global = {
-            callbacks: {},
-        };
-        this._initData = {};
-        if (!settings || typeof settings.id !== 'string') {
-            throw new Error('Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person');
-        }
-        if (globalSetupDone.has(container)) {
-            throw new Error('There is already an instance on this DOM element');
-        }
-        const stylesAlreadyAdded = !!document.getElementById(RML_STYLES_ID);
-        if (!stylesAlreadyAdded) {
-            const zIndex = initData.zIndex || 9999999;
-            const styles = document.createElement('style');
-            styles.type = 'text/css';
-            styles.id = RML_STYLES_ID;
-            const cssTransition = 'transition:all ease-in-out ' + RML_ANIMATION_DELAY + 'ms;';
-            const cssTransitionForAllBrowsers = ['-webkit-', '-o-'].reduce((acc, browser) => acc += browser + cssTransition, '') + cssTransition;
-            const vh = calcVh();
-            styles.innerHTML = `
-        .${RML_CSS_CLASSES.CONTAINER}{${RML_CUSTOM_PROPERTY_HEIGHT}:${vh};}
-        .${RML_CSS_CLASSES.POSITION}{position:fixed;top:0;left:0;z-index:${zIndex};opacity:0}
-        .${RML_CSS_CLASSES.TRANSITION}{${cssTransitionForAllBrowsers}}
-        .${RML_CSS_CLASSES.FILL}{width:100%;height:100%;opacity:1}
-        .${RML_CSS_CLASSES.ANDROID_HEIGHT}{height:calc(var(${RML_CUSTOM_PROPERTY_HEIGHT},1vh)*100)}
-        .${RML_CSS_CLASSES.OVERFLOW_HIDDEN}{overflow:hidden}
-      `;
-            document.head.appendChild(styles);
-        }
-        this._onResize = this._onResize.bind(this);
-        if (isAndroid()) {
-            window.addEventListener('resize', this._onResize);
-        }
-        this._container = container;
-        this._initData = initData;
-        this._configuratorSettings = settings;
-        const iframe = this._createIframe();
-        this._onUseFullPage = this._onUseFullPage.bind(this);
-        this._executeMessage = this._executeMessage.bind(this);
-        this._onBackToWebsite = this._onBackToWebsite.bind(this);
-        this._messageHandler = new MessageHandler('website', window, null, this._executeMessage);
-        this._waitForIframe = waitForIframe;
-        this._container.appendChild(iframe);
-        this._iframe = iframe;
-        globalSetupDone.set(container, true);
-    }
-    static createPlanner(configuratorId, container, initData) {
-        return this._create(configuratorId, container, initData);
-    }
-    /**
-     * Method to create a new instance of a Roomle Configurator
-     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
-     * @param container DOM container in which the configurator should be placed
-     * @param initData settings with which the configurator should be started
-     */
-    static createConfigurator(configuratorId, container, initData) {
-        return this._create(configuratorId, container, initData);
-    }
-    /**
-     * Method to create a new instance of a Roomle Configurator
-     * @deprecated please use "createConfigurator"
-     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
-     * @param container DOM container in which the configurator should be placed
-     * @param initData settings with which the configurator should be started
-     */
-    static create(configuratorId, container, initData) {
-        return this._create(configuratorId, container, initData);
-    }
-    /**
-     * Method to create a new instance of a Roomle Viewer
-     * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
-     * @param container DOM container in which the configurator should be placed
-     * @param initData settings with which the configurator should be started
-     */
-    static createViewer(configuratorId, container, initData) {
-        return this._create(configuratorId, container, initData);
-    }
-    static _create(configuratorId, container, initData) {
-        return new Promise(async (resolve, reject) => {
-            try {
-                const fallbackInitData = deepMerge(getFallbackInitData(), castAndFixInitData(initData));
-                if (!fallbackInitData.featureFlags) {
-                    fallbackInitData.featureFlags = {};
-                }
-                if (typeof fallbackInitData.featureFlags.realPartList !== 'boolean') {
-                    fallbackInitData.featureFlags.realPartList = true;
-                }
-                if (typeof fallbackInitData.featureFlags.globalCallbacks !== 'boolean') {
-                    fallbackInitData.featureFlags.globalCallbacks = true;
-                }
-                const configuratorSettings = await getConfiguratorSettings(configuratorId, fallbackInitData);
-                initData = mergeInitData(configuratorSettings, fallbackInitData);
-                return new this(configuratorSettings, container, initData, resolve);
-            }
-            catch (e) {
-                return reject(e);
-            }
-        });
-    }
-    teardown() {
-        if (this._container) {
-            globalSetupDone.delete(this._container);
-        }
-        const iframe = this._container.querySelector('iframe');
-        if (iframe) {
-            this._container.removeChild(iframe);
-        }
-        window.removeEventListener('resize', this._onResize);
-    }
-    _createIframe() {
-        var _a;
-        const iframe = document.createElement('iframe');
-        let url = ((_a = this._configuratorSettings) === null || _a === void 0 ? void 0 : _a.url) || 'https://www.roomle.com/t/cp/';
-        if (this._initData.useLocalRoomle) {
-            url = location.href.replace('embedding.html', '');
-        }
-        if (location.href.includes('roomle.gitlab.io')) {
-            url = location.href.replace('embedding.html', 'index.html');
-        }
-        if (this._initData.overrideServerUrl) {
-            url = this._initData.overrideServerUrl;
-        }
-        iframe.src = url;
-        iframe.classList.add(RML_CSS_CLASSES.CONTAINER);
-        iframe.classList.add(RML_CSS_CLASSES.FILL);
-        return iframe;
-    }
-    _onResize() {
-        setCustomProp(this._iframe);
-    }
-    _onUseFullPage() {
-        this._iframe.classList.add(RML_CSS_CLASSES.POSITION);
-        document.documentElement.classList.add(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
-        window.document.body.classList.add(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
-        if (isAndroid()) {
-            setCustomProp(this._iframe);
-            this._iframe.classList.add(RML_CSS_CLASSES.ANDROID_HEIGHT);
-        }
-    }
-    _onBackToWebsite() {
-        this._iframe.classList.remove(RML_CSS_CLASSES.POSITION);
-        this._iframe.classList.remove(RML_CSS_CLASSES.ANDROID_HEIGHT);
-        document.documentElement.classList.remove(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
-        window.document.body.classList.remove(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
-    }
-    _executeMessage({ message, args }, event) {
-        var _a;
-        if (!event.source) {
-            // @ts-ignore
-            return; // no source? just wait ;-)
-        }
-        if (event.source !== ((_a = this._iframe) === null || _a === void 0 ? void 0 : _a.contentWindow)) {
-            // @ts-ignore
-            return; // need to wait since response is not for the current iframe;
-        }
-        if (message === HANDSHAKE_MESSAGES.REQUEST_BOOT) {
-            this._messageHandler.setOutgoingMessageBus(event.source);
-            return Promise.resolve({ result: this._initData });
-        }
-        if (message === HANDSHAKE_MESSAGES.SETUP) {
-            const { methods, callbacks } = args[0];
-            methods.forEach((method) => {
-                const namespaces = method.split(NAMESPACE_SEPARATOR);
-                const object = namespaces[0];
-                const methodName = namespaces[1];
-                if (!this[object]) {
-                    this[object] = {};
-                }
-                this[object][methodName] = function () {
-                    // @todo -- this was the fix that values are passed to caller, e.g.: interface.extended.getParametersOfRootComponent
-                    // most of the things we need for a meaningful test are not available in JEST (since it runs in node). We should
-                    // write a Cypress test for it
-                    return this._messageHandler.sendMessage(method, [...arguments]);
-                }.bind(this);
-            });
-            callbacks.forEach((callback) => {
-                const namespaces = callback.split(NAMESPACE_SEPARATOR);
-                const object = namespaces[0];
-                const callbacksName = namespaces[1];
-                const eventName = namespaces[2];
-                if (!this[object]) {
-                    this[object] = {};
-                }
-                if (!this[object][callbacksName]) {
-                    this[object][callbacksName] = {};
-                }
-                // @ts-ignore
-                this[object][callbacksName][eventName] = () => undefined;
-            });
-            setDefaultBehaviour(this.ui.callbacks, 'onUseFullPage', this._onUseFullPage);
-            setDefaultBehaviour(this.ui.callbacks, 'onBackToWebsite', this._onBackToWebsite);
-            this._waitForIframe(this);
-            setTimeout(() => this._messageHandler.sendMessage(HANDSHAKE_MESSAGES.WEBSITE_READY), 0); // Run it after the promise is resolved so everyone can subscribe
-            return Promise.resolve({ result: null });
-        }
-        const messageNamespaces = message.split(NAMESPACE_SEPARATOR);
-        const namespace = messageNamespaces[0];
-        const objectOfAction = messageNamespaces[1];
-        const methodOfAction = (messageNamespaces.length === 3) ? messageNamespaces[2] : null;
-        if (methodOfAction) {
-            if (this[namespace][objectOfAction][methodOfAction]) {
-                const result = this[namespace][objectOfAction][methodOfAction](...args);
-                if (result instanceof Promise) {
-                    return result.then((data) => ({ result: data }));
-                }
-                else if (result !== undefined) {
-                    return Promise.resolve({ result });
-                }
-                return Promise.resolve({ result: null });
-            }
-        }
-        return Promise.reject('Message "' + message + '" is unkown');
-    }
-}
-
-export { RoomleEmbeddingApi as default };

package/roomle-configurator-api.es.min.js

@@ -1 +0,0 @@
-class t{constructor(t,e,r,s){this.t=null,this.s=null,this.i=t,this.o=e,this.t=r,this.s=s,this.o.addEventListener("message",this.l.bind(this))}setOutgoingMessageBus(t){this.t=t}setMessageExecution(t){this.s=t}sendMessage(t,e=[]){return new Promise((r,s)=>{const i=new MessageChannel;i.port1.onmessage=t=>{if(!t||!t.data)return i.port1.close(),i.port2.close(),s(new Error(this.i+" received message but response can not be interpreted"));let e;try{e=JSON.parse(t.data)}catch(t){return i.port1.close(),i.port2.close(),this.h(t),s(t)}e.error?s(e.error):void 0!==e.result?r(e.result):r(),i.port1.close(),i.port2.close()};let o="";try{o=JSON.stringify({message:t,args:e})}catch(t){return s(new Error(this.i+": can not create command because it is not JSON.stringify able"))}if(!this.t)return s(new Error(this.i+": outgoing bus not set yet"));this.t.postMessage(o,"*",[i.port2])})}l(t){const e=t.ports&&Array.isArray(t.ports)&&t.ports.length>0?t.ports[0]:null;if(t.data&&e)try{const r=JSON.parse(t.data);if(!this.s)return e.postMessage(JSON.stringify({error:this.i+" is not ready to handle messages"}));Array.isArray(r.args)||(r.args=[r.args]);const s=this.s(r,t);if(void 0===s)return;s.then((t={})=>{let r=void 0,s=void 0;"object"==typeof t&&null!==t&&(r=t.error,s=t.result),r?e.postMessage(JSON.stringify({error:r})):void 0!==s?e.postMessage(JSON.stringify({result:s})):e.postMessage(JSON.stringify({result:t}))},t=>{e.postMessage(JSON.stringify({error:this.h(t)}))})}catch(t){e.postMessage(JSON.stringify({error:this.h(t)}))}}h(t){if("string"==typeof t){const e=this.i+": "+t;return console.error(e),e}return t.message=this.i+": "+t.message,console.error(t),t.message}}const e=["127.0.0.1","localhost","0.0.0.0"],r=(t,e)=>{for(const s in e)try{e[s].constructor===Object?t[s]=r(t[s],e[s]):t[s]=e[s]}catch(r){t[s]=e[s]}return t},s=["language","browserLanguage","userLanguage","systemLanguage"],i=t=>{if(!t)return;const e=Object.keys(t);for(const r of e){const e=t[r];if(!Array.isArray(e)&&"object"==typeof e&&null!==e)return i(e);if(Array.isArray(e)){for(const t of e)i(t);return}"true"!==e&&"false"!==e||(t[r]="true"===e)}},o=()=>/(android)/i.test(navigator.userAgent),n=(t,e,r)=>{let s=null;Object.defineProperty(t,e,{get:()=>s||r,set(t){(null==t?void 0:t.mute)?s=t.value:(console.warn("You override Roomle defined behaviour. To disalbe this warning pass in an object with the following properties"),console.warn("{ mute: true, value: () => void }"),s=t)}})},a=()=>.01*window.innerHeight+"px",l=t=>{t&&setTimeout(()=>t.style.setProperty(h,a()),0)},h="--rml-full-height",c=new Map;class u{constructor(e,r,s,i){if(this.ui={callbacks:null},this.extended={callbacks:null},this.analytics={callbacks:{}},this.global={callbacks:{}},this.u={},!e||"string"!=typeof e.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(c.has(r))throw new Error("There is already an instance on this DOM element");if(!document.getElementById("rml-styles")){const t=s.zIndex||9999999,e=document.createElement("style");e.type="text/css",e.id="rml-styles";const r="transition:all ease-in-out 450ms;",i=["-webkit-","-o-"].reduce((t,e)=>t+(e+r),"")+r,o=a();e.innerHTML=`\n        .rml-container{${h}:${o};}\n        .rml-pos{position:fixed;top:0;left:0;z-index:${t};opacity:0}\n        .rml-transition{${i}}\n        .rml-fill{width:100%;height:100%;opacity:1}\n        .rml-android-height{height:calc(var(${h},1vh)*100)}\n        .rml-overflow-hidden{overflow:hidden}\n      `,document.head.appendChild(e)}this.m=this.m.bind(this),o()&&window.addEventListener("resize",this.m),this.g=r,this.u=s,this.p=e;const n=this.v();this.O=this.O.bind(this),this.N=this.N.bind(this),this.P=this.P.bind(this),this._=new t("website",window,null,this.N),this.J=i,this.g.appendChild(n),this.S=n,c.set(r,!0)}static createPlanner(t,e,r){return this.k(t,e,r)}static createConfigurator(t,e,r){return this.k(t,e,r)}static create(t,e,r){return this.k(t,e,r)}static createViewer(t,e,r){return this.k(t,e,r)}static k(t,o,n){return new Promise(async(a,l)=>{try{const l=r((()=>{const t={};t.locale||(t.locale=((t=null)=>{const e=window.navigator;if(t)return t.substr(0,2);if(Array.isArray(e.languages)&&e.languages.length>0)return e.languages[0].substr(0,2);for(let t=0,r=s.length;t<r;t++){const r=e[s[t]];if(r)return r.substr(0,2)}return"en"})()),"(idle)"===t.id&&delete t.id;const r=(()=>{const t=(()=>{try{return window.self!==window.top}catch(t){return!0}})();let e=window.location.href;if(t){if(!document.referrer)return null;e=document.referrer}const{hostname:r}=new URL(e);return r})();return r&&(t=>!!e.includes(t)||!!t.endsWith("roomle.com")||!(!t.endsWith("gitlab.io")&&!t.endsWith("gitlab.com")))(r)&&(t.configuratorId="demoConfigurator"),t.customApiUrl="https://www.roomle.com/api/v2",t.emails=!1,t})(),(t=>(i(t),(null==t?void 0:t.customApiUrl)&&(t.customApiUrl=decodeURIComponent(t.customApiUrl)),t.shareUrl&&(t.deeplink=t.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),t))(n));l.featureFlags||(l.featureFlags={}),"boolean"!=typeof l.featureFlags.realPartList&&(l.featureFlags.realPartList=!0),"boolean"!=typeof l.featureFlags.globalCallbacks&&(l.featureFlags.globalCallbacks=!0);const h=await(async(t,e)=>{if("string"!=typeof t)throw new Error('Configurator ID is not a string type: "'+typeof t+'"');const r=e.customApiUrl?e.customApiUrl:"https://api.roomle.com/v2",s=e.overrideTenant||9,i=r+"/configurators/"+t,o="03-"+window.btoa((new Date).toISOString()+";anonymous;roomle_portal_v2"),n=new Request(i,{method:"GET",headers:new Headers({apiKey:"roomle_portal_v2",currentTenant:s,locale:"en",language:"en",device:1,token:o,platform:"web"}),mode:"cors",cache:"default"}),a=await fetch(n),{configurator:l}=await a.json();return l})(t,l);return n=((t,e)=>{e.configuratorId=t.id;const s=t.settings||{};return!e.overrideTenant&&t.tenant&&(e.overrideTenant=t.tenant),((t,e)=>{const s=JSON.parse(JSON.stringify(t));return r(s,e)})(s,e)})(h,l),new this(h,o,n,a)}catch(t){return l(t)}})}teardown(){this.g&&c.delete(this.g);const t=this.g.querySelector("iframe");t&&this.g.removeChild(t),window.removeEventListener("resize",this.m)}v(){var t;const e=document.createElement("iframe");let r=(null===(t=this.p)||void 0===t?void 0:t.url)||"https://www.roomle.com/t/cp/";return this.u.useLocalRoomle&&(r=location.href.replace("embedding.html","")),location.href.includes("roomle.gitlab.io")&&(r=location.href.replace("embedding.html","index.html")),this.u.overrideServerUrl&&(r=this.u.overrideServerUrl),e.src=r,e.classList.add("rml-container"),e.classList.add("rml-fill"),e}m(){l(this.S)}O(){this.S.classList.add("rml-pos"),document.documentElement.classList.add("rml-overflow-hidden"),window.document.body.classList.add("rml-overflow-hidden"),o()&&(l(this.S),this.S.classList.add("rml-android-height"))}P(){this.S.classList.remove("rml-pos"),this.S.classList.remove("rml-android-height"),document.documentElement.classList.remove("rml-overflow-hidden"),window.document.body.classList.remove("rml-overflow-hidden")}N({message:t,args:e},r){var s;if(!r.source)return;if(r.source!==(null===(s=this.S)||void 0===s?void 0:s.contentWindow))return;if("requestBoot"===t)return this._.setOutgoingMessageBus(r.source),Promise.resolve({result:this.u});if("setup"===t){const{methods:t,callbacks:r}=e[0];return t.forEach(t=>{const e=t.split("."),r=e[0],s=e[1];this[r]||(this[r]={}),this[r][s]=function(){return this._.sendMessage(t,[...arguments])}.bind(this)}),r.forEach(t=>{const e=t.split("."),r=e[0],s=e[1],i=e[2];this[r]||(this[r]={}),this[r][s]||(this[r][s]={}),this[r][s][i]=()=>{}}),n(this.ui.callbacks,"onUseFullPage",this.O),n(this.ui.callbacks,"onBackToWebsite",this.P),this.J(this),setTimeout(()=>this._.sendMessage("websiteReady"),0),Promise.resolve({result:null})}const i=t.split("."),o=i[0],a=i[1],l=3===i.length?i[2]:null;if(l&&this[o][a][l]){const t=this[o][a][l](...e);return t instanceof Promise?t.then(t=>({result:t})):void 0!==t?Promise.resolve({result:t}):Promise.resolve({result:null})}return Promise.reject('Message "'+t+'" is unkown')}}export{u as default};