@roomle/embedding-lib 4.33.0-alpha.2 → 4.34.0

package/docs/index.md

@@ -62,7 +62,7 @@ This section shows a simple quick start. We always recommend using a package man
                 const options = {
                     id: 'usm:frame',
                 };
-                const configurator = await RoomleConfiguratorApi.create(
+                const configurator = await RoomleConfiguratorApi.createConfigurator(
                     'demoConfigurator',
                     document.getElementById('configurator-container'),
                     options,
@@ -172,7 +172,7 @@ If you just want to start the configurator and do not want to bother about the s
     id: 'usm:frame',
   };
   button.addEventListener('click', async () => {
-    const configurator = await RoomleConfiguratorApi.create(
+    const configurator = await RoomleConfiguratorApi.createConfigurator(
       'demoConfigurator',
       document.getElementById('configurator-container'),
       options,
@@ -212,10 +212,10 @@ When you have a detail-page of a product in your webshop or website it makes sen
 
 ```JavaScript
 const objectToLoadId = 'usm:frame:BB3BB3E7951BC15109B1FF86D78C95DE3FB46E9F78714C46FFA2DE91866A2C2B';
-const configurator1 = await RoomleConfiguratorApi.create(configuratorId, domElement1, {id: objectToLoadId, ...overrideServerOptions});
+const configurator1 = await RoomleConfiguratorApi.createConfigurator(configuratorId, domElement1, {id: objectToLoadId, ...overrideServerOptions});
 // instantiate the second configurator, because you can now :-) and wait with the load of the object
 // until the user clicks on a specific product
-const configurator2 = await RoomleConfiguratorApi.create(configuratorId, domElement2, overrideServerOptions);
+const configurator2 = await RoomleConfiguratorApi.createConfigurator(configuratorId, domElement2, overrideServerOptions);
 // load the object into the second configurator when the user clicks on a specific button
 document.getElementById('button-to-load-product-x').addEventListener('click', () => {
   configurator2.ui.loadObject(objectToLoadId);
@@ -289,7 +289,7 @@ Furthermore it is also sometimes challenging for certain webshop systems to add
 If you do not have a webshop or a price database it could make sense to use the Roomle Price Service. The first step to use the Roomle Price Service is to enable the service. Therefore please speak with your customer success manager. If everything is in place you only need to provide the correct init options. Here is an example:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options, usePriceService: true},
@@ -307,7 +307,7 @@ If you see the error message `prices are empty` on the Chrome Dev Tools console
 Currently we pass out certain events to the embedding webshop those events are based on Goolge Tag Manager. You can find all the information about [gtag.js](https://developers.google.com/analytics/devguides/collection/gtagjs) on the Google website.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   "demoConfigurator",
   document.getElementById("configurator-container"),
   options
@@ -346,7 +346,7 @@ The Roomle Configurator will determine which color to apply "on" primary and "ca
 The Roomle Configurator will decide between "black" or "white" for the "on" colors. If this does not suit your needs you can define your own "on" colors. If you want to rely on the Roomle selection for the "on" colors please only specify valid CSS RGB hex values, e.g.: #fff000 or #f30. Things like rgba(0,0,0,0.7) won't work and you have to specify the "on" colors yourself (the full example can be found in the file <a target="_blank" rel="noopener noreferrer" href="./examples/06_skinning.html">06_skinning.html</a>):
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {
@@ -414,7 +414,7 @@ configurator.ui.callbacks.onButtonClicked = (name) => {
 In some situations, there is a need to hide certain buttons. For example, you want to hide the part list button because the part list contains info you do not want to show to everybody. To do this you need to pass in the correct init options:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options, buttons: {partlist: false}},
@@ -428,7 +428,7 @@ The key of the `buttons` hash in the options are defined by the UI_BUTTON enum w
 To be notified when the user clicks on the checkout-call-to-action button in our iframe you need to define the `onRequestProduct` callback.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   options,
@@ -440,7 +440,7 @@ configurator.ui.callbacks.onRequestProduct = (configurationId, image, partlist,
 Of course there are situations where you want to trigger this action from outside. Therefore we provide the method `triggerRequestProduct`. When you call this method the same process starts as if the user would have clicked on the checkout-call-to-action button. This means that you only need to subscribe to the `onRequestProduct` callback to handle those situations.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   options,
@@ -485,7 +485,7 @@ Now everytime a configuration which is based on the root component `usm:frame` t
 This behaviour is needed that the configurator only shows relevant variants which have something in common with the initial loaded configuration.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'), {
     ...options,
@@ -619,7 +619,7 @@ There are two different parameters to set the localization of the Roomle Configu
 Let's have a look on the following code:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options, locale: 'de', overrideCountry: 'at', usePriceService: true },
@@ -659,7 +659,7 @@ We try to provide a default light setting which works with the majority of produ
 To use a special light setting you only need to provide the `ls` parameter in the options. In code this looks like:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options, ls: 'sofa' },
@@ -675,7 +675,7 @@ To send a saved configuration to the e-mail address of the user you need to the
 **Important**: please also make sure that the deeplink is also set in the database of Roomle and linked to the `configuratorId` you are using. If this is not done, the link in the e-mail won't be replaced. If you encounter any problems, please contact your Roomle Contact Person.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options,
@@ -700,7 +700,7 @@ interface PartList {
 For things like calculating a price etc most of the time the fullList is needed but for UI purposes it often make sense to group parts together so that the user understands better what she/he configured. To display the part list grouped just add the following option to the init parameters: `groupPartList: true`, for example like:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {
@@ -720,7 +720,7 @@ If you want to change the share url to a link to your webshop please make sure t
 **Important**: please also make sure that the deeplink is also set in the database of Roomle and linked to the `configuratorId` you are using. If this is not done, the link in the e-mail won't be replaced. If you encounter any problems, please contact your Roomle Contact Person.
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options,
@@ -742,7 +742,7 @@ The Roomle Rubens uses Google Analytics to improve UX and performance based on t
 First you need to initialize Roomle Rubens without the Google Analytics consent. Therefore you need to do the following:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options, gaConsent: false }
@@ -807,7 +807,7 @@ If you are using the SDK you can use [preparePerspectiveImage](../api/classes/ro
 In case you are using the `EmbeddingLib`, you can use those calls on the `extended` object of the interface. For example:
 
 ```JavaScript
-const configurator = await RoomleConfiguratorApi.create(
+const configurator = await RoomleConfiguratorApi.createConfigurator(
   'demoConfigurator',
   document.getElementById('configurator-container'),
   {...options}

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

@@ -1,20 +1,39 @@
-## [4.33.0-alpha.2](https://gitlab.com/roomle/web/roomle-ui/compare/embedding-v4.33.0-alpha.1...embedding-v4.33.0-alpha.2) (2022-04-15)
+## [4.34.0](https://gitlab.com/roomle/web/roomle-ui/compare/embedding-v4.33.0...embedding-v4.34.0) (2022-05-10)
 
 
 ### Features
 
-* add actionButtons instead of selectionButtons in planner mode ([8e70298](https://gitlab.com/roomle/web/roomle-ui/commit/8e70298c3039b24c84a3157b8d7a7ee8085b7d8e))
-* add better responsivness to AddonsTrigger and MenuButton ([9f8fa5d](https://gitlab.com/roomle/web/roomle-ui/commit/9f8fa5dfbadfe4903365eb8e7442b05bfab15afd))
-* implement add product button and change selection buttons styling ([7fcb65d](https://gitlab.com/roomle/web/roomle-ui/commit/7fcb65d0d3741d3c2b8cceef5321670f9388b085))
-* remove add product on open catalog, remove selection if catalog gets open and add product button label to loco ([36a9b77](https://gitlab.com/roomle/web/roomle-ui/commit/36a9b777bb8802428c5481b3c4665abf81788bda))
-* **SDK:** upgrade to version 2.30.0-alpha.2 ([d2e469f](https://gitlab.com/roomle/web/roomle-ui/commit/d2e469f063100ae43a685a9a8725929a2eb143ba))
-* **SDK:** upgrade to version 2.30.0-alpha.3 ([99d815a](https://gitlab.com/roomle/web/roomle-ui/commit/99d815a74b33fdf0960f40550366565da8e6e48f))
+* add first idea on how to add a room ([26aa788](https://gitlab.com/roomle/web/roomle-ui/commit/26aa78845bc6e751cc8057fc63db6e9d18d576a6))
+* implement 2d view button ([487e8d8](https://gitlab.com/roomle/web/roomle-ui/commit/487e8d87d634544f0b6ad6d15b19716ce8ad7987))
+* implement part list and product list feature ([9919dad](https://gitlab.com/roomle/web/roomle-ui/commit/9919dada3f8ef389ac726a632bda09dffbde7122))
+* implement product list and part list with bounds create a helper file for it ([349c58c](https://gitlab.com/roomle/web/roomle-ui/commit/349c58ce45ee7a8bfb80957c4f86b969a1a273a7))
+* MoC: create predefined rooms ([2e5757e](https://gitlab.com/roomle/web/roomle-ui/commit/2e5757eb412cbb8d08fb889bc660bcd48d577131))
+* MoC: switch to 2D scene ([faf273a](https://gitlab.com/roomle/web/roomle-ui/commit/faf273ac6e25d8fc0e517b2d2209bc427efee5d7))
+* refactor addons and catalog trigger button and implement generic icon button for it ([1e86efd](https://gitlab.com/roomle/web/roomle-ui/commit/1e86efd6434e7238beaa9906af627d5cffc27938))
+* reset scroll if change from product list to part list ([005b982](https://gitlab.com/roomle/web/roomle-ui/commit/005b982acdbe6ca72901beefeafb9dd1a4b2539d))
+* **SDK:** upgrade to version 2.31.0 ([2938571](https://gitlab.com/roomle/web/roomle-ui/commit/29385711dc9bc3f3438e5fe5984aebb8a7044d47))
+* **SDK:** upgrade to version 2.31.0-alpha.1 ([50a566e](https://gitlab.com/roomle/web/roomle-ui/commit/50a566e620560f7c7b1cb213265b3be3984778d1))
+* **SDK:** upgrade to version 2.31.0-alpha.2 ([638cf4b](https://gitlab.com/roomle/web/roomle-ui/commit/638cf4b91650f35fbfff4f5b9ecee5caf2a3af5d))
+* **SDK:** upgrade to version 2.31.0-alpha.3 ([e198e51](https://gitlab.com/roomle/web/roomle-ui/commit/e198e513ed99d203f3eeabb0a218033d27a12aca))
+* **SDK:** upgrade to version 2.31.0-alpha.4 ([52ad6a1](https://gitlab.com/roomle/web/roomle-ui/commit/52ad6a1687f3af6c4e18020a2ff5834f76d44d26))
 
 
 ### Bug Fixes
 
-* add stroke width to the svg's directly ([bda68dd](https://gitlab.com/roomle/web/roomle-ui/commit/bda68dd55b89c52977b6da4a885659d70f24fe4c))
-* call checkGlb to fix broken embedding lib ([419137f](https://gitlab.com/roomle/web/roomle-ui/commit/419137fd77357f6d580dac01285fed781741d492))
-* deselect all items if undo or redo is called ([758fc37](https://gitlab.com/roomle/web/roomle-ui/commit/758fc3779e572118c76d410a368b1586344b639a))
-* failing test ([9985ced](https://gitlab.com/roomle/web/roomle-ui/commit/9985ced693718b8d052116e1ee25f875c9d274d2))
-* responsive issues of addonsTrigger button and selectionbuttons ([5551d57](https://gitlab.com/roomle/web/roomle-ui/commit/5551d5701886fc8b73d1c7187eeefcc702db9e9c))
+* also use text filter if "all groups" option is selected ([0f0db02](https://gitlab.com/roomle/web/roomle-ui/commit/0f0db0245810d8cf8b03ce0873019f958cda65ad))
+* changed computed so that Vue.js recognizes if the values change ([2bb4164](https://gitlab.com/roomle/web/roomle-ui/commit/2bb4164be443e84ce45fb6b0dd59ccec018ce74f))
+* create new array to prevent problems with reactivity caveat for more see: ([a7e4c86](https://gitlab.com/roomle/web/roomle-ui/commit/a7e4c86a7ae88d50695918218548a052fe2d7825))
+* do not expand interactions on mobile if catalog trigger is clicked ([10b1531](https://gitlab.com/roomle/web/roomle-ui/commit/10b153145b93d533b92fa815ea28239aaf716738))
+* do not import scss in embedding lib ([fcca831](https://gitlab.com/roomle/web/roomle-ui/commit/fcca831b993df263d6991b47b646761823ffb9c0))
+* do not open interactions for rooms on mobile ([a0fd3da](https://gitlab.com/roomle/web/roomle-ui/commit/a0fd3da8fb92b4e9009b17bdc223b9df29e37d73))
+* does not show catalog trigger button on mobile and collapse interaction menu on deselect partlist toggle on mobile ([257a6c7](https://gitlab.com/roomle/web/roomle-ui/commit/257a6c785fd111837d76c798f02ab58773484f8e))
+* eslint warnings ([a42a64e](https://gitlab.com/roomle/web/roomle-ui/commit/a42a64e653196616b66b29c04705ae70e07fb4e3))
+* failing test ([5a28afc](https://gitlab.com/roomle/web/roomle-ui/commit/5a28afc99be963e01363887a6667e93497eaa337))
+* import SampleRooms component so it can be used in template ([e01a62c](https://gitlab.com/roomle/web/roomle-ui/commit/e01a62c24db204422b6e905f26733b29fa5c751c))
+* move changes from addon-trigger to separate components ([5f578a4](https://gitlab.com/roomle/web/roomle-ui/commit/5f578a483d53ab5c7ffec3677c6d945295844ad6))
+* only close part list not both part list and product list ([66bbefb](https://gitlab.com/roomle/web/roomle-ui/commit/66bbefb40168ed9056ef092184c5882390dafc05))
+* show catalog trigger only if there is any catalog to show ([aaff214](https://gitlab.com/roomle/web/roomle-ui/commit/aaff214c3b3a211a811f482243aaf8e94b0e6e07))
+* show fullscreen on init and expand sidebar if view has changed from mobile to desktop ([4562b68](https://gitlab.com/roomle/web/roomle-ui/commit/4562b685490cd13200935a44da48db04873a5512))
+* show only one overlay in sidebar ([bb8c8e6](https://gitlab.com/roomle/web/roomle-ui/commit/bb8c8e619a6809c63da59e3d4270de13d0ec2e78))
+* top bar selected action refactoring rightly ([ecb00f5](https://gitlab.com/roomle/web/roomle-ui/commit/ecb00f5682068c35e88193fdf205ad81bc071900))
+* use correct generic type ([c00751b](https://gitlab.com/roomle/web/roomle-ui/commit/c00751b58e0547e79d87ecc018ee60c455c2fa40))

package/docs/migration-guides/v2-to-v3.md

@@ -48,7 +48,7 @@ await RoomleConfigurator.init(/* for details about the create method see the old
 
 ```javascript
 const calculatePrice = (parts) => /* your price calculation, same code as with the old version */
-const instance = await RoomleConfiguratorApi.create(/* for details about the create method see the new docu */);
+const instance = await RoomleConfiguratorApi.createConfigurator(/* for details about the create method see the new docu */);
 instance.ui.callbacks.onPartListUpdate = calculatePrice;
 ```
 
@@ -100,10 +100,10 @@ const overrideServerOptions = {
 };
 
 // instantiate the first configurator and directly load the product
-const configurator1 = await RoomleConfiguratorApi.create(configuratorId, domElement1, {id: objectToLoadId, ...overrideServerOptions});
+const configurator1 = await RoomleConfiguratorApi.createConfigurator(configuratorId, domElement1, {id: objectToLoadId, ...overrideServerOptions});
 // instantiate the second configurator, because you can now :-) and wait with the load of the object
 // until the user clicks on a specific product
-const configurator2 = await RoomleConfiguratorApi.create(configuratorId, domElement2, overrideServerOptions);
+const configurator2 = await RoomleConfiguratorApi.createConfigurator(configuratorId, domElement2, overrideServerOptions);
 // load the object into the second configurator when the user clicks on a specific button
 document.getElementById('button-to-load-product-x').addEventListener('click', () => {
   configurator2.ui.loadObject(objectToLoadId);

package/package.json

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

package/roomle-configurator-api.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-require('@/common/styles/Global.module.scss');
-
 class MessageHandler {
     constructor(side, incomingMessageBus, outgoingMessageBus, messageExecution) {
         this._outgoingMessageBus = null;
@@ -164,50 +162,36 @@ const isInIframe = () => {
     }
 };
 
-// see why: so#/58065241/10800831
-const isAndroid = () => /(android)/i.test(navigator.userAgent);
-
-/* TO DOs in Google Analytics Admin UI
-
- To track the Hit ID, Hit Time, and Hit Type and custom dimensions, first create them in Google Analytics
- and set their scope to "Hit"
-
- Once you've created the custom metrics in Google Analytics
- (and set their scope to "Hit" and their formatting type to "Integer")
- this setup is ready to go. You need to do this in every GA property
-
- For more details see: https://philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build/
-
- */
-// Probably we could add const enums here
-// but we need to investigate: https://roomle.atlassian.net/browse/CONF-238
-var GA_CUSTOM;
-(function (GA_CUSTOM) {
-    GA_CUSTOM["DIMENSION"] = "dimension";
-    GA_CUSTOM["METRIC"] = "metric";
-})(GA_CUSTOM || (GA_CUSTOM = {}));
-var GA_HIT_TYPE;
-(function (GA_HIT_TYPE) {
-    GA_HIT_TYPE["EVENT"] = "event";
-})(GA_HIT_TYPE || (GA_HIT_TYPE = {}));
-var GA_ACTION_TYPE;
-(function (GA_ACTION_TYPE) {
-    GA_ACTION_TYPE["EXCEPTION"] = "exception";
-    GA_ACTION_TYPE["TIMING"] = "timing_complete";
-})(GA_ACTION_TYPE || (GA_ACTION_TYPE = {}));
-var CUSTOM_ACTION_TYPE;
-(function (CUSTOM_ACTION_TYPE) {
-    CUSTOM_ACTION_TYPE["TRACK_TIMING"] = "track_timing";
-})(CUSTOM_ACTION_TYPE || (CUSTOM_ACTION_TYPE = {}));
-var GA_CATEGORY;
-(function (GA_CATEGORY) {
-    GA_CATEGORY["ERROR"] = "Error";
-    GA_CATEGORY["NAVIGATION_TIMING"] = "Navigation Timing";
-    GA_CATEGORY["TIMING"] = "Timing";
-    GA_CATEGORY["INTERACTION"] = "Interaction";
-    GA_CATEGORY["TRACKING"] = "Tracking";
-    GA_CATEGORY["DEPRECATION"] = "Deprecation";
-})(GA_CATEGORY || (GA_CATEGORY = {}));
+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.
@@ -245,36 +229,6 @@ const deepMerge = (obj1, obj2) => {
         }
     }
     return obj1;
-};
-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;
 };
 
 const BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN = ['language', 'browserLanguage', 'userLanguage', 'systemLanguage'];
@@ -361,6 +315,9 @@ const getFallbackInitData = () => {
 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, {

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

@@ -1 +1 @@
-"use strict";require("@/common/styles/Global.module.scss");class t{constructor(t,e,r,i){this.t=null,this.i=null,this.o=t,this.s=e,this.t=r,this.i=i,this.s.addEventListener("message",this.l.bind(this))}setOutgoingMessageBus(t){this.t=t}setMessageExecution(t){this.i=t}sendMessage(t,e=[]){return new Promise((r,i)=>{const o=new MessageChannel;o.port1.onmessage=t=>{if(!t||!t.data)return o.port1.close(),o.port2.close(),i(new Error(this.o+" received message but response can not be interpreted"));let e;try{e=JSON.parse(t.data)}catch(t){return o.port1.close(),o.port2.close(),this.h(t),i(t)}e.error?i(e.error):void 0!==e.result?r(e.result):r(),o.port1.close(),o.port2.close()};let s="";try{s=JSON.stringify({message:t,args:e})}catch(t){return i(new Error(this.o+": can not create command because it is not JSON.stringify able"))}if(!this.t)return i(new Error(this.o+": outgoing bus not set yet"));this.t.postMessage(s,"*",[o.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.i)return e.postMessage(JSON.stringify({error:this.o+" is not ready to handle messages"}));Array.isArray(r.args)||(r.args=[r.args]);const i=this.i(r,t);if(void 0===i)return;i.then((t={})=>{let r=void 0,i=void 0;"object"==typeof t&&null!==t&&(r=t.error,i=t.result),r?e.postMessage(JSON.stringify({error:r})):void 0!==i?e.postMessage(JSON.stringify({result:i})):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.o+": "+t;return console.error(e),e}return t.message=this.o+": "+t.message,console.error(t),t.message}}const e=()=>/(android)/i.test(navigator.userAgent);var r,i,o,s,n;!function(t){t.DIMENSION="dimension",t.METRIC="metric"}(r||(r={})),function(t){t.EVENT="event"}(i||(i={})),function(t){t.EXCEPTION="exception",t.TIMING="timing_complete"}(o||(o={})),function(t){t.TRACK_TIMING="track_timing"}(s||(s={})),function(t){t.ERROR="Error",t.NAVIGATION_TIMING="Navigation Timing",t.TIMING="Timing",t.INTERACTION="Interaction",t.TRACKING="Tracking",t.DEPRECATION="Deprecation"}(n||(n={}));const a=(t,e)=>{for(const r in e)try{e[r].constructor===Object?t[r]=a(t[r],e[r]):t[r]=e[r]}catch(i){t[r]=e[r]}return t},l=["127.0.0.1","localhost","0.0.0.0"],c=["language","browserLanguage","userLanguage","systemLanguage"],h=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 h(e);if(Array.isArray(e)){for(const t of e)h(t);return}"true"!==e&&"false"!==e||(t[r]="true"===e)}},u=(t,e,r)=>{let i=null;Object.defineProperty(t,e,{get:()=>i||r,set(t){(null==t?void 0:t.mute)?i=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 }"),i=t)}})},d=()=>.01*window.innerHeight+"px",m=t=>{t&&setTimeout(()=>t.style.setProperty(f,d()),0)},f="--rml-full-height",w=new Map;module.exports=class{constructor(r,i,o,s){if(this.ui={callbacks:null},this.extended={callbacks:null},this.analytics={callbacks:{}},this.global={callbacks:{}},this.u={},!r||"string"!=typeof r.id)throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(w.has(i))throw new Error("There is already an instance on this DOM element");if(!document.getElementById("rml-styles")){const t=o.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,s=d();e.innerHTML=`\n        .rml-container{${f}:${s};}\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(${f},1vh)*100)}\n        .rml-overflow-hidden{overflow:hidden}\n      `,document.head.appendChild(e)}this.m=this.m.bind(this),e()&&window.addEventListener("resize",this.m),this.g=i,this.u=o,this.p=r;const n=this.v();this.O=this.O.bind(this),this.N=this.N.bind(this),this._=this._.bind(this),this.P=new t("website",window,null,this.N),this.k=s,this.g.appendChild(n),this.J=n,w.set(i,!0)}static createPlanner(t,e,r){return this.S(t,e,r)}static createConfigurator(t,e,r){return this.S(t,e,r)}static create(t,e,r){return this.S(t,e,r)}static createViewer(t,e,r){return this.S(t,e,r)}static S(t,e,r){return new Promise(async(i,o)=>{try{const o=a((()=>{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=c.length;t<r;t++){const r=e[c[t]];if(r)return r.substr(0,2)}return"en"})()),"(idle)"===t.id&&delete t.id;const e=(()=>{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 e&&(t=>!!l.includes(t)||!!t.endsWith("roomle.com")||!(!t.endsWith("gitlab.io")&&!t.endsWith("gitlab.com")))(e)&&(t.configuratorId="demoConfigurator"),t.customApiUrl="https://www.roomle.com/api/v2",t.emails=!1,t})(),(t=>(h(t),(null==t?void 0:t.customApiUrl)&&(t.customApiUrl=decodeURIComponent(t.customApiUrl)),t.shareUrl&&(t.deeplink=t.shareUrl.replace("<CONF_ID>","#CONFIGURATIONID#")),t))(r));o.featureFlags||(o.featureFlags={}),"boolean"!=typeof o.featureFlags.realPartList&&(o.featureFlags.realPartList=!0),"boolean"!=typeof o.featureFlags.globalCallbacks&&(o.featureFlags.globalCallbacks=!0);const s=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",i=e.overrideTenant||9,o=r+"/configurators/"+t,s="03-"+window.btoa((new Date).toISOString()+";anonymous;roomle_portal_v2"),n=new Request(o,{method:"GET",headers:new Headers({apiKey:"roomle_portal_v2",currentTenant:i,locale:"en",language:"en",device:1,token:s,platform:"web"}),mode:"cors",cache:"default"}),a=await fetch(n),{configurator:l}=await a.json();return l})(t,o);return r=((t,e)=>{e.configuratorId=t.id;const r=t.settings||{};return!e.overrideTenant&&t.tenant&&(e.overrideTenant=t.tenant),((t,e)=>{const r=JSON.parse(JSON.stringify(t));return a(r,e)})(r,e)})(s,o),new this(s,e,r,i)}catch(t){return o(t)}})}teardown(){this.g&&w.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(){m(this.J)}O(){this.J.classList.add("rml-pos"),document.documentElement.classList.add("rml-overflow-hidden"),window.document.body.classList.add("rml-overflow-hidden"),e()&&(m(this.J),this.J.classList.add("rml-android-height"))}_(){this.J.classList.remove("rml-pos"),this.J.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 i;if(!r.source)return;if(r.source!==(null===(i=this.J)||void 0===i?void 0:i.contentWindow))return;if("requestBoot"===t)return this.P.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],i=e[1];this[r]||(this[r]={}),this[r][i]=function(){return this.P.sendMessage(t,[...arguments])}.bind(this)}),r.forEach(t=>{const e=t.split("."),r=e[0],i=e[1],o=e[2];this[r]||(this[r]={}),this[r][i]||(this[r][i]={}),this[r][i][o]=()=>{}}),u(this.ui.callbacks,"onUseFullPage",this.O),u(this.ui.callbacks,"onBackToWebsite",this._),this.k(this),setTimeout(()=>this.P.sendMessage("websiteReady"),0),Promise.resolve({result:null})}const o=t.split("."),s=o[0],n=o[1],a=3===o.length?o[2]:null;if(a&&this[s][n][a]){const t=this[s][n][a](...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')}};
+"use strict";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)}})},l=()=>.01*window.innerHeight+"px",a=t=>{t&&setTimeout(()=>t.style.setProperty(h,l()),0)},h="--rml-full-height",c=new Map;module.exports=class{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=l();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(l,a)=>{try{const a=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));a.featureFlags||(a.featureFlags={}),"boolean"!=typeof a.featureFlags.realPartList&&(a.featureFlags.realPartList=!0),"boolean"!=typeof a.featureFlags.globalCallbacks&&(a.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"}),l=await fetch(n),{configurator:a}=await l.json();return a})(t,a);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,a),new this(h,o,n,l)}catch(t){return a(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(){a(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()&&(a(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],l=i[1],a=3===i.length?i[2]:null;if(a&&this[o][l][a]){const t=this[o][l][a](...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')}};

package/roomle-configurator-api.es.js

@@ -1,5 +1,3 @@
-import '@/common/styles/Global.module.scss';
-
 class MessageHandler {
     constructor(side, incomingMessageBus, outgoingMessageBus, messageExecution) {
         this._outgoingMessageBus = null;
@@ -162,50 +160,36 @@ const isInIframe = () => {
     }
 };
 
-// see why: so#/58065241/10800831
-const isAndroid = () => /(android)/i.test(navigator.userAgent);
-
-/* TO DOs in Google Analytics Admin UI
-
- To track the Hit ID, Hit Time, and Hit Type and custom dimensions, first create them in Google Analytics
- and set their scope to "Hit"
-
- Once you've created the custom metrics in Google Analytics
- (and set their scope to "Hit" and their formatting type to "Integer")
- this setup is ready to go. You need to do this in every GA property
-
- For more details see: https://philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build/
-
- */
-// Probably we could add const enums here
-// but we need to investigate: https://roomle.atlassian.net/browse/CONF-238
-var GA_CUSTOM;
-(function (GA_CUSTOM) {
-    GA_CUSTOM["DIMENSION"] = "dimension";
-    GA_CUSTOM["METRIC"] = "metric";
-})(GA_CUSTOM || (GA_CUSTOM = {}));
-var GA_HIT_TYPE;
-(function (GA_HIT_TYPE) {
-    GA_HIT_TYPE["EVENT"] = "event";
-})(GA_HIT_TYPE || (GA_HIT_TYPE = {}));
-var GA_ACTION_TYPE;
-(function (GA_ACTION_TYPE) {
-    GA_ACTION_TYPE["EXCEPTION"] = "exception";
-    GA_ACTION_TYPE["TIMING"] = "timing_complete";
-})(GA_ACTION_TYPE || (GA_ACTION_TYPE = {}));
-var CUSTOM_ACTION_TYPE;
-(function (CUSTOM_ACTION_TYPE) {
-    CUSTOM_ACTION_TYPE["TRACK_TIMING"] = "track_timing";
-})(CUSTOM_ACTION_TYPE || (CUSTOM_ACTION_TYPE = {}));
-var GA_CATEGORY;
-(function (GA_CATEGORY) {
-    GA_CATEGORY["ERROR"] = "Error";
-    GA_CATEGORY["NAVIGATION_TIMING"] = "Navigation Timing";
-    GA_CATEGORY["TIMING"] = "Timing";
-    GA_CATEGORY["INTERACTION"] = "Interaction";
-    GA_CATEGORY["TRACKING"] = "Tracking";
-    GA_CATEGORY["DEPRECATION"] = "Deprecation";
-})(GA_CATEGORY || (GA_CATEGORY = {}));
+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.
@@ -243,36 +227,6 @@ const deepMerge = (obj1, obj2) => {
         }
     }
     return obj1;
-};
-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;
 };
 
 const BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN = ['language', 'browserLanguage', 'userLanguage', 'systemLanguage'];
@@ -359,6 +313,9 @@ const getFallbackInitData = () => {
 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, {