@roomle/embedding-lib 4.38.0 → 4.39.0

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

@@ -50,10 +50,10 @@ class MessageHandler {
       };
       let command = '';
       try {
-        command = JSON.stringify({message, args});
+        command = JSON.stringify({ message, args });
       }
       catch (e) {
-        return reject(new Error(this._side + ': can not create command becasue it is not JSON.stringify able'));
+        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'));
@@ -68,7 +68,7 @@ class MessageHandler {
       try {
         const command = JSON.parse(event.data);
         if (!this._execMessage) {
-          return receiver.postMessage(JSON.stringify({error: this._side + ' is not ready to handle messages'}));
+          return receiver.postMessage(JSON.stringify({ error: this._side + ' is not ready to handle messages' }));
         }
         if (!Array.isArray(command.args)) {
           command.args = [command.args];
@@ -87,19 +87,20 @@ class MessageHandler {
             result = data.result;
           }
           if (error) {
-            receiver.postMessage(JSON.stringify({error}));
-          } else if (result !== undefined) {
-            receiver.postMessage(JSON.stringify({result}));
+            receiver.postMessage(JSON.stringify({ error }));
+          }
+          else if (result !== undefined) {
+            receiver.postMessage(JSON.stringify({ result }));
           }
           else {
-            receiver.postMessage(JSON.stringify({result: data}));
+            receiver.postMessage(JSON.stringify({ result: data }));
           }
         }, (error) => {
-          receiver.postMessage(JSON.stringify({error: this._prepareError(error)}));
+          receiver.postMessage(JSON.stringify({ error: this._prepareError(error) }));
         });
       }
       catch (error) {
-        receiver.postMessage(JSON.stringify({error: this._prepareError(error)}));
+        receiver.postMessage(JSON.stringify({ error: this._prepareError(error) }));
       }
     }
   }
@@ -115,49 +116,25 @@ class MessageHandler {
   }
 }
 
-/**
-* Recursively merge properties of two objects.
-* If a property exists in both it, property of obj2 is used
-* @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 NAMESPACE_SEPARATOR = '.';
 const HANDSHAKE_MESSAGES = {
   REQUEST_BOOT: 'requestBoot',
   SETUP: 'setup',
   WEBSITE_READY: 'websiteReady',
 };
-const getConfiguratorSettings = async (configuratorId) => {
+const getConfiguratorSettings = async (configuratorId, initData) => {
   if (typeof configuratorId !== 'string') {
     throw new Error('Configurator ID is not a string type: "' + (typeof configuratorId) + '"');
   }
-  const url = 'https://api.roomle.com/v2/configurators/' + 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: 9,
+      currentTenant,
       locale: 'en',
       language: 'en',
       device: 1,
@@ -173,16 +150,173 @@ const getConfiguratorSettings = async (configuratorId) => {
     cache: 'default',
   });
   const response = await fetch(request);
-  const {configurator} = await response.json();
+  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 || {};
-  return deepMerge(remoteInitData, currentInitData);
+  // 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: https://stackoverflow.com/a/58065241/10800831
+// see why: so#/58065241/10800831
 const isAndroid = () => /(android)/i.test(navigator.userAgent);
 
 const setDefaultBehaviour = (object, callbackName, defaultBehaviour) => {
@@ -222,7 +356,8 @@ const RML_CSS_CLASSES = {
   ANDROID_HEIGHT: 'rml-android-height',
   OVERFLOW_HIDDEN: 'rml-overflow-hidden',
 };
-class RoomleConfiguratorApi {
+const globalSetupDone = new Map();
+class RoomleEmbeddingApi {
   constructor(settings, container, initData, waitForIframe) {
     this.ui = {
       callbacks: null,
@@ -233,10 +368,16 @@ class RoomleConfiguratorApi {
     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;
@@ -247,13 +388,13 @@ class RoomleConfiguratorApi {
       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}
-    `;
+        .${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);
@@ -271,6 +412,10 @@ class RoomleConfiguratorApi {
     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
@@ -278,11 +423,43 @@ class RoomleConfiguratorApi {
    * @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 configuratorSettings = await getConfiguratorSettings(configuratorId);
-        initData = mergeInitData(configuratorSettings, initData);
+        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) {
@@ -291,6 +468,13 @@ class RoomleConfiguratorApi {
     });
   }
   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() {
@@ -329,7 +513,7 @@ class RoomleConfiguratorApi {
     document.documentElement.classList.remove(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
     window.document.body.classList.remove(RML_CSS_CLASSES.OVERFLOW_HIDDEN);
   }
-  _executeMessage({message, args}, event) {
+  _executeMessage({ message, args }, event) {
     var _a;
     if (!event.source) {
       // @ts-ignore
@@ -341,14 +525,17 @@ class RoomleConfiguratorApi {
     }
     if (message === HANDSHAKE_MESSAGES.REQUEST_BOOT) {
       this._messageHandler.setOutgoingMessageBus(event.source);
-      return Promise.resolve({result: this._initData});
+      return Promise.resolve({ result: this._initData });
     }
     if (message === HANDSHAKE_MESSAGES.SETUP) {
-      const {methods, callbacks} = args[0];
+      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
@@ -361,6 +548,9 @@ class RoomleConfiguratorApi {
         const object = namespaces[0];
         const callbacksName = namespaces[1];
         const eventName = namespaces[2];
+        if (!this[object]) {
+          this[object] = {};
+        }
         if (!this[object][callbacksName]) {
           this[object][callbacksName] = {};
         }
@@ -371,7 +561,7 @@ class RoomleConfiguratorApi {
       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});
+      return Promise.resolve({ result: null });
     }
     const messageNamespaces = message.split(NAMESPACE_SEPARATOR);
     const namespace = messageNamespaces[0];
@@ -379,12 +569,18 @@ class RoomleConfiguratorApi {
     const methodOfAction = (messageNamespaces.length === 3) ? messageNamespaces[2] : null;
     if (methodOfAction) {
       if (this[namespace][objectOfAction][methodOfAction]) {
-        this[namespace][objectOfAction][methodOfAction](...args);
-        return Promise.resolve({result: null});
+        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 default RoomleConfiguratorApi;
+export { RoomleEmbeddingApi as default };

package/docs/md/web/ui/EMBEDDING-CHANGELOG.md

@@ -1,45 +1,29 @@
-## [4.38.0](https://gitlab.com/roomle/web/roomle-ui/compare/embedding-v4.37.0...embedding-v4.38.0) (2022-07-05)
+## [4.39.0](https://gitlab.com/roomle/web/roomle-ui/compare/embedding-v4.38.0...embedding-v4.39.0) (2022-07-19)
 
 
 ### Features
 
-* add bottom bar to configurator in moc ([3196aa6](https://gitlab.com/roomle/web/roomle-ui/commit/3196aa6ef73a687637b5f56c2e384db434155b75))
-* add call back to exposed api for on plan update ([ca48218](https://gitlab.com/roomle/web/roomle-ui/commit/ca482184ae8caabd6a931c77c2232a0586d7a814))
-* add moc docs ([8f8d83f](https://gitlab.com/roomle/web/roomle-ui/commit/8f8d83fb76cc5eaf8afb73cf019e1d699926076e))
-* remove welcome page as default sidebar ([048c73e](https://gitlab.com/roomle/web/roomle-ui/commit/048c73e1c9ff68fc63c52bc727c1bf08da2a34c2))
-* **SDK:** upgrade SDK to version 2.35.0-alpha.2 ([d307caf](https://gitlab.com/roomle/web/roomle-ui/commit/d307caf01e51c2e236df62d7b9be3feeebef1f87))
-* **SDK:** upgrade SDK to version 2.35.0-alpha.3 ([48045c6](https://gitlab.com/roomle/web/roomle-ui/commit/48045c6234b84cb9e1740b97907c3cc09d5c6530))
-* **SDK:** upgrade SDK to version 2.35.0-alpha.4 ([6adf875](https://gitlab.com/roomle/web/roomle-ui/commit/6adf8756031b2dbec9e02f88c0a0703ba5f73279))
-* **SDK:** upgrade SDK to version 2.35.0-alpha.6 ([b2a6fb9](https://gitlab.com/roomle/web/roomle-ui/commit/b2a6fb9ddbb63866bc086f7661fe3d4af717409e))
-* **SDK:** upgrade SDK to version 2.35.0-alpha.9 ([d635fd8](https://gitlab.com/roomle/web/roomle-ui/commit/d635fd86161c24bbe5bb8d24787ad10f43493e3c))
-* **SDK:** upgrade to version 2.34.0 ([040fff7](https://gitlab.com/roomle/web/roomle-ui/commit/040fff75928768578a6ce5e7d5fcdef71d103a42))
-* **SDK:** upgrade to version 2.35.0-alpha.1 ([c13174a](https://gitlab.com/roomle/web/roomle-ui/commit/c13174afd3c6df810aa2fda8f9c79df5fa14d40b))
-* **SDK:** upgrade to version 2.35.0-alpha.2 ([bb7cd51](https://gitlab.com/roomle/web/roomle-ui/commit/bb7cd5198956026c646d2fbafbd96f9c33e3b6e1))
-* **SDK:** upgrade to version 2.35.0-alpha.2 ([ee0cfe3](https://gitlab.com/roomle/web/roomle-ui/commit/ee0cfe3630858e8a2eeeff0a9d29afd2646d1e41))
-* **SDK:** upgrade to version 2.35.0-alpha.3 ([ca28a34](https://gitlab.com/roomle/web/roomle-ui/commit/ca28a34fcc1614ef007d2d53328f0210c94345e6))
-* **SDK:** upgrade to version 2.35.0-alpha.3 ([1a293b0](https://gitlab.com/roomle/web/roomle-ui/commit/1a293b03b9e6c0d624ab2fc35bdba49bc682263f))
-* **SDK:** upgrade to version 2.35.0-alpha.5 ([c90d419](https://gitlab.com/roomle/web/roomle-ui/commit/c90d41949df8af6e959ff52ffed8d0a3dda161a6))
+* add bigger thumbnail design ([fb0e917](https://gitlab.com/roomle/web/roomle-ui/commit/fb0e917dd99c6bf55cb69067b7cbc80c1084cf6c))
+* add correct styling of thumbnails in mobile ([bf3fd0f](https://gitlab.com/roomle/web/roomle-ui/commit/bf3fd0f28309c292e470f47fafaef458b9b6632b))
+* **SDK:** upgrade to version 2.35.1-alpha.1 ([d864df7](https://gitlab.com/roomle/web/roomle-ui/commit/d864df7261fd7ba8dccc86f206bbe03620e38c11))
+* **SDK:** upgrade to version 2.35.1-alpha.1 ([bfd3d24](https://gitlab.com/roomle/web/roomle-ui/commit/bfd3d24c3d2d66b0d9270bb8625fb1b5e68e92c2))
+* **SDK:** upgrade to version 2.36.0-alpha.1 ([6d5fae3](https://gitlab.com/roomle/web/roomle-ui/commit/6d5fae3851988aa6f77d0f46dc3a3f364c1df292))
+* **SDK:** upgrade to version 2.36.0-alpha.2 ([66197b1](https://gitlab.com/roomle/web/roomle-ui/commit/66197b1699f22229614c753948c233d30456c6e4))
+* **SDK:** upgrade to version 2.36.0-alpha.3 ([92c3065](https://gitlab.com/roomle/web/roomle-ui/commit/92c30653eb3e625d5c69e748f3fb447547573d8d))
 
 
 ### Bug Fixes
 
-* boolean parameters should not show 0/1 ([e7a4700](https://gitlab.com/roomle/web/roomle-ui/commit/e7a4700e0f9a4939b26937772495625616db6a1d))
-* change search icon ([cf23443](https://gitlab.com/roomle/web/roomle-ui/commit/cf234432df9da1f1756c298e840ee160c7af9415))
-* delete welcome page component ([06fbcd1](https://gitlab.com/roomle/web/roomle-ui/commit/06fbcd116c2648e85f7c3d1dd1c5e1f10cde90b4))
-* eslint errors ([5c8ab2a](https://gitlab.com/roomle/web/roomle-ui/commit/5c8ab2affb37a1ab060a3a39a8319f4e4e0d55e7))
-* failing pipeline test ([eba9910](https://gitlab.com/roomle/web/roomle-ui/commit/eba9910a2bb9fdcab569d9b2e8cd4c992fcbb55b))
-* incorrect isConfiguratorOnly function and failing tests ([33e44a0](https://gitlab.com/roomle/web/roomle-ui/commit/33e44a0c0300e12c96d1d2acef3e532d74f8ceb6))
-* incorrect loco translation ([ad0c303](https://gitlab.com/roomle/web/roomle-ui/commit/ad0c303331364014c87ad4426564214727a35e7f))
-* Label "object Object" is shown on print for partlist ([c8ee282](https://gitlab.com/roomle/web/roomle-ui/commit/c8ee282ac4aab76ebfe1adda5858e89d6abdba96))
-* only call drag end once on mobile ([1764ef6](https://gitlab.com/roomle/web/roomle-ui/commit/1764ef65f716b50d224c105566332e151712bbf8))
-* package-lock ([252a7b7](https://gitlab.com/roomle/web/roomle-ui/commit/252a7b7c245d594f1455dc2561e0da338f82f58f))
-* package-lock ([a5c99bd](https://gitlab.com/roomle/web/roomle-ui/commit/a5c99bd241833f5fc045128e028eb570c6ba5d44))
-* package-lock ([771c03b](https://gitlab.com/roomle/web/roomle-ui/commit/771c03bf69694be0fa982ff5a037c9f9b61c4706))
-* package-lock ([70a4c05](https://gitlab.com/roomle/web/roomle-ui/commit/70a4c05aa5850ad0a73f1eff9ebd7e72d2223595))
-* remove NSDB symbol ([bc8136b](https://gitlab.com/roomle/web/roomle-ui/commit/bc8136b0601fdd2a38b014b5337ac8ad7295d9a9))
-* remove ts error ([bfd5b02](https://gitlab.com/roomle/web/roomle-ui/commit/bfd5b02d7cadd81079ca3b21c62b7bce712dcd49))
-* should not close sidebar if change selection ([027fd9f](https://gitlab.com/roomle/web/roomle-ui/commit/027fd9fa9a6b1e10b8196153649d82e536ea9daf))
-* sidebar should also close if i deselect a item ([d07a00e](https://gitlab.com/roomle/web/roomle-ui/commit/d07a00e971ccf95a3fbf6bcd8053fff8a571a366))
-* sidebar should be opened again after dragged in a object ([ba06ddc](https://gitlab.com/roomle/web/roomle-ui/commit/ba06ddc10bdfef45bd525168fa1a5459ade3795f))
-* touch drag should be only triggered if there is not too much x movement ([5a1261e](https://gitlab.com/roomle/web/roomle-ui/commit/5a1261e2680e4c36137005baee8fa699f9d0584e))
-* type check on interface RoomlePlanner ([a749571](https://gitlab.com/roomle/web/roomle-ui/commit/a749571339b04599659f9950526d1db323f39a2c))
+* Add addons icon on mobile need some right padding ([63fd194](https://gitlab.com/roomle/web/roomle-ui/commit/63fd1947e955e2415f49c0b32b88a21d0cec00a0))
+* big thumbnails should have the same padding left and right ([a5a4ea6](https://gitlab.com/roomle/web/roomle-ui/commit/a5a4ea6de717b69e306d74f423e65ad5765cc93f))
+* disable undo and redo in configurator when in MOC ([63c322c](https://gitlab.com/roomle/web/roomle-ui/commit/63c322cc53c3fe0af698cfdaf87b0b9a69fd1273))
+* elements label should only be displayed if there are no group labels ([81d71a4](https://gitlab.com/roomle/web/roomle-ui/commit/81d71a4ac4336ebc361945b18d75cd8a49588785))
+* failing tests and lint errors ([db8491a](https://gitlab.com/roomle/web/roomle-ui/commit/db8491ad5130cd50fe09f8584eea688b27e9c698))
+* function not defined error ([535d3b8](https://gitlab.com/roomle/web/roomle-ui/commit/535d3b8d5e095bfd05b8e315d4a7d4f8b9ea6cf2))
+* Group label of materials are missing ([d99727a](https://gitlab.com/roomle/web/roomle-ui/commit/d99727ab3d3bb58bb50a3ade8eb6cda4dc3e4a75))
+* hide archived items in MOC ([fd8a57b](https://gitlab.com/roomle/web/roomle-ui/commit/fd8a57ba849fd2acc706669ebebb17ca5319cfd0))
+* Partlist container doesn't have close icon on Rubens ([a010523](https://gitlab.com/roomle/web/roomle-ui/commit/a010523edc027a70140457af9ddd2bead213bda2))
+* Partlist is not shown when the interaction container is collapsed ([de8a985](https://gitlab.com/roomle/web/roomle-ui/commit/de8a985e95840a162f4d90ecbc54bb866af151a0))
+* set correct callback to enable undo and redo in MOC ([22b66ba](https://gitlab.com/roomle/web/roomle-ui/commit/22b66ba30f65925d5fde68db032762e72ad11286))
+* show the correct bottom bar label for both, moc and configurator ([ffa6c33](https://gitlab.com/roomle/web/roomle-ui/commit/ffa6c33d69f860a828f5685ad8ab4754d9265245))
+* update roomle-configurator-api for getting "createConfigurator" ([b725966](https://gitlab.com/roomle/web/roomle-ui/commit/b725966fefb8e04cee81b0a4f09332d3e8e03c5b))

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "4.38.0",
+  "version": "4.39.0",
   "main": "roomle-configurator-api.es.min.js",
   "types": "types/index.d.ts",
   "author": "Roomle Development",
   "dependencies": {
-    "@roomle/web-sdk": "2.35.0-alpha.9"
+    "@roomle/web-sdk": "2.36.0-alpha.3"
   },
   "devDependencies": {
     "@semantic-release/changelog": "^5.0.1",

package/types/index.d.ts

@@ -534,11 +534,13 @@ declare module "common/store/collection-view-state" {
     import { Nullable } from "common/utils/types";
     import { CollectionViewElement } from "common/components/collection-view/-utils/types";
     import { StoreState } from "common/store/index";
+    export type ViewTypeState = 'listView' | 'gridViewSmall' | 'gridViewBig';
     export interface GridViewUiState {
         filter: string[];
-        showAllAsList: boolean;
         search: Nullable<string>;
         userInitiatedSearch: boolean;
+        viewType: ViewTypeState;
+        hasGroupLabel: boolean;
     }
     export interface CollectionViewUiState {
         selected: Nullable<CollectionViewElement>;
@@ -546,6 +548,7 @@ declare module "common/store/collection-view-state" {
         gridView: GridViewUiState;
     }
     export const getInitialCollectionViewState: () => CollectionViewUiState;
+    export const getInitialViewType: () => ViewTypeState;
     export enum COLLECTION_VIEW_STATE_MUTATIONS {
         ELEMENT_EXPANDED = "CV_ELEMENT_EXPANDED",
         SET_SELECTED_ELEMENT = "CV_SET_SELECTED_ELEMENT",
@@ -553,9 +556,10 @@ declare module "common/store/collection-view-state" {
     }
     export enum GRID_VIEW_STATE_MUTATIONS {
         SET_SEARCH = "GV_SET_SEARCH",
-        TOGGLE_LIST_DISPLAY_TYPE = "GV_TOGGLE_LIST_DISPLAY_TYPE",
         TOGGLE_FILTER = "GV_TOGGLE_FILTER",
-        SET_USER_INITIATED_SEARCH = "GV_SET_USER_INITIATED_SEARCH"
+        SET_USER_INITIATED_SEARCH = "GV_SET_USER_INITIATED_SEARCH",
+        SET_VIEW_TYPE = "SET_VIEW_TYPE",
+        SET_HAS_GROUP_LABEL = "SET_HAS_GROUP_LABEL"
     }
     interface MuationPayload<T, V> {
         state: T;

package/types/src/common/store/collection-view-state.d.ts

@@ -2,11 +2,13 @@ import { Module } from 'vuex';
 import { Nullable } from '@/common/utils/types';
 import { CollectionViewElement } from '@/common/components/collection-view/-utils/types';
 import { StoreState } from '@/common/store';
+export declare type ViewTypeState = 'listView' | 'gridViewSmall' | 'gridViewBig';
 export interface GridViewUiState {
     filter: string[];
-    showAllAsList: boolean;
     search: Nullable<string>;
     userInitiatedSearch: boolean;
+    viewType: ViewTypeState;
+    hasGroupLabel: boolean;
 }
 export interface CollectionViewUiState {
     selected: Nullable<CollectionViewElement>;
@@ -14,6 +16,7 @@ export interface CollectionViewUiState {
     gridView: GridViewUiState;
 }
 export declare const getInitialCollectionViewState: () => CollectionViewUiState;
+export declare const getInitialViewType: () => ViewTypeState;
 export declare enum COLLECTION_VIEW_STATE_MUTATIONS {
     ELEMENT_EXPANDED = "CV_ELEMENT_EXPANDED",
     SET_SELECTED_ELEMENT = "CV_SET_SELECTED_ELEMENT",
@@ -21,9 +24,10 @@ export declare enum COLLECTION_VIEW_STATE_MUTATIONS {
 }
 export declare enum GRID_VIEW_STATE_MUTATIONS {
     SET_SEARCH = "GV_SET_SEARCH",
-    TOGGLE_LIST_DISPLAY_TYPE = "GV_TOGGLE_LIST_DISPLAY_TYPE",
     TOGGLE_FILTER = "GV_TOGGLE_FILTER",
-    SET_USER_INITIATED_SEARCH = "GV_SET_USER_INITIATED_SEARCH"
+    SET_USER_INITIATED_SEARCH = "GV_SET_USER_INITIATED_SEARCH",
+    SET_VIEW_TYPE = "SET_VIEW_TYPE",
+    SET_HAS_GROUP_LABEL = "SET_HAS_GROUP_LABEL"
 }
 interface MuationPayload<T, V> {
     state: T;

package/types/tests/helpers/mocks/sdk-connector.d.ts

@@ -8,6 +8,7 @@ export interface MockSdkConnectorOverrides {
     loadInProgress?: boolean;
     someLoadDone?: boolean;
     rapiAccess?: object;
+    hasPlanner?: boolean;
 }
 export declare const FAKE_STORE: {
     commit: () => undefined;