@plattar/plattar-ar-adapter 2.7.1 → 2.7.2

package/build/es2015/plattar-ar-adapter.js

@@ -1025,7 +1025,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       exports.SceneAR = void 0;
       var plattar_analytics_1 = require("@plattar/plattar-analytics");
       var plattar_api_1 = require("@plattar/plattar-api");
-      var plattar_services_1 = require("@plattar/plattar-services");
       var util_1 = require("../util/util");
       var quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
       var scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
@@ -1093,58 +1092,114 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            */
         }, {
           key: "_ComposeScene",
-          value: function _ComposeScene(scene, output) {
-            var _this0 = this;
-            return new Promise(function (accept, reject) {
-              var sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
-              var sceneModels = scene.relationships.filter(plattar_api_1.SceneModel);
-              // nothing to do if no AR components can be found
-              if (sceneProducts.length + sceneModels.length <= 0) {
-                return reject(new Error("SceneAR.ComposeScene() - cannot proceed as scene does not contain AR components"));
-              }
-              // define our configurator
-              var configurator = new plattar_services_1.Configurator();
-              configurator.server = plattar_api_1.Server.location().type;
-              configurator.output = output;
-              var totalARObjectCount = 0;
-              // add our scene products
-              sceneProducts.forEach(function (sceneProduct) {
-                var product = sceneProduct.relationships.find(plattar_api_1.Product);
-                var selection = _this0._options.variationSelection;
-                // we have a specific product selection
-                if (sceneProduct.attributes.include_in_augment) {
-                  // check if this product is the one we want (from selection optionally)
-                  if (product && product.id === selection.productID && selection.variationID) {
-                    configurator.addSceneProduct(sceneProduct.id, selection.variationID);
-                    totalARObjectCount++;
-                  } else if (product) {
-                    // check if this scene-product is the one we want (from selection)
-                    if (sceneProduct.id === selection.sceneProductID && selection.variationID) {
-                      configurator.addSceneProduct(sceneProduct.id, selection.variationID);
-                      totalARObjectCount++;
-                    } else if (product.attributes.product_variation_id) {
-                      configurator.addSceneProduct(sceneProduct.id, product.attributes.product_variation_id);
-                      totalARObjectCount++;
+          value: (function () {
+            var _ComposeScene2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(scene, output) {
+              var _this0 = this;
+              var sceneProducts, sceneModels, url, payload, totalARObjectCount, response, data, _t2;
+              return _regenerator().w(function (_context4) {
+                while (1) switch (_context4.p = _context4.n) {
+                  case 0:
+                    sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
+                    sceneModels = scene.relationships.filter(plattar_api_1.SceneModel); // nothing to do if no AR components can be found
+                    if (!(sceneProducts.length + sceneModels.length <= 0)) {
+                      _context4.n = 1;
+                      break;
                     }
-                  }
-                }
-              });
-              // add our scene models
-              sceneModels.forEach(function (sceneModel) {
-                if (sceneModel.attributes.include_in_augment) {
-                  configurator.addModel(sceneModel.id);
-                  totalARObjectCount++;
+                    throw new Error("SceneAR.ComposeScene() - cannot proceed as scene does not contain AR components");
+                  case 1:
+                    url = "".concat(plattar_api_1.Server.location().type === 'staging' ? 'https://converter.plattar.space' : 'https://converter.plattar.com', "/v3/converter/config-to-model");
+                    payload = {
+                      data: {
+                        attributes: {
+                          quality: 100,
+                          output: output,
+                          maps: new Array()
+                        }
+                      }
+                    };
+                    totalARObjectCount = 0; // add our scene products
+                    sceneProducts.forEach(function (sceneProduct) {
+                      var product = sceneProduct.relationships.find(plattar_api_1.Product);
+                      var selection = _this0._options.variationSelection;
+                      // we have a specific product selection
+                      if (sceneProduct.attributes.include_in_augment) {
+                        // check if this product is the one we want (from selection optionally)
+                        if (product && product.id === selection.productID && selection.variationID) {
+                          payload.data.attributes.maps.push({
+                            sceneproduct: sceneProduct.id,
+                            productvariation: selection.variationID
+                          });
+                          totalARObjectCount++;
+                        } else if (product) {
+                          // check if this scene-product is the one we want (from selection)
+                          if (sceneProduct.id === selection.sceneProductID && selection.variationID) {
+                            payload.data.attributes.maps.push({
+                              sceneproduct: sceneProduct.id,
+                              productvariation: selection.variationID
+                            });
+                            totalARObjectCount++;
+                          } else if (product.attributes.product_variation_id) {
+                            payload.data.attributes.maps.push({
+                              sceneproduct: sceneProduct.id,
+                              productvariation: product.attributes.product_variation_id
+                            });
+                            totalARObjectCount++;
+                          }
+                        }
+                      }
+                    });
+                    // add our scene models
+                    sceneModels.forEach(function (sceneModel) {
+                      if (sceneModel.attributes.include_in_augment) {
+                        payload.data.attributes.maps.push({
+                          scenemodel: sceneModel.id
+                        });
+                        totalARObjectCount++;
+                      }
+                    });
+                    // ensure we have actually added AR objects
+                    if (!(totalARObjectCount <= 0)) {
+                      _context4.n = 2;
+                      break;
+                    }
+                    throw new Error("SceneAR.ComposeScene() - cannot proceed as scene does not contain any enabled AR components");
+                  case 2:
+                    _context4.p = 2;
+                    _context4.n = 3;
+                    return fetch(url, {
+                      method: "POST",
+                      headers: {
+                        "Content-Type": "application/json"
+                      },
+                      body: JSON.stringify(payload)
+                    });
+                  case 3:
+                    response = _context4.v;
+                    if (response.ok) {
+                      _context4.n = 4;
+                      break;
+                    }
+                    throw new Error("SceneAR.ComposeScene() - network response was not ok ".concat(response.status));
+                  case 4:
+                    _context4.n = 5;
+                    return response.json();
+                  case 5:
+                    data = _context4.v;
+                    return _context4.a(2, data.data.attributes.filename);
+                  case 6:
+                    _context4.p = 6;
+                    _t2 = _context4.v;
+                    throw new Error("SceneAR.ComposeScene() - there was a request error to ".concat(url, ", error was ").concat(_t2.message));
+                  case 7:
+                    return _context4.a(2);
                 }
-              });
-              // ensure we have actually added AR objects
-              if (totalARObjectCount <= 0) {
-                return reject(new Error("SceneAR.ComposeScene() - cannot proceed as scene does not contain any enabled AR components"));
-              }
-              return configurator.get().then(function (result) {
-                accept(result.filename);
-              })["catch"](reject);
-            });
-          }
+              }, _callee4, null, [[2, 6]]);
+            }));
+            function _ComposeScene(_x2, _x3) {
+              return _ComposeScene2.apply(this, arguments);
+            }
+            return _ComposeScene;
+          }()
           /**
            * Initialise the SceneAR instance. This returns a Promise that resolves
            * successfully if initialisation is successful, otherwise it will fail.
@@ -1152,6 +1207,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            * filure can occur for a number of reasons but it generally means that AR
            * cannot be performed.
            */
+          )
         }, {
           key: "init",
           value: function init() {
@@ -1258,8 +1314,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "../viewers/scene-viewer": 24,
       "./launcher-ar": 2,
       "@plattar/plattar-analytics": 44,
-      "@plattar/plattar-api": 48,
-      "@plattar/plattar-services": 122
+      "@plattar/plattar-api": 48
     }],
     7: [function (require, module, exports) {
       "use strict";
@@ -1302,17 +1357,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(SceneGraphAR, [{
           key: "_SetupAnalytics",
           value: function () {
-            var _SetupAnalytics2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+            var _SetupAnalytics2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
               var scene, fetchedScene, analytics, application;
-              return _regenerator().w(function (_context4) {
-                while (1) switch (_context4.n) {
+              return _regenerator().w(function (_context5) {
+                while (1) switch (_context5.n) {
                   case 0:
                     scene = new plattar_api_1.Scene(this._options.sceneID);
                     scene.include(plattar_api_1.Project);
-                    _context4.n = 1;
+                    _context5.n = 1;
                     return scene.get();
                   case 1:
-                    fetchedScene = _context4.v;
+                    fetchedScene = _context5.v;
                     analytics = null;
                     analytics = new plattar_analytics_1.Analytics(fetchedScene.attributes.application_id);
                     analytics.origin = plattar_api_1.Server.location().type;
@@ -1333,9 +1388,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         };
                       }
                     }
-                    return _context4.a(2, fetchedScene);
+                    return _context5.a(2, fetchedScene);
                 }
-              }, _callee4, this);
+              }, _callee5, this);
             }));
             function _SetupAnalytics() {
               return _SetupAnalytics2.apply(this, arguments);
@@ -1349,16 +1404,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_Compose",
           value: (function () {
-            var _Compose3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(output) {
-              var type, serverLocation, url, response, data, _t2;
-              return _regenerator().w(function (_context5) {
-                while (1) switch (_context5.p = _context5.n) {
+            var _Compose3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(output) {
+              var type, serverLocation, url, response, data, _t3;
+              return _regenerator().w(function (_context6) {
+                while (1) switch (_context6.p = _context6.n) {
                   case 0:
                     type = output === 'glb' ? "viewer" : "reality";
                     serverLocation = plattar_api_1.Server.location().type === 'staging' ? 'https://xrutils.plattar.space/v3/scene' : 'https://xrutils.plattar.com/v3/scene';
                     url = "".concat(serverLocation, "/").concat(this._options.sceneID, "/").concat(type, "/").concat(this._options.id); // grab our existing scene-graph from the saved API
-                    _context5.p = 1;
-                    _context5.n = 2;
+                    _context6.p = 1;
+                    _context6.n = 2;
                     return fetch(url, {
                       method: "GET",
                       headers: {
@@ -1366,28 +1421,28 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       }
                     });
                   case 2:
-                    response = _context5.v;
+                    response = _context6.v;
                     if (response.ok) {
-                      _context5.n = 3;
+                      _context6.n = 3;
                       break;
                     }
                     throw new Error("ARAdapter - Fetching Existing Graph Error - network response was not ok ".concat(response.status));
                   case 3:
-                    _context5.n = 4;
+                    _context6.n = 4;
                     return response.json();
                   case 4:
-                    data = _context5.v;
-                    return _context5.a(2, data.data.attributes.url);
+                    data = _context6.v;
+                    return _context6.a(2, data.data.attributes.url);
                   case 5:
-                    _context5.p = 5;
-                    _t2 = _context5.v;
-                    throw new Error("ARAdapter - Fetching Existing Graph Error - there was a request error to ".concat(url, ", error was ").concat(_t2.message));
+                    _context6.p = 5;
+                    _t3 = _context6.v;
+                    throw new Error("ARAdapter - Fetching Existing Graph Error - there was a request error to ".concat(url, ", error was ").concat(_t3.message));
                   case 6:
-                    return _context5.a(2);
+                    return _context6.a(2);
                 }
-              }, _callee5, this, [[1, 5]]);
+              }, _callee6, this, [[1, 5]]);
             }));
-            function _Compose(_x2) {
+            function _Compose(_x4) {
               return _Compose3.apply(this, arguments);
             }
             return _Compose;
@@ -1403,69 +1458,69 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "init",
           value: (function () {
-            var _init2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
+            var _init2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
               var scene, sceneOpt, modelUrl, _modelUrl3, _modelUrl4, arviewer;
-              return _regenerator().w(function (_context6) {
-                while (1) switch (_context6.n) {
+              return _regenerator().w(function (_context7) {
+                while (1) switch (_context7.n) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context6.n = 1;
+                      _context7.n = 1;
                       break;
                     }
                     throw new Error("SceneGraphAR.init() - cannot proceed as AR not available in context");
                   case 1:
-                    _context6.n = 2;
+                    _context7.n = 2;
                     return this._SetupAnalytics();
                   case 2:
-                    scene = _context6.v;
+                    scene = _context7.v;
                     sceneOpt = scene.attributes.custom_json || {}; // we need to define our AR module here
                     // we are in Safari/Quicklook mode here
                     if (!(util_1.Util.isSafari() || util_1.Util.isChromeOnIOS())) {
-                      _context6.n = 8;
+                      _context7.n = 8;
                       break;
                     }
                     if (!(sceneOpt.anchor === "face")) {
-                      _context6.n = 5;
+                      _context7.n = 5;
                       break;
                     }
                     if (!util_1.Util.canRealityViewer()) {
-                      _context6.n = 4;
+                      _context7.n = 4;
                       break;
                     }
-                    _context6.n = 3;
+                    _context7.n = 3;
                     return this._Compose("vto");
                   case 3:
-                    modelUrl = _context6.v;
+                    modelUrl = _context7.v;
                     this._ar = new quicklook_viewer_1["default"]();
                     this._ar.modelUrl = modelUrl;
                     this._ar.banner = this.options.banner;
-                    return _context6.a(2, this);
+                    return _context7.a(2, this);
                   case 4:
                     throw new Error("SceneGraphAR.init() - cannot proceed as VTO AR requires Reality Viewer support");
                   case 5:
                     if (!util_1.Util.canQuicklook()) {
-                      _context6.n = 7;
+                      _context7.n = 7;
                       break;
                     }
-                    _context6.n = 6;
+                    _context7.n = 6;
                     return this._Compose("usdz");
                   case 6:
-                    _modelUrl3 = _context6.v;
+                    _modelUrl3 = _context7.v;
                     this._ar = new quicklook_viewer_1["default"]();
                     this._ar.modelUrl = _modelUrl3;
                     this._ar.banner = this.options.banner;
-                    return _context6.a(2, this);
+                    return _context7.a(2, this);
                   case 7:
                     throw new Error("SceneGraphAR.init() - cannot proceed as IOS device does not support AR Mode");
                   case 8:
                     if (!util_1.Util.canSceneViewer()) {
-                      _context6.n = 10;
+                      _context7.n = 10;
                       break;
                     }
-                    _context6.n = 9;
+                    _context7.n = 9;
                     return this._Compose("glb");
                   case 9:
-                    _modelUrl4 = _context6.v;
+                    _modelUrl4 = _context7.v;
                     arviewer = new scene_viewer_1["default"]();
                     arviewer.modelUrl = _modelUrl4;
                     arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
@@ -1474,13 +1529,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       arviewer.isVertical = true;
                     }
                     this._ar = arviewer;
-                    return _context6.a(2, this);
+                    return _context7.a(2, this);
                   case 10:
                     throw new Error("SceneGraphAR.init() - could not initialise AR correctly, check values");
                   case 11:
-                    return _context6.a(2);
+                    return _context7.a(2);
                 }
-              }, _callee6, this);
+              }, _callee7, this);
             }));
             function init() {
               return _init2.apply(this, arguments);
@@ -1632,20 +1687,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(ConfiguratorController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
-              return _regenerator().w(function (_context7) {
-                while (1) switch (_context7.n) {
+            var _getConfiguratorState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
+              return _regenerator().w(function (_context8) {
+                while (1) switch (_context8.n) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context7.n = 1;
+                      _context8.n = 1;
                       break;
                     }
-                    return _context7.a(2, this._cachedConfigState);
+                    return _context8.a(2, this._cachedConfigState);
                   case 1:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context7.a(2, this._cachedConfigState);
+                    return _context8.a(2, this._cachedConfigState);
                 }
-              }, _callee7, this);
+              }, _callee8, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState.apply(this, arguments);
@@ -1655,61 +1710,61 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(attributeName) {
+            var _onAttributesUpdated = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9(attributeName) {
               var state, viewer, variationIDs, variationIDsList, variationSKUs, variationSKUList, configState, _variationIDs, _variationIDsList, _configState, _variationSKUs, _variationSKUList;
-              return _regenerator().w(function (_context8) {
-                while (1) switch (_context8.n) {
+              return _regenerator().w(function (_context9) {
+                while (1) switch (_context9.n) {
                   case 0:
                     state = this._state;
                     if (!(state === plattar_controller_1.ControllerState.Renderer)) {
-                      _context8.n = 3;
+                      _context9.n = 3;
                       break;
                     }
                     viewer = this.element;
                     if (!viewer) {
-                      _context8.n = 2;
+                      _context9.n = 2;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context8.n = 1;
+                      _context9.n = 1;
                       break;
                     }
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     if (!(variationIDsList.length > 0)) {
-                      _context8.n = 1;
+                      _context9.n = 1;
                       break;
                     }
-                    _context8.n = 1;
+                    _context9.n = 1;
                     return viewer.messenger.selectVariationID(variationIDsList);
                   case 1:
                     if (!(attributeName === "variation-sku")) {
-                      _context8.n = 2;
+                      _context9.n = 2;
                       break;
                     }
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     if (!(variationSKUList.length > 0)) {
-                      _context8.n = 2;
+                      _context9.n = 2;
                       break;
                     }
-                    _context8.n = 2;
+                    _context9.n = 2;
                     return viewer.messenger.selectVariationSKU(variationSKUList);
                   case 2:
-                    return _context8.a(2);
+                    return _context9.a(2);
                   case 3:
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context8.n = 8;
+                      _context9.n = 8;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context8.n = 5;
+                      _context9.n = 5;
                       break;
                     }
-                    _context8.n = 4;
+                    _context9.n = 4;
                     return this.getConfiguratorState();
                   case 4:
-                    configState = _context8.v;
+                    configState = _context9.v;
                     _variationIDs = this.getAttribute("variation-id");
                     _variationIDsList = _variationIDs ? _variationIDs.split(",") : [];
                     _variationIDsList.forEach(function (variationID) {
@@ -1717,13 +1772,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 5:
                     if (!(attributeName === "variation-sku")) {
-                      _context8.n = 7;
+                      _context9.n = 7;
                       break;
                     }
-                    _context8.n = 6;
+                    _context9.n = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    _configState = _context8.v;
+                    _configState = _context9.v;
                     _variationSKUs = this.getAttribute("variation-sku");
                     _variationSKUList = _variationSKUs ? _variationSKUs.split(",") : [];
                     _variationSKUList.forEach(function (variationSKU) {
@@ -1731,13 +1786,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 7:
                     this.startQRCode(this._prevQROpt);
-                    return _context8.a(2);
+                    return _context9.a(2);
                   case 8:
-                    return _context8.a(2);
+                    return _context9.a(2);
                 }
-              }, _callee8, this);
+              }, _callee9, this);
             }));
-            function onAttributesUpdated(_x3) {
+            function onAttributesUpdated(_x5) {
               return _onAttributesUpdated.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -1745,21 +1800,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startARQRCode",
           value: function () {
-            var _startARQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9(options) {
-              var dState, product, controller, _t3;
-              return _regenerator().w(function (_context9) {
-                while (1) switch (_context9.p = _context9.n) {
+            var _startARQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0(options) {
+              var dState, product, controller, _t4;
+              return _regenerator().w(function (_context0) {
+                while (1) switch (_context0.p = _context0.n) {
                   case 0:
-                    _context9.p = 0;
-                    _context9.n = 1;
+                    _context0.p = 0;
+                    _context0.n = 1;
                     return this.getConfiguratorState();
                   case 1:
-                    dState = _context9.v;
+                    dState = _context0.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context9.n = 3;
+                      _context0.n = 3;
                       break;
                     }
                     this.parent.lockObserver();
@@ -1769,24 +1824,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context9.n = 2;
+                      _context0.n = 2;
                       break;
                     }
-                    return _context9.a(2, controller.startARQRCode(options));
+                    return _context0.a(2, controller.startARQRCode(options));
                   case 2:
-                    return _context9.a(2, Promise.reject(new Error("ConfiguratorController.startARQRCode() - legacy product transition failed")));
+                    return _context0.a(2, Promise.reject(new Error("ConfiguratorController.startARQRCode() - legacy product transition failed")));
                   case 3:
-                    _context9.n = 5;
+                    _context0.n = 5;
                     break;
                   case 4:
-                    _context9.p = 4;
-                    _t3 = _context9.v;
+                    _context0.p = 4;
+                    _t4 = _context0.v;
                   case 5:
-                    return _context9.a(2, _superPropGet(ConfiguratorController, "startARQRCode", this, 3)([options]));
+                    return _context0.a(2, _superPropGet(ConfiguratorController, "startARQRCode", this, 3)([options]));
                 }
-              }, _callee9, this, [[0, 4]]);
+              }, _callee0, this, [[0, 4]]);
             }));
-            function startARQRCode(_x4) {
+            function startARQRCode(_x6) {
               return _startARQRCode.apply(this, arguments);
             }
             return startARQRCode;
@@ -1794,11 +1849,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startViewerQRCode",
           value: function () {
-            var _startViewerQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0(options) {
+            var _startViewerQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1(options) {
               var _this14 = this;
-              var opt, sceneID, configState, dState, product, controller, viewer, width, height, dst, showAR, showUI, showBanner, sceneGraphID, _t4, _t5, _t6;
-              return _regenerator().w(function (_context0) {
-                while (1) switch (_context0.p = _context0.n) {
+              var opt, sceneID, configState, dState, product, controller, viewer, width, height, dst, showAR, showUI, showBanner, sceneGraphID, _t5, _t6, _t7;
+              return _regenerator().w(function (_context1) {
+                while (1) switch (_context1.p = _context1.n) {
                   case 0:
                     opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
                     if (!opt.detached) {
@@ -1806,23 +1861,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context0.n = 1;
+                      _context1.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorController.startViewerQRCode() - minimum required attributes not set, use scene-id as a minimum");
                   case 1:
                     // optional attributes
                     configState = null;
-                    _context0.p = 2;
-                    _context0.n = 3;
+                    _context1.p = 2;
+                    _context1.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    dState = _context0.v;
+                    dState = _context1.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context0.n = 5;
+                      _context1.n = 5;
                       break;
                     }
                     this.parent.lockObserver();
@@ -1832,19 +1887,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context0.n = 4;
+                      _context1.n = 4;
                       break;
                     }
-                    return _context0.a(2, controller.startViewerQRCode(options));
+                    return _context1.a(2, controller.startViewerQRCode(options));
                   case 4:
-                    return _context0.a(2, Promise.reject(new Error("ConfiguratorController.startViewerQRCode() - legacy product transition failed")));
+                    return _context1.a(2, Promise.reject(new Error("ConfiguratorController.startViewerQRCode() - legacy product transition failed")));
                   case 5:
                     configState = dState.state.encode();
-                    _context0.n = 7;
+                    _context1.n = 7;
                     break;
                   case 6:
-                    _context0.p = 6;
-                    _t4 = _context0.v;
+                    _context1.p = 6;
+                    _t5 = _context1.v;
                     // config state is not available
                     configState = null;
                   case 7:
@@ -1869,34 +1924,34 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     dst = "https://renderer.plattar.com/configurator.html?scene_id=".concat(sceneID);
-                    _t5 = plattar_api_1.Server.location().type;
-                    _context0.n = _t5 === 'review' ? 8 : _t5 === 'staging' ? 9 : 10;
+                    _t6 = plattar_api_1.Server.location().type;
+                    _context1.n = _t6 === 'review' ? 8 : _t6 === 'staging' ? 9 : 10;
                     break;
                   case 8:
                     dst = "https://renderer-review.plattar.com/configurator.html?scene_id=".concat(sceneID);
-                    return _context0.a(3, 10);
+                    return _context1.a(3, 10);
                   case 9:
                     dst = "https://renderer.plattar.space/configurator.html?scene_id=".concat(sceneID);
-                    return _context0.a(3, 10);
+                    return _context1.a(3, 10);
                   case 10:
                     showAR = this.getAttribute("show-ar");
                     showUI = this.getAttribute("show-ui");
                     showBanner = this.getAttribute("show-ar-banner");
                     sceneGraphID = this.getAttribute("scene-graph-id");
                     if (!(showUI && showUI === "true")) {
-                      _context0.n = 13;
+                      _context1.n = 13;
                       break;
                     }
                     dst = "https://configurator.plattar.com/index.html?scene_id=".concat(sceneID);
-                    _t6 = plattar_api_1.Server.location().type;
-                    _context0.n = _t6 === 'review' ? 11 : _t6 === 'staging' ? 12 : 13;
+                    _t7 = plattar_api_1.Server.location().type;
+                    _context1.n = _t7 === 'review' ? 11 : _t7 === 'staging' ? 12 : 13;
                     break;
                   case 11:
                     dst = "https://configurator-review.plattar.com/configurator.html?scene_id=".concat(sceneID);
-                    return _context0.a(3, 13);
+                    return _context1.a(3, 13);
                   case 12:
                     dst = "https://configurator.plattar.space/configurator.html?scene_id=".concat(sceneID);
-                    return _context0.a(3, 13);
+                    return _context1.a(3, 13);
                   case 13:
                     if (configState) {
                       dst += "&config_state=" + configState;
@@ -1913,24 +1968,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context0.n = 14;
+                      _context1.n = 14;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
-                    return _context0.a(2, new Promise(function (accept, reject) {
+                    return _context1.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this14.append(viewer);
                     }));
                   case 14:
-                    return _context0.a(2, new Promise(function (accept, reject) {
+                    return _context1.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee0, this, [[2, 6]]);
+              }, _callee1, this, [[2, 6]]);
             }));
-            function startViewerQRCode(_x5) {
+            function startViewerQRCode(_x7) {
               return _startViewerQRCode.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -1938,17 +1993,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
+            var _startRenderer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10() {
               var _this15 = this;
-              var sceneID, configState, dState, product, controller, width, height, server, viewer, showAR, showUI, encodedState, _t7;
-              return _regenerator().w(function (_context1) {
-                while (1) switch (_context1.p = _context1.n) {
+              var sceneID, configState, dState, product, controller, width, height, server, viewer, showAR, showUI, encodedState, _t8;
+              return _regenerator().w(function (_context10) {
+                while (1) switch (_context10.p = _context10.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context1.n = 1;
+                      _context10.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
@@ -1956,16 +2011,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // optional attributes
                     configState = null;
                     this._state = plattar_controller_1.ControllerState.Renderer;
-                    _context1.p = 2;
-                    _context1.n = 3;
+                    _context10.p = 2;
+                    _context10.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    dState = _context1.v;
+                    dState = _context10.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context1.n = 5;
+                      _context10.n = 5;
                       break;
                     }
                     this.parent.lockObserver();
@@ -1975,19 +2030,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context1.n = 4;
+                      _context10.n = 4;
                       break;
                     }
-                    return _context1.a(2, controller.startRenderer());
+                    return _context10.a(2, controller.startRenderer());
                   case 4:
-                    return _context1.a(2, Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
+                    return _context10.a(2, Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
                   case 5:
                     configState = dState;
-                    _context1.n = 7;
+                    _context10.n = 7;
                     break;
                   case 6:
-                    _context1.p = 6;
-                    _t7 = _context1.v;
+                    _context10.p = 6;
+                    _t8 = _context10.v;
                     // config state is not available
                     configState = null;
                   case 7:
@@ -2015,7 +2070,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showUI) {
                       viewer.setAttribute("show-ui", showUI);
                     }
-                    return _context1.a(2, new Promise(function (accept, reject) {
+                    return _context10.a(2, new Promise(function (accept, reject) {
                       _this15.append(viewer);
                       if (configState) {
                         _this15.setupMessengerObservers(viewer, configState);
@@ -2023,7 +2078,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       return accept(viewer);
                     }));
                 }
-              }, _callee1, this, [[2, 6]]);
+              }, _callee10, this, [[2, 6]]);
             }));
             function startRenderer() {
               return _startRenderer.apply(this, arguments);
@@ -2033,27 +2088,27 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10() {
-              var dState, product, controller, arMode, _t8, _t9;
-              return _regenerator().w(function (_context10) {
-                while (1) switch (_context10.p = _context10.n) {
+            var _initAR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11() {
+              var dState, product, controller, arMode, _t9, _t0;
+              return _regenerator().w(function (_context11) {
+                while (1) switch (_context11.p = _context11.n) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context10.n = 1;
+                      _context11.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorController.initAR() - cannot proceed as AR not available in context");
                   case 1:
-                    _context10.p = 1;
-                    _context10.n = 2;
+                    _context11.p = 1;
+                    _context11.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    dState = _context10.v;
+                    dState = _context11.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context10.n = 4;
+                      _context11.n = 4;
                       break;
                     }
                     this.parent.lockObserver();
@@ -2063,31 +2118,31 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context10.n = 3;
+                      _context11.n = 3;
                       break;
                     }
-                    return _context10.a(2, controller.initAR());
+                    return _context11.a(2, controller.initAR());
                   case 3:
-                    return _context10.a(2, Promise.reject(new Error("ConfiguratorController.initAR() - legacy product transition failed")));
+                    return _context11.a(2, Promise.reject(new Error("ConfiguratorController.initAR() - legacy product transition failed")));
                   case 4:
-                    _context10.n = 6;
+                    _context11.n = 6;
                     break;
                   case 5:
-                    _context10.p = 5;
-                    _t8 = _context10.v;
+                    _context11.p = 5;
+                    _t9 = _context11.v;
                   case 6:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t9 = arMode.toLowerCase();
-                    _context10.n = _t9 === "inherited" ? 7 : _t9 === "generated" ? 8 : 8;
+                    _t0 = arMode.toLowerCase();
+                    _context11.n = _t0 === "inherited" ? 7 : _t0 === "generated" ? 8 : 8;
                     break;
                   case 7:
-                    return _context10.a(2, this._InitARInherited());
+                    return _context11.a(2, this._InitARInherited());
                   case 8:
-                    return _context10.a(2, this._InitARGenerated());
+                    return _context11.a(2, this._InitARGenerated());
                   case 9:
-                    return _context10.a(2);
+                    return _context11.a(2);
                 }
-              }, _callee10, this, [[1, 5]]);
+              }, _callee11, this, [[1, 5]]);
             }));
             function initAR() {
               return _initAR.apply(this, arguments);
@@ -2100,25 +2155,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARInherited",
           value: (function () {
-            var _InitARInherited2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11() {
+            var _InitARInherited2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12() {
               var sceneID, state, first, sceneProductAR;
-              return _regenerator().w(function (_context11) {
-                while (1) switch (_context11.n) {
+              return _regenerator().w(function (_context12) {
+                while (1) switch (_context12.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context11.n = 1;
+                      _context12.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorController.initAR() - inherited AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _context11.n = 2;
+                    _context12.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    state = _context11.v.state;
+                    state = _context12.v.state;
                     first = state.firstActiveOfType("sceneproduct");
                     if (!first) {
-                      _context11.n = 3;
+                      _context12.n = 3;
                       break;
                     }
                     //const sceneProductAR: SceneProductAR = new SceneProductAR(first.scene_product_id, first.product_variation_id);
@@ -2128,13 +2183,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       variationSKU: null,
                       useARBanner: this.getBooleanAttribute("show-ar-banner")
                     });
-                    return _context11.a(2, sceneProductAR.init());
+                    return _context12.a(2, sceneProductAR.init());
                   case 3:
                     throw new Error("ConfiguratorController.initAR() - invalid decoded config-state does not have any product states");
                   case 4:
-                    return _context11.a(2);
+                    return _context12.a(2);
                 }
-              }, _callee11, this);
+              }, _callee12, this);
             }));
             function _InitARInherited() {
               return _InitARInherited2.apply(this, arguments);
@@ -2148,21 +2203,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARGenerated",
           value: (function () {
-            var _InitARGenerated2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12() {
-              var sceneID, graphID, _configAR, configAR, _t0, _t1, _t10, _t11;
-              return _regenerator().w(function (_context12) {
-                while (1) switch (_context12.n) {
+            var _InitARGenerated2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13() {
+              var sceneID, graphID, _configAR, configAR, _t1, _t10, _t11, _t12;
+              return _regenerator().w(function (_context13) {
+                while (1) switch (_context13.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context12.n = 1;
+                      _context13.n = 1;
                       break;
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
                     graphID = this.getAttribute("scene-graph-id"); // use the scene-graph route if available
                     if (!graphID) {
-                      _context12.n = 2;
+                      _context13.n = 2;
                       break;
                     }
                     _configAR = new scene_graph_ar_1.SceneGraphAR({
@@ -2170,22 +2225,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       id: graphID,
                       sceneID: sceneID
                     });
-                    return _context12.a(2, _configAR.init());
+                    return _context13.a(2, _configAR.init());
                   case 2:
-                    _t0 = configurator_ar_1.ConfiguratorAR;
-                    _context12.n = 3;
+                    _t1 = configurator_ar_1.ConfiguratorAR;
+                    _context13.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _t1 = _context12.v;
-                    _t10 = this.getBooleanAttribute("show-ar-banner");
-                    _t11 = {
-                      state: _t1,
-                      useARBanner: _t10
+                    _t10 = _context13.v;
+                    _t11 = this.getBooleanAttribute("show-ar-banner");
+                    _t12 = {
+                      state: _t10,
+                      useARBanner: _t11
                     };
-                    configAR = new _t0(_t11);
-                    return _context12.a(2, configAR.init());
+                    configAR = new _t1(_t12);
+                    return _context13.a(2, configAR.init());
                 }
-              }, _callee12, this);
+              }, _callee13, this);
             }));
             function _InitARGenerated() {
               return _InitARGenerated2.apply(this, arguments);
@@ -2235,20 +2290,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(GalleryController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13() {
-              return _regenerator().w(function (_context13) {
-                while (1) switch (_context13.n) {
+            var _getConfiguratorState2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee14() {
+              return _regenerator().w(function (_context14) {
+                while (1) switch (_context14.n) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context13.n = 1;
+                      _context14.n = 1;
                       break;
                     }
-                    return _context13.a(2, this._cachedConfigState);
+                    return _context14.a(2, this._cachedConfigState);
                   case 1:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context13.a(2, this._cachedConfigState);
+                    return _context14.a(2, this._cachedConfigState);
                 }
-              }, _callee13, this);
+              }, _callee14, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState2.apply(this, arguments);
@@ -2258,24 +2313,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee14(attributeName) {
+            var _onAttributesUpdated2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(attributeName) {
               var state, configState, variationIDs, variationIDsList, _configState2, variationSKUs, variationSKUList;
-              return _regenerator().w(function (_context14) {
-                while (1) switch (_context14.n) {
+              return _regenerator().w(function (_context15) {
+                while (1) switch (_context15.n) {
                   case 0:
                     state = this._state; // re-render the QR Code when attributes have changed
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context14.n = 5;
+                      _context15.n = 5;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context14.n = 2;
+                      _context15.n = 2;
                       break;
                     }
-                    _context14.n = 1;
+                    _context15.n = 1;
                     return this.getConfiguratorState();
                   case 1:
-                    configState = _context14.v;
+                    configState = _context15.v;
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     variationIDsList.forEach(function (variationID) {
@@ -2283,13 +2338,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 2:
                     if (!(attributeName === "variation-sku")) {
-                      _context14.n = 4;
+                      _context15.n = 4;
                       break;
                     }
-                    _context14.n = 3;
+                    _context15.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _configState2 = _context14.v;
+                    _configState2 = _context15.v;
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     variationSKUList.forEach(function (variationSKU) {
@@ -2297,13 +2352,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 4:
                     this.startQRCode(this._prevQROpt);
-                    return _context14.a(2);
+                    return _context15.a(2);
                   case 5:
-                    return _context14.a(2);
+                    return _context15.a(2);
                 }
-              }, _callee14, this);
+              }, _callee15, this);
             }));
-            function onAttributesUpdated(_x6) {
+            function onAttributesUpdated(_x8) {
               return _onAttributesUpdated2.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -2311,11 +2366,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startViewerQRCode",
           value: function () {
-            var _startViewerQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(options) {
+            var _startViewerQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee16(options) {
               var _this17 = this;
-              var opt, sceneID, viewer, width, height, dst, _t12;
-              return _regenerator().w(function (_context15) {
-                while (1) switch (_context15.n) {
+              var opt, sceneID, viewer, width, height, dst, _t13;
+              return _regenerator().w(function (_context16) {
+                while (1) switch (_context16.n) {
                   case 0:
                     opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
                     if (!opt.detached) {
@@ -2323,7 +2378,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context15.n = 1;
+                      _context16.n = 1;
                       break;
                     }
                     throw new Error("GalleryController.startViewerQRCode() - minimum required attributes not set, use scene-id as a minimum");
@@ -2349,37 +2404,37 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     dst = "https://renderer.plattar.com/gallery.html?scene_id=".concat(sceneID);
-                    _t12 = plattar_api_1.Server.location().type;
-                    _context15.n = _t12 === 'review' ? 2 : _t12 === 'staging' ? 3 : 4;
+                    _t13 = plattar_api_1.Server.location().type;
+                    _context16.n = _t13 === 'review' ? 2 : _t13 === 'staging' ? 3 : 4;
                     break;
                   case 2:
                     dst = "https://renderer-review.plattar.com/gallery.html?scene_id=".concat(sceneID);
-                    return _context15.a(3, 4);
+                    return _context16.a(3, 4);
                   case 3:
                     dst = "https://renderer.plattar.space/gallery.html?scene_id=".concat(sceneID);
-                    return _context15.a(3, 4);
+                    return _context16.a(3, 4);
                   case 4:
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context15.n = 5;
+                      _context16.n = 5;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
-                    return _context15.a(2, new Promise(function (accept, reject) {
+                    return _context16.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this17.append(viewer);
                     }));
                   case 5:
-                    return _context15.a(2, new Promise(function (accept, reject) {
+                    return _context16.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee15, this);
+              }, _callee16, this);
             }));
-            function startViewerQRCode(_x7) {
+            function startViewerQRCode(_x9) {
               return _startViewerQRCode2.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -2387,17 +2442,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee16() {
+            var _startRenderer2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17() {
               var _this18 = this;
               var sceneID, width, height, server, viewer;
-              return _regenerator().w(function (_context16) {
-                while (1) switch (_context16.n) {
+              return _regenerator().w(function (_context17) {
+                while (1) switch (_context17.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context16.n = 1;
+                      _context17.n = 1;
                       break;
                     }
                     throw new Error("GalleryController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
@@ -2413,12 +2468,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("height", height);
                     viewer.setAttribute("server", server);
                     viewer.setAttribute("scene-id", sceneID);
-                    return _context16.a(2, new Promise(function (accept, reject) {
+                    return _context17.a(2, new Promise(function (accept, reject) {
                       _this18.append(viewer);
                       return accept(viewer);
                     }));
                 }
-              }, _callee16, this);
+              }, _callee17, this);
             }));
             function startRenderer() {
               return _startRenderer2.apply(this, arguments);
@@ -2428,15 +2483,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17() {
-              return _regenerator().w(function (_context17) {
-                while (1) switch (_context17.n) {
+            var _initAR2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee18() {
+              return _regenerator().w(function (_context18) {
+                while (1) switch (_context18.n) {
                   case 0:
                     throw new Error("GalleryController.initAR() - cannot proceed as AR not available in gallery context");
                   case 1:
-                    return _context17.a(2);
+                    return _context18.a(2);
                 }
-              }, _callee17);
+              }, _callee18);
             }));
             function initAR() {
               return _initAR2.apply(this, arguments);
@@ -2485,20 +2540,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(LauncherController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee18() {
-              return _regenerator().w(function (_context18) {
-                while (1) switch (_context18.n) {
+            var _getConfiguratorState3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee19() {
+              return _regenerator().w(function (_context19) {
+                while (1) switch (_context19.n) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context18.n = 1;
+                      _context19.n = 1;
                       break;
                     }
-                    return _context18.a(2, this._cachedConfigState);
+                    return _context19.a(2, this._cachedConfigState);
                   case 1:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context18.a(2, this._cachedConfigState);
+                    return _context19.a(2, this._cachedConfigState);
                 }
-              }, _callee18, this);
+              }, _callee19, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState3.apply(this, arguments);
@@ -2508,20 +2563,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee19(attributeName) {
+            var _onAttributesUpdated3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee20(attributeName) {
               var state, configState, variationIDs, variationIDsList, _configState3, variationSKUs, variationSKUList;
-              return _regenerator().w(function (_context19) {
-                while (1) switch (_context19.n) {
+              return _regenerator().w(function (_context20) {
+                while (1) switch (_context20.n) {
                   case 0:
                     state = this._state;
                     if (!(attributeName === "variation-id")) {
-                      _context19.n = 2;
+                      _context20.n = 2;
                       break;
                     }
-                    _context19.n = 1;
+                    _context20.n = 1;
                     return this.getConfiguratorState();
                   case 1:
-                    configState = _context19.v;
+                    configState = _context20.v;
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     variationIDsList.forEach(function (variationID) {
@@ -2529,13 +2584,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 2:
                     if (!(attributeName === "variation-sku")) {
-                      _context19.n = 4;
+                      _context20.n = 4;
                       break;
                     }
-                    _context19.n = 3;
+                    _context20.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _configState3 = _context19.v;
+                    _configState3 = _context20.v;
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     variationSKUList.forEach(function (variationSKU) {
@@ -2543,17 +2598,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 4:
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context19.n = 5;
+                      _context20.n = 5;
                       break;
                     }
                     this.startQRCode(this._prevQROpt);
-                    return _context19.a(2);
+                    return _context20.a(2);
                   case 5:
-                    return _context19.a(2);
+                    return _context20.a(2);
                 }
-              }, _callee19, this);
+              }, _callee20, this);
             }));
-            function onAttributesUpdated(_x8) {
+            function onAttributesUpdated(_x0) {
               return _onAttributesUpdated3.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -2561,21 +2616,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startARQRCode",
           value: function () {
-            var _startARQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee20(options) {
-              var dState, product, controller, _t13;
-              return _regenerator().w(function (_context20) {
-                while (1) switch (_context20.p = _context20.n) {
+            var _startARQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee21(options) {
+              var dState, product, controller, _t14;
+              return _regenerator().w(function (_context21) {
+                while (1) switch (_context21.p = _context21.n) {
                   case 0:
-                    _context20.p = 0;
-                    _context20.n = 1;
+                    _context21.p = 0;
+                    _context21.n = 1;
                     return this.getConfiguratorState();
                   case 1:
-                    dState = _context20.v;
+                    dState = _context21.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context20.n = 3;
+                      _context21.n = 3;
                       break;
                     }
                     this.parent.lockObserver();
@@ -2585,24 +2640,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context20.n = 2;
+                      _context21.n = 2;
                       break;
                     }
-                    return _context20.a(2, controller.startARQRCode(options));
+                    return _context21.a(2, controller.startARQRCode(options));
                   case 2:
-                    return _context20.a(2, Promise.reject(new Error("LauncherController.startARQRCode() - legacy product transition failed")));
+                    return _context21.a(2, Promise.reject(new Error("LauncherController.startARQRCode() - legacy product transition failed")));
                   case 3:
-                    _context20.n = 5;
+                    _context21.n = 5;
                     break;
                   case 4:
-                    _context20.p = 4;
-                    _t13 = _context20.v;
+                    _context21.p = 4;
+                    _t14 = _context21.v;
                   case 5:
-                    return _context20.a(2, _superPropGet(LauncherController, "startARQRCode", this, 3)([options]));
+                    return _context21.a(2, _superPropGet(LauncherController, "startARQRCode", this, 3)([options]));
                 }
-              }, _callee20, this, [[0, 4]]);
+              }, _callee21, this, [[0, 4]]);
             }));
-            function startARQRCode(_x9) {
+            function startARQRCode(_x1) {
               return _startARQRCode2.apply(this, arguments);
             }
             return startARQRCode;
@@ -2610,15 +2665,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startViewerQRCode",
           value: function () {
-            var _startViewerQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee21(options) {
-              return _regenerator().w(function (_context21) {
-                while (1) switch (_context21.n) {
+            var _startViewerQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22(options) {
+              return _regenerator().w(function (_context22) {
+                while (1) switch (_context22.n) {
                   case 0:
-                    return _context21.a(2, this.startARQRCode(options));
+                    return _context22.a(2, this.startARQRCode(options));
                 }
-              }, _callee21, this);
+              }, _callee22, this);
             }));
-            function startViewerQRCode(_x0) {
+            function startViewerQRCode(_x10) {
               return _startViewerQRCode3.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -2626,25 +2681,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22() {
+            var _startRenderer3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23() {
               var _this20 = this;
-              var sceneID, configState, qrOptions, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, width, height, server, viewer, _sceneGraphID, _t14;
-              return _regenerator().w(function (_context22) {
-                while (1) switch (_context22.p = _context22.n) {
+              var sceneID, configState, qrOptions, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, width, height, server, viewer, _sceneGraphID, _t15;
+              return _regenerator().w(function (_context23) {
+                while (1) switch (_context23.p = _context23.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context22.n = 1;
+                      _context23.n = 1;
                       break;
                     }
                     throw new Error("LauncherController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _context22.n = 2;
+                    _context23.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    configState = _context22.v;
+                    configState = _context23.v;
                     this._state = plattar_controller_1.ControllerState.Renderer;
                     qrOptions = btoa(JSON.stringify(this._GetDefaultQROptions()));
                     embedType = this.getAttribute("embed-type");
@@ -2687,32 +2742,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       viewer.setAttribute("show-ar-banner", showBanner);
                     }
                     if (!sceneGraphID) {
-                      _context22.n = 3;
+                      _context23.n = 3;
                       break;
                     }
                     viewer.setAttribute("scene-graph-id", sceneGraphID);
-                    _context22.n = 7;
+                    _context23.n = 7;
                     break;
                   case 3:
-                    _context22.p = 3;
-                    _context22.n = 4;
+                    _context23.p = 3;
+                    _context23.n = 4;
                     return this.getConfiguratorState();
                   case 4:
-                    _context22.n = 5;
-                    return _context22.v.state.encodeSceneGraphID();
+                    _context23.n = 5;
+                    return _context23.v.state.encodeSceneGraphID();
                   case 5:
-                    _sceneGraphID = _context22.v;
+                    _sceneGraphID = _context23.v;
                     viewer.setAttribute("scene-graph-id", _sceneGraphID);
-                    _context22.n = 7;
+                    _context23.n = 7;
                     break;
                   case 6:
-                    _context22.p = 6;
-                    _t14 = _context22.v;
+                    _context23.p = 6;
+                    _t15 = _context23.v;
                     // scene graph ID not available for some reason
                     // we will generate a new one
-                    console.error(_t14);
+                    console.error(_t15);
                   case 7:
-                    return _context22.a(2, new Promise(function (accept, reject) {
+                    return _context23.a(2, new Promise(function (accept, reject) {
                       _this20.append(viewer);
                       if (configState) {
                         _this20.setupMessengerObservers(viewer, configState);
@@ -2720,7 +2775,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       return accept(viewer);
                     }));
                 }
-              }, _callee22, this, [[3, 6]]);
+              }, _callee23, this, [[3, 6]]);
             }));
             function startRenderer() {
               return _startRenderer3.apply(this, arguments);
@@ -2730,27 +2785,27 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23() {
-              var dState, product, controller, arMode, _t15, _t16;
-              return _regenerator().w(function (_context23) {
-                while (1) switch (_context23.p = _context23.n) {
+            var _initAR3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee24() {
+              var dState, product, controller, arMode, _t16, _t17;
+              return _regenerator().w(function (_context24) {
+                while (1) switch (_context24.p = _context24.n) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context23.n = 1;
+                      _context24.n = 1;
                       break;
                     }
                     throw new Error("LauncherController.initAR() - cannot proceed as AR not available in context");
                   case 1:
-                    _context23.p = 1;
-                    _context23.n = 2;
+                    _context24.p = 1;
+                    _context24.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    dState = _context23.v;
+                    dState = _context24.v;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context23.n = 4;
+                      _context24.n = 4;
                       break;
                     }
                     this.parent.lockObserver();
@@ -2760,31 +2815,31 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context23.n = 3;
+                      _context24.n = 3;
                       break;
                     }
-                    return _context23.a(2, controller.initAR());
+                    return _context24.a(2, controller.initAR());
                   case 3:
-                    return _context23.a(2, Promise.reject(new Error("LauncherController.initAR() - legacy product transition failed")));
+                    return _context24.a(2, Promise.reject(new Error("LauncherController.initAR() - legacy product transition failed")));
                   case 4:
-                    _context23.n = 6;
+                    _context24.n = 6;
                     break;
                   case 5:
-                    _context23.p = 5;
-                    _t15 = _context23.v;
+                    _context24.p = 5;
+                    _t16 = _context24.v;
                   case 6:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t16 = arMode.toLowerCase();
-                    _context23.n = _t16 === "inherited" ? 7 : _t16 === "generated" ? 8 : 8;
+                    _t17 = arMode.toLowerCase();
+                    _context24.n = _t17 === "inherited" ? 7 : _t17 === "generated" ? 8 : 8;
                     break;
                   case 7:
-                    return _context23.a(2, this._InitARInherited());
+                    return _context24.a(2, this._InitARInherited());
                   case 8:
-                    return _context23.a(2, this._InitARGenerated());
+                    return _context24.a(2, this._InitARGenerated());
                   case 9:
-                    return _context23.a(2);
+                    return _context24.a(2);
                 }
-              }, _callee23, this, [[1, 5]]);
+              }, _callee24, this, [[1, 5]]);
             }));
             function initAR() {
               return _initAR3.apply(this, arguments);
@@ -2797,25 +2852,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARInherited",
           value: (function () {
-            var _InitARInherited3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee24() {
+            var _InitARInherited3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25() {
               var sceneID, state, first, sceneProductAR;
-              return _regenerator().w(function (_context24) {
-                while (1) switch (_context24.n) {
+              return _regenerator().w(function (_context25) {
+                while (1) switch (_context25.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context24.n = 1;
+                      _context25.n = 1;
                       break;
                     }
                     throw new Error("LauncherController.initAR() - inherited AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _context24.n = 2;
+                    _context25.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    state = _context24.v.state;
+                    state = _context25.v.state;
                     first = state.firstActiveOfType("sceneproduct");
                     if (!first) {
-                      _context24.n = 3;
+                      _context25.n = 3;
                       break;
                     }
                     //const sceneProductAR: SceneProductAR = new SceneProductAR(first.scene_product_id, first.product_variation_id);
@@ -2825,13 +2880,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       variationSKU: null,
                       useARBanner: this.getBooleanAttribute("show-ar-banner")
                     });
-                    return _context24.a(2, sceneProductAR.init());
+                    return _context25.a(2, sceneProductAR.init());
                   case 3:
                     throw new Error("LauncherController.initAR() - invalid decoded config-state does not have any product states");
                   case 4:
-                    return _context24.a(2);
+                    return _context25.a(2);
                 }
-              }, _callee24, this);
+              }, _callee25, this);
             }));
             function _InitARInherited() {
               return _InitARInherited3.apply(this, arguments);
@@ -2845,21 +2900,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARGenerated",
           value: (function () {
-            var _InitARGenerated3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25() {
-              var sceneID, graphID, _configAR2, configAR, _t17, _t18, _t19, _t20;
-              return _regenerator().w(function (_context25) {
-                while (1) switch (_context25.n) {
+            var _InitARGenerated3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26() {
+              var sceneID, graphID, _configAR2, configAR, _t18, _t19, _t20, _t21;
+              return _regenerator().w(function (_context26) {
+                while (1) switch (_context26.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context25.n = 1;
+                      _context26.n = 1;
                       break;
                     }
                     throw new Error("LauncherController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
                     graphID = this.getAttribute("scene-graph-id"); // use the scene-graph route if available
                     if (!graphID) {
-                      _context25.n = 2;
+                      _context26.n = 2;
                       break;
                     }
                     _configAR2 = new scene_graph_ar_1.SceneGraphAR({
@@ -2867,22 +2922,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       id: graphID,
                       sceneID: sceneID
                     });
-                    return _context25.a(2, _configAR2.init());
+                    return _context26.a(2, _configAR2.init());
                   case 2:
-                    _t17 = configurator_ar_1.ConfiguratorAR;
-                    _context25.n = 3;
+                    _t18 = configurator_ar_1.ConfiguratorAR;
+                    _context26.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _t18 = _context25.v;
-                    _t19 = this.getBooleanAttribute("show-ar-banner");
-                    _t20 = {
-                      state: _t18,
-                      useARBanner: _t19
+                    _t19 = _context26.v;
+                    _t20 = this.getBooleanAttribute("show-ar-banner");
+                    _t21 = {
+                      state: _t19,
+                      useARBanner: _t20
                     };
-                    configAR = new _t17(_t20);
-                    return _context25.a(2, configAR.init());
+                    configAR = new _t18(_t21);
+                    return _context26.a(2, configAR.init());
                 }
-              }, _callee25, this);
+              }, _callee26, this);
             }));
             function _InitARGenerated() {
               return _InitARGenerated3.apply(this, arguments);
@@ -2959,15 +3014,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "createConfiguratorState",
           value: (function () {
-            var _createConfiguratorState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26() {
-              var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList, _t21;
-              return _regenerator().w(function (_context26) {
-                while (1) switch (_context26.n) {
+            var _createConfiguratorState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee27() {
+              var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList, _t22;
+              return _regenerator().w(function (_context27) {
+                while (1) switch (_context27.n) {
                   case 0:
                     // get our Scene ID
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context26.n = 1;
+                      _context27.n = 1;
                       break;
                     }
                     throw new Error("PlattarController.createConfiguratorState() - cannot create as required attribute scene-id is not defined");
@@ -2976,22 +3031,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     variationIDs = this.getAttribute("variation-id"); // get a list of variation SKU's to use for initialising
                     variationSKUs = this.getAttribute("variation-sku"); // generate the decoded configurator state
                     if (!configState) {
-                      _context26.n = 3;
+                      _context27.n = 3;
                       break;
                     }
-                    _context26.n = 2;
+                    _context27.n = 2;
                     return configurator_state_1.ConfiguratorState.decodeState(sceneID, configState);
                   case 2:
-                    _t21 = _context26.v;
-                    _context26.n = 5;
+                    _t22 = _context27.v;
+                    _context27.n = 5;
                     break;
                   case 3:
-                    _context26.n = 4;
+                    _context27.n = 4;
                     return configurator_state_1.ConfiguratorState.decodeScene(sceneID);
                   case 4:
-                    _t21 = _context26.v;
+                    _t22 = _context27.v;
                   case 5:
-                    decodedState = _t21;
+                    decodedState = _t22;
                     // change the ID's and SKU's (if any) of the default configuration state
                     variationIDList = variationIDs ? variationIDs.split(",") : [];
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
@@ -3002,9 +3057,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       decodedState.state.setVariationSKU(variationSKU);
                     });
                     // return fully modified configuration state
-                    return _context26.a(2, decodedState);
+                    return _context27.a(2, decodedState);
                 }
-              }, _callee26, this);
+              }, _callee27, this);
             }));
             function createConfiguratorState() {
               return _createConfiguratorState.apply(this, arguments);
@@ -3072,18 +3127,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startAR",
           value: (function () {
-            var _startAR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee27() {
+            var _startAR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28() {
               var launcher;
-              return _regenerator().w(function (_context27) {
-                while (1) switch (_context27.n) {
+              return _regenerator().w(function (_context28) {
+                while (1) switch (_context28.n) {
                   case 0:
-                    _context27.n = 1;
+                    _context28.n = 1;
                     return this.initAR();
                   case 1:
-                    launcher = _context27.v;
-                    return _context27.a(2, launcher.start());
+                    launcher = _context28.v;
+                    return _context28.a(2, launcher.start());
                 }
-              }, _callee27, this);
+              }, _callee28, this);
             }));
             function startAR() {
               return _startAR.apply(this, arguments);
@@ -3099,25 +3154,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startQRCode",
           value: (function () {
-            var _startQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28(options) {
-              var qrType, _t22;
-              return _regenerator().w(function (_context28) {
-                while (1) switch (_context28.n) {
+            var _startQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(options) {
+              var qrType, _t23;
+              return _regenerator().w(function (_context29) {
+                while (1) switch (_context29.n) {
                   case 0:
                     qrType = this.getAttribute("qr-type") || "viewer";
-                    _t22 = qrType.toLowerCase();
-                    _context28.n = _t22 === "ar" ? 1 : _t22 === "viewer" ? 2 : 2;
+                    _t23 = qrType.toLowerCase();
+                    _context29.n = _t23 === "ar" ? 1 : _t23 === "viewer" ? 2 : 2;
                     break;
                   case 1:
-                    return _context28.a(2, this.startARQRCode(options));
+                    return _context29.a(2, this.startARQRCode(options));
                   case 2:
-                    return _context28.a(2, this.startViewerQRCode(options));
+                    return _context29.a(2, this.startViewerQRCode(options));
                   case 3:
-                    return _context28.a(2);
+                    return _context29.a(2);
                 }
-              }, _callee28, this);
+              }, _callee29, this);
             }));
-            function startQRCode(_x1) {
+            function startQRCode(_x11) {
               return _startQRCode.apply(this, arguments);
             }
             return startQRCode;
@@ -3131,11 +3186,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startARQRCode",
           value: (function () {
-            var _startARQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(options) {
+            var _startARQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee30(options) {
               var _this21 = this;
-              var opt, viewer, width, height, qrOptions, dst, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, _sceneGraphID2, _t23, _t24;
-              return _regenerator().w(function (_context29) {
-                while (1) switch (_context29.p = _context29.n) {
+              var opt, viewer, width, height, qrOptions, dst, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, _sceneGraphID2, _t24, _t25;
+              return _regenerator().w(function (_context30) {
+                while (1) switch (_context30.p = _context30.n) {
                   case 0:
                     opt = this._GetDefaultQROptions(options);
                     viewer = document.createElement("plattar-qrcode"); // remove the old renderer instance if any
@@ -3161,15 +3216,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     qrOptions = btoa(JSON.stringify(opt));
                     dst = "https://renderer.plattar.com/launcher.html?qr_options=".concat(qrOptions);
-                    _t23 = plattar_api_1.Server.location().type;
-                    _context29.n = _t23 === 'review' ? 1 : _t23 === 'staging' ? 2 : 3;
+                    _t24 = plattar_api_1.Server.location().type;
+                    _context30.n = _t24 === 'review' ? 1 : _t24 === 'staging' ? 2 : 3;
                     break;
                   case 1:
                     dst = "https://renderer-review.plattar.com/launcher.html?qr_options=".concat(qrOptions);
-                    return _context29.a(3, 3);
+                    return _context30.a(3, 3);
                   case 2:
                     dst = "https://renderer.plattar.space/launcher.html?qr_options=".concat(qrOptions);
-                    return _context29.a(3, 3);
+                    return _context30.a(3, 3);
                   case 3:
                     //let configState: string | null = null;
                     sceneID = this.getAttribute("scene-id");
@@ -3206,52 +3261,52 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       dst += "&show_ar_banner=" + showBanner;
                     }
                     if (!sceneGraphID) {
-                      _context29.n = 4;
+                      _context30.n = 4;
                       break;
                     }
                     dst += "&scene_graph_id=" + sceneGraphID;
-                    _context29.n = 8;
+                    _context30.n = 8;
                     break;
                   case 4:
-                    _context29.p = 4;
-                    _context29.n = 5;
+                    _context30.p = 4;
+                    _context30.n = 5;
                     return this.getConfiguratorState();
                   case 5:
-                    _context29.n = 6;
-                    return _context29.v.state.encodeSceneGraphID();
+                    _context30.n = 6;
+                    return _context30.v.state.encodeSceneGraphID();
                   case 6:
-                    _sceneGraphID2 = _context29.v;
+                    _sceneGraphID2 = _context30.v;
                     dst += "&scene_graph_id=" + _sceneGraphID2;
-                    _context29.n = 8;
+                    _context30.n = 8;
                     break;
                   case 7:
-                    _context29.p = 7;
-                    _t24 = _context29.v;
+                    _context30.p = 7;
+                    _t25 = _context30.v;
                     // scene graph ID not available for some reason
                     // we will generate a new one
-                    console.error(_t24);
+                    console.error(_t25);
                   case 8:
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context29.n = 9;
+                      _context30.n = 9;
                       break;
                     }
                     this._state = ControllerState.QRCode;
-                    return _context29.a(2, new Promise(function (accept, reject) {
+                    return _context30.a(2, new Promise(function (accept, reject) {
                       _this21.append(viewer);
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                     }));
                   case 9:
-                    return _context29.a(2, new Promise(function (accept, reject) {
+                    return _context30.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee29, this, [[4, 7]]);
+              }, _callee30, this, [[4, 7]]);
             }));
-            function startARQRCode(_x10) {
+            function startARQRCode(_x12) {
               return _startARQRCode3.apply(this, arguments);
             }
             return startARQRCode;
@@ -3398,15 +3453,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(ProductController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee30() {
-              return _regenerator().w(function (_context30) {
-                while (1) switch (_context30.n) {
+            var _getConfiguratorState4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee31() {
+              return _regenerator().w(function (_context31) {
+                while (1) switch (_context31.n) {
                   case 0:
                     throw new Error("ProductController.getConfiguratorState() - legacy embeds do not support configurator states");
                   case 1:
-                    return _context30.a(2);
+                    return _context31.a(2);
                 }
-              }, _callee30);
+              }, _callee31);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState4.apply(this, arguments);
@@ -3416,18 +3471,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee31(attributeName) {
+            var _onAttributesUpdated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee32(attributeName) {
               var state, viewer, variationID;
-              return _regenerator().w(function (_context31) {
-                while (1) switch (_context31.n) {
+              return _regenerator().w(function (_context32) {
+                while (1) switch (_context32.n) {
                   case 0:
                     state = this._state; // re-render the QR Code when attributes have changed
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context31.n = 1;
+                      _context32.n = 1;
                       break;
                     }
                     this.startQRCode(this._prevQROpt);
-                    return _context31.a(2);
+                    return _context32.a(2);
                   case 1:
                     // use the messenger function to change variation when attributes have changed
                     if (state === plattar_controller_1.ControllerState.Renderer) {
@@ -3440,11 +3495,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       }
                     }
                   case 2:
-                    return _context31.a(2);
+                    return _context32.a(2);
                 }
-              }, _callee31, this);
+              }, _callee32, this);
             }));
-            function onAttributesUpdated(_x11) {
+            function onAttributesUpdated(_x13) {
               return _onAttributesUpdated4.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -3711,20 +3766,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(VTOController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee32() {
-              return _regenerator().w(function (_context32) {
-                while (1) switch (_context32.n) {
+            var _getConfiguratorState5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee33() {
+              return _regenerator().w(function (_context33) {
+                while (1) switch (_context33.n) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context32.n = 1;
+                      _context33.n = 1;
                       break;
                     }
-                    return _context32.a(2, this._cachedConfigState);
+                    return _context33.a(2, this._cachedConfigState);
                   case 1:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context32.a(2, this._cachedConfigState);
+                    return _context33.a(2, this._cachedConfigState);
                 }
-              }, _callee32, this);
+              }, _callee33, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState5.apply(this, arguments);
@@ -3734,61 +3789,61 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee33(attributeName) {
+            var _onAttributesUpdated5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee34(attributeName) {
               var state, viewer, variationIDs, variationIDsList, variationSKUs, variationSKUList, configState, _variationIDs2, _variationIDsList2, _configState4, _variationSKUs2, _variationSKUList2;
-              return _regenerator().w(function (_context33) {
-                while (1) switch (_context33.n) {
+              return _regenerator().w(function (_context34) {
+                while (1) switch (_context34.n) {
                   case 0:
                     state = this._state;
                     if (!(state === plattar_controller_1.ControllerState.Renderer)) {
-                      _context33.n = 3;
+                      _context34.n = 3;
                       break;
                     }
                     viewer = this.element;
                     if (!viewer) {
-                      _context33.n = 2;
+                      _context34.n = 2;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context33.n = 1;
+                      _context34.n = 1;
                       break;
                     }
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     if (!(variationIDsList.length > 0)) {
-                      _context33.n = 1;
+                      _context34.n = 1;
                       break;
                     }
-                    _context33.n = 1;
+                    _context34.n = 1;
                     return viewer.messenger.selectVariationID(variationIDsList);
                   case 1:
                     if (!(attributeName === "variation-sku")) {
-                      _context33.n = 2;
+                      _context34.n = 2;
                       break;
                     }
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     if (!(variationSKUList.length > 0)) {
-                      _context33.n = 2;
+                      _context34.n = 2;
                       break;
                     }
-                    _context33.n = 2;
+                    _context34.n = 2;
                     return viewer.messenger.selectVariationSKU(variationSKUList);
                   case 2:
-                    return _context33.a(2);
+                    return _context34.a(2);
                   case 3:
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context33.n = 8;
+                      _context34.n = 8;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context33.n = 5;
+                      _context34.n = 5;
                       break;
                     }
-                    _context33.n = 4;
+                    _context34.n = 4;
                     return this.getConfiguratorState();
                   case 4:
-                    configState = _context33.v;
+                    configState = _context34.v;
                     _variationIDs2 = this.getAttribute("variation-id");
                     _variationIDsList2 = _variationIDs2 ? _variationIDs2.split(",") : [];
                     _variationIDsList2.forEach(function (variationID) {
@@ -3796,13 +3851,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 5:
                     if (!(attributeName === "variation-sku")) {
-                      _context33.n = 7;
+                      _context34.n = 7;
                       break;
                     }
-                    _context33.n = 6;
+                    _context34.n = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    _configState4 = _context33.v;
+                    _configState4 = _context34.v;
                     _variationSKUs2 = this.getAttribute("variation-sku");
                     _variationSKUList2 = _variationSKUs2 ? _variationSKUs2.split(",") : [];
                     _variationSKUList2.forEach(function (variationSKU) {
@@ -3810,13 +3865,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 7:
                     this.startQRCode(this._prevQROpt);
-                    return _context33.a(2);
+                    return _context34.a(2);
                   case 8:
-                    return _context33.a(2);
+                    return _context34.a(2);
                 }
-              }, _callee33, this);
+              }, _callee34, this);
             }));
-            function onAttributesUpdated(_x12) {
+            function onAttributesUpdated(_x14) {
               return _onAttributesUpdated5.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -3824,11 +3879,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startViewerQRCode",
           value: function () {
-            var _startViewerQRCode4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee34(options) {
+            var _startViewerQRCode4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee35(options) {
               var _this27 = this;
-              var opt, sceneID, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID, _t25, _t26;
-              return _regenerator().w(function (_context34) {
-                while (1) switch (_context34.p = _context34.n) {
+              var opt, sceneID, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID, _t26, _t27;
+              return _regenerator().w(function (_context35) {
+                while (1) switch (_context35.p = _context35.n) {
                   case 0:
                     opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
                     if (!opt.detached) {
@@ -3836,7 +3891,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context34.n = 1;
+                      _context35.n = 1;
                       break;
                     }
                     throw new Error("VTOController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
@@ -3862,28 +3917,28 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     dst = "https://renderer.plattar.com/facear.html?scene_id=".concat(sceneID);
-                    _t25 = plattar_api_1.Server.location().type;
-                    _context34.n = _t25 === 'review' ? 2 : _t25 === 'staging' ? 3 : 4;
+                    _t26 = plattar_api_1.Server.location().type;
+                    _context35.n = _t26 === 'review' ? 2 : _t26 === 'staging' ? 3 : 4;
                     break;
                   case 2:
                     dst = "https://renderer-review.plattar.com/facear.html?scene_id=".concat(sceneID);
-                    return _context34.a(3, 4);
+                    return _context35.a(3, 4);
                   case 3:
                     dst = "https://renderer.plattar.space/facear.html?scene_id=".concat(sceneID);
-                    return _context34.a(3, 4);
+                    return _context35.a(3, 4);
                   case 4:
                     // optional attributes
                     configState = null;
-                    _context34.p = 5;
-                    _context34.n = 6;
+                    _context35.p = 5;
+                    _context35.n = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    configState = _context34.v;
-                    _context34.n = 8;
+                    configState = _context35.v;
+                    _context35.n = 8;
                     break;
                   case 7:
-                    _context34.p = 7;
-                    _t26 = _context34.v;
+                    _context35.p = 7;
+                    _t27 = _context35.v;
                     // config state is not available
                     configState = null;
                   case 8:
@@ -3909,24 +3964,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context34.n = 9;
+                      _context35.n = 9;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
-                    return _context34.a(2, new Promise(function (accept, reject) {
+                    return _context35.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this27.append(viewer);
                     }));
                   case 9:
-                    return _context34.a(2, new Promise(function (accept, reject) {
+                    return _context35.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee34, this, [[5, 7]]);
+              }, _callee35, this, [[5, 7]]);
             }));
-            function startViewerQRCode(_x13) {
+            function startViewerQRCode(_x15) {
               return _startViewerQRCode4.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -3934,17 +3989,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee35() {
+            var _startRenderer4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee36() {
               var _this28 = this;
-              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t27;
-              return _regenerator().w(function (_context35) {
-                while (1) switch (_context35.p = _context35.n) {
+              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t28;
+              return _regenerator().w(function (_context36) {
+                while (1) switch (_context36.p = _context36.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context35.n = 1;
+                      _context36.n = 1;
                       break;
                     }
                     throw new Error("VTOController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
@@ -3962,16 +4017,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("scene-id", sceneID);
                     // optional attributes
                     configState = null;
-                    _context35.p = 2;
-                    _context35.n = 3;
+                    _context36.p = 2;
+                    _context36.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    configState = _context35.v;
-                    _context35.n = 5;
+                    configState = _context36.v;
+                    _context36.n = 5;
                     break;
                   case 4:
-                    _context35.p = 4;
-                    _t27 = _context35.v;
+                    _context36.p = 4;
+                    _t28 = _context36.v;
                     // config state not available
                     configState = null;
                   case 5:
@@ -3994,7 +4049,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (variationID) {
                       viewer.setAttribute("variation-id", variationID);
                     }
-                    return _context35.a(2, new Promise(function (accept, reject) {
+                    return _context36.a(2, new Promise(function (accept, reject) {
                       _this28.append(viewer);
                       if (configState) {
                         _this28.setupMessengerObservers(viewer, configState);
@@ -4002,7 +4057,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       return accept(viewer);
                     }));
                 }
-              }, _callee35, this, [[2, 4]]);
+              }, _callee36, this, [[2, 4]]);
             }));
             function startRenderer() {
               return _startRenderer4.apply(this, arguments);
@@ -4012,35 +4067,35 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee36() {
-              var arMode, _t28;
-              return _regenerator().w(function (_context36) {
-                while (1) switch (_context36.n) {
+            var _initAR4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee37() {
+              var arMode, _t29;
+              return _regenerator().w(function (_context37) {
+                while (1) switch (_context37.n) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context36.n = 1;
+                      _context37.n = 1;
                       break;
                     }
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR not available in context");
                   case 1:
                     if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
-                      _context36.n = 2;
+                      _context37.n = 2;
                       break;
                     }
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices");
                   case 2:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t28 = arMode.toLowerCase();
-                    _context36.n = _t28 === "inherited" ? 3 : _t28 === "generated" ? 4 : 4;
+                    _t29 = arMode.toLowerCase();
+                    _context37.n = _t29 === "inherited" ? 3 : _t29 === "generated" ? 4 : 4;
                     break;
                   case 3:
-                    return _context36.a(2, this._InitARInherited());
+                    return _context37.a(2, this._InitARInherited());
                   case 4:
-                    return _context36.a(2, this._InitARGenerated());
+                    return _context37.a(2, this._InitARGenerated());
                   case 5:
-                    return _context36.a(2);
+                    return _context37.a(2);
                 }
-              }, _callee36, this);
+              }, _callee37, this);
             }));
             function initAR() {
               return _initAR4.apply(this, arguments);
@@ -4053,25 +4108,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARInherited",
           value: (function () {
-            var _InitARInherited4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee37() {
+            var _InitARInherited4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee38() {
               var sceneID, state, first, sceneProductAR;
-              return _regenerator().w(function (_context37) {
-                while (1) switch (_context37.n) {
+              return _regenerator().w(function (_context38) {
+                while (1) switch (_context38.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context37.n = 1;
+                      _context38.n = 1;
                       break;
                     }
                     throw new Error("VTOController.initAR() - inherited AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _context37.n = 2;
+                    _context38.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    state = _context37.v.state;
+                    state = _context38.v.state;
                     first = state.firstActiveOfType("sceneproduct");
                     if (!first) {
-                      _context37.n = 3;
+                      _context38.n = 3;
                       break;
                     }
                     sceneProductAR = new __1.SceneProductAR({
@@ -4080,13 +4135,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       variationSKU: null,
                       useARBanner: this.getBooleanAttribute("show-ar-banner")
                     });
-                    return _context37.a(2, sceneProductAR.init());
+                    return _context38.a(2, sceneProductAR.init());
                   case 3:
                     throw new Error("VTOController.initAR() - invalid decoded config-state does not have any product states");
                   case 4:
-                    return _context37.a(2);
+                    return _context38.a(2);
                 }
-              }, _callee37, this);
+              }, _callee38, this);
             }));
             function _InitARInherited() {
               return _InitARInherited4.apply(this, arguments);
@@ -4100,32 +4155,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "_InitARGenerated",
           value: (function () {
-            var _InitARGenerated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee38() {
-              var sceneID, configAR, _t29, _t30, _t31, _t32;
-              return _regenerator().w(function (_context38) {
-                while (1) switch (_context38.n) {
+            var _InitARGenerated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee39() {
+              var sceneID, configAR, _t30, _t31, _t32, _t33;
+              return _regenerator().w(function (_context39) {
+                while (1) switch (_context39.n) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context38.n = 1;
+                      _context39.n = 1;
                       break;
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _t29 = configurator_ar_1.ConfiguratorAR;
-                    _context38.n = 2;
+                    _t30 = configurator_ar_1.ConfiguratorAR;
+                    _context39.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    _t30 = _context38.v;
-                    _t31 = this.getBooleanAttribute("show-ar-banner");
-                    _t32 = {
-                      state: _t30,
-                      useARBanner: _t31
+                    _t31 = _context39.v;
+                    _t32 = this.getBooleanAttribute("show-ar-banner");
+                    _t33 = {
+                      state: _t31,
+                      useARBanner: _t32
                     };
-                    configAR = new _t29(_t32);
-                    return _context38.a(2, configAR.init());
+                    configAR = new _t30(_t33);
+                    return _context39.a(2, configAR.init());
                 }
-              }, _callee38, this);
+              }, _callee39, this);
             }));
             function _InitARGenerated() {
               return _InitARGenerated4.apply(this, arguments);
@@ -4175,20 +4230,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(WebXRController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee39() {
-              return _regenerator().w(function (_context39) {
-                while (1) switch (_context39.n) {
+            var _getConfiguratorState6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee40() {
+              return _regenerator().w(function (_context40) {
+                while (1) switch (_context40.n) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context39.n = 1;
+                      _context40.n = 1;
                       break;
                     }
-                    return _context39.a(2, this._cachedConfigState);
+                    return _context40.a(2, this._cachedConfigState);
                   case 1:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context39.a(2, this._cachedConfigState);
+                    return _context40.a(2, this._cachedConfigState);
                 }
-              }, _callee39, this);
+              }, _callee40, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState6.apply(this, arguments);
@@ -4198,61 +4253,61 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee40(attributeName) {
+            var _onAttributesUpdated6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee41(attributeName) {
               var state, viewer, variationIDs, variationIDsList, variationSKUs, variationSKUList, configState, _variationIDs3, _variationIDsList3, _configState5, _variationSKUs3, _variationSKUList3;
-              return _regenerator().w(function (_context40) {
-                while (1) switch (_context40.n) {
+              return _regenerator().w(function (_context41) {
+                while (1) switch (_context41.n) {
                   case 0:
                     state = this._state;
                     if (!(state === plattar_controller_1.ControllerState.Renderer)) {
-                      _context40.n = 3;
+                      _context41.n = 3;
                       break;
                     }
                     viewer = this.element;
                     if (!viewer) {
-                      _context40.n = 2;
+                      _context41.n = 2;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context40.n = 1;
+                      _context41.n = 1;
                       break;
                     }
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     if (!(variationIDsList.length > 0)) {
-                      _context40.n = 1;
+                      _context41.n = 1;
                       break;
                     }
-                    _context40.n = 1;
+                    _context41.n = 1;
                     return viewer.messenger.selectVariationID(variationIDsList);
                   case 1:
                     if (!(attributeName === "variation-sku")) {
-                      _context40.n = 2;
+                      _context41.n = 2;
                       break;
                     }
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     if (!(variationSKUList.length > 0)) {
-                      _context40.n = 2;
+                      _context41.n = 2;
                       break;
                     }
-                    _context40.n = 2;
+                    _context41.n = 2;
                     return viewer.messenger.selectVariationSKU(variationSKUList);
                   case 2:
-                    return _context40.a(2);
+                    return _context41.a(2);
                   case 3:
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context40.n = 8;
+                      _context41.n = 8;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context40.n = 5;
+                      _context41.n = 5;
                       break;
                     }
-                    _context40.n = 4;
+                    _context41.n = 4;
                     return this.getConfiguratorState();
                   case 4:
-                    configState = _context40.v;
+                    configState = _context41.v;
                     _variationIDs3 = this.getAttribute("variation-id");
                     _variationIDsList3 = _variationIDs3 ? _variationIDs3.split(",") : [];
                     _variationIDsList3.forEach(function (variationID) {
@@ -4260,13 +4315,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 5:
                     if (!(attributeName === "variation-sku")) {
-                      _context40.n = 7;
+                      _context41.n = 7;
                       break;
                     }
-                    _context40.n = 6;
+                    _context41.n = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    _configState5 = _context40.v;
+                    _configState5 = _context41.v;
                     _variationSKUs3 = this.getAttribute("variation-sku");
                     _variationSKUList3 = _variationSKUs3 ? _variationSKUs3.split(",") : [];
                     _variationSKUList3.forEach(function (variationSKU) {
@@ -4274,13 +4329,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                   case 7:
                     this.startQRCode(this._prevQROpt);
-                    return _context40.a(2);
+                    return _context41.a(2);
                   case 8:
-                    return _context40.a(2);
+                    return _context41.a(2);
                 }
-              }, _callee40, this);
+              }, _callee41, this);
             }));
-            function onAttributesUpdated(_x14) {
+            function onAttributesUpdated(_x16) {
               return _onAttributesUpdated6.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -4298,17 +4353,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startQRCode",
           value: function () {
-            var _startQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee41(options) {
+            var _startQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee42(options) {
               var _this30 = this;
               var sceneID, opt, viewer, width, height, dst;
-              return _regenerator().w(function (_context41) {
-                while (1) switch (_context41.n) {
+              return _regenerator().w(function (_context42) {
+                while (1) switch (_context42.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context41.n = 1;
+                      _context42.n = 1;
                       break;
                     }
                     throw new Error("WebXRController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
@@ -4336,16 +4391,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
-                    return _context41.a(2, new Promise(function (accept, reject) {
+                    return _context42.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this30.append(viewer);
                     }));
                 }
-              }, _callee41, this);
+              }, _callee42, this);
             }));
-            function startQRCode(_x15) {
+            function startQRCode(_x17) {
               return _startQRCode2.apply(this, arguments);
             }
             return startQRCode;
@@ -4353,23 +4408,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee42() {
+            var _startRenderer5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee43() {
               var _this31 = this;
               var sceneID, width, height, server, viewer, showAR, showUI;
-              return _regenerator().w(function (_context42) {
-                while (1) switch (_context42.n) {
+              return _regenerator().w(function (_context43) {
+                while (1) switch (_context43.n) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     if (util_1.Util.canAugment()) {
-                      _context42.n = 1;
+                      _context43.n = 1;
                       break;
                     }
-                    return _context42.a(2, this.startQRCode(this._GetDefaultQROptions()));
+                    return _context43.a(2, this.startQRCode(this._GetDefaultQROptions()));
                   case 1:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context42.n = 2;
+                      _context43.n = 2;
                       break;
                     }
                     throw new Error("WebXRController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
@@ -4392,12 +4447,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showUI) {
                       viewer.setAttribute("show-ui", showUI);
                     }
-                    return _context42.a(2, new Promise(function (accept, reject) {
+                    return _context43.a(2, new Promise(function (accept, reject) {
                       _this31.append(viewer);
                       return accept(viewer);
                     }));
                 }
-              }, _callee42, this);
+              }, _callee43, this);
             }));
             function startRenderer() {
               return _startRenderer5.apply(this, arguments);
@@ -4407,15 +4462,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee43() {
-              return _regenerator().w(function (_context43) {
-                while (1) switch (_context43.n) {
+            var _initAR5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee44() {
+              return _regenerator().w(function (_context44) {
+                while (1) switch (_context44.n) {
                   case 0:
                     throw new Error("WebXRController.initAR() - cannot proceed as AR not available in webxr");
                   case 1:
-                    return _context43.a(2);
+                    return _context44.a(2);
                 }
-              }, _callee43);
+              }, _callee44);
             }));
             function initAR() {
               return _initAR5.apply(this, arguments);
@@ -4682,19 +4737,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "initAR",
           value: function () {
-            var _initAR6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee44() {
-              return _regenerator().w(function (_context44) {
-                while (1) switch (_context44.n) {
+            var _initAR6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee45() {
+              return _regenerator().w(function (_context45) {
+                while (1) switch (_context45.n) {
                   case 0:
                     if (this._controller) {
-                      _context44.n = 1;
+                      _context45.n = 1;
                       break;
                     }
                     throw new Error("PlattarEmbed.initAR() - cannot execute as controller has not loaded yet");
                   case 1:
-                    return _context44.a(2, this._controller.initAR());
+                    return _context45.a(2, this._controller.initAR());
                 }
-              }, _callee44, this);
+              }, _callee45, this);
             }));
             function initAR() {
               return _initAR6.apply(this, arguments);
@@ -4704,19 +4759,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startAR",
           value: function () {
-            var _startAR2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee45() {
-              return _regenerator().w(function (_context45) {
-                while (1) switch (_context45.n) {
+            var _startAR2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee46() {
+              return _regenerator().w(function (_context46) {
+                while (1) switch (_context46.n) {
                   case 0:
                     if (this._controller) {
-                      _context45.n = 1;
+                      _context46.n = 1;
                       break;
                     }
                     throw new Error("PlattarEmbed.startAR() - cannot execute as controller has not loaded yet");
                   case 1:
-                    return _context45.a(2, this._controller.startAR());
+                    return _context46.a(2, this._controller.startAR());
                 }
-              }, _callee45, this);
+              }, _callee46, this);
             }));
             function startAR() {
               return _startAR2.apply(this, arguments);
@@ -4726,19 +4781,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startViewer",
           value: function () {
-            var _startViewer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee46() {
-              return _regenerator().w(function (_context46) {
-                while (1) switch (_context46.n) {
+            var _startViewer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee47() {
+              return _regenerator().w(function (_context47) {
+                while (1) switch (_context47.n) {
                   case 0:
                     if (this._controller) {
-                      _context46.n = 1;
+                      _context47.n = 1;
                       break;
                     }
                     throw new Error("PlattarEmbed.startViewer() - cannot execute as controller has not loaded yet");
                   case 1:
-                    return _context46.a(2, this._controller.startRenderer());
+                    return _context47.a(2, this._controller.startRenderer());
                 }
-              }, _callee46, this);
+              }, _callee47, this);
             }));
             function startViewer() {
               return _startViewer.apply(this, arguments);
@@ -4748,22 +4803,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "startQRCode",
           value: function () {
-            var _startQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee47() {
+            var _startQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee48() {
               var options,
-                _args47 = arguments;
-              return _regenerator().w(function (_context47) {
-                while (1) switch (_context47.n) {
+                _args48 = arguments;
+              return _regenerator().w(function (_context48) {
+                while (1) switch (_context48.n) {
                   case 0:
-                    options = _args47.length > 0 && _args47[0] !== undefined ? _args47[0] : null;
+                    options = _args48.length > 0 && _args48[0] !== undefined ? _args48[0] : null;
                     if (this._controller) {
-                      _context47.n = 1;
+                      _context48.n = 1;
                       break;
                     }
                     throw new Error("PlattarEmbed.startQRCode() - cannot execute as controller has not loaded yet");
                   case 1:
-                    return _context47.a(2, this._controller.startQRCode(options));
+                    return _context48.a(2, this._controller.startQRCode(options));
                 }
-              }, _callee47, this);
+              }, _callee48, this);
             }));
             function startQRCode() {
               return _startQRCode3.apply(this, arguments);
@@ -4958,7 +5013,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "./util/util": 19,
       "./version": 20,
       "@plattar/plattar-qrcode": 117,
-      "@plattar/plattar-web": 139
+      "@plattar/plattar-web": 134
     }],
     18: [function (require, module, exports) {
       "use strict";
@@ -5363,17 +5418,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "encodeSceneGraphID",
           value: function () {
-            var _encodeSceneGraphID = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee48() {
-              var graph, url, response, data, _t33;
-              return _regenerator().w(function (_context48) {
-                while (1) switch (_context48.p = _context48.n) {
+            var _encodeSceneGraphID = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee49() {
+              var graph, url, response, data, _t34;
+              return _regenerator().w(function (_context49) {
+                while (1) switch (_context49.p = _context49.n) {
                   case 0:
                     graph = this.sceneGraph; // some scene-graphs are very large in size, we store it remotely
                     // this storage will expire in 10 minutes so this is a non-permanent version
                     // and is designed for quick ar
                     url = plattar_api_1.Server.location().type === 'staging' ? 'https://c.plattar.space/v3/redir/store' : 'https://c.plattar.com/v3/redir/store'; // finally send our scene-graph to the backend to generate the AR file and return
-                    _context48.p = 1;
-                    _context48.n = 2;
+                    _context49.p = 1;
+                    _context49.n = 2;
                     return fetch(url, {
                       method: "POST",
                       headers: {
@@ -5388,26 +5443,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       })
                     });
                   case 2:
-                    response = _context48.v;
+                    response = _context49.v;
                     if (response.ok) {
-                      _context48.n = 3;
+                      _context49.n = 3;
                       break;
                     }
                     throw new Error("ConfiguratorState.encodeSceneGraphID() - network response was not ok ".concat(response.status));
                   case 3:
-                    _context48.n = 4;
+                    _context49.n = 4;
                     return response.json();
                   case 4:
-                    data = _context48.v;
-                    return _context48.a(2, data.data.id);
+                    data = _context49.v;
+                    return _context49.a(2, data.data.id);
                   case 5:
-                    _context48.p = 5;
-                    _t33 = _context48.v;
-                    throw new Error("ConfiguratorState.encodeSceneGraphID() - there was a request error to ".concat(url, ", error was ").concat(_t33.message));
+                    _context49.p = 5;
+                    _t34 = _context49.v;
+                    throw new Error("ConfiguratorState.encodeSceneGraphID() - there was a request error to ".concat(url, ", error was ").concat(_t34.message));
                   case 6:
-                    return _context48.a(2);
+                    return _context49.a(2);
                 }
-              }, _callee48, this, [[1, 5]]);
+              }, _callee49, this, [[1, 5]]);
             }));
             function encodeSceneGraphID() {
               return _encodeSceneGraphID.apply(this, arguments);
@@ -5462,20 +5517,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "decodeState",
           value: (function () {
-            var _decodeState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee49() {
+            var _decodeState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee50() {
               var sceneID,
                 state,
                 configState,
                 fscene,
                 scene,
-                _args49 = arguments;
-              return _regenerator().w(function (_context49) {
-                while (1) switch (_context49.n) {
+                _args50 = arguments;
+              return _regenerator().w(function (_context50) {
+                while (1) switch (_context50.n) {
                   case 0:
-                    sceneID = _args49.length > 0 && _args49[0] !== undefined ? _args49[0] : null;
-                    state = _args49.length > 1 && _args49[1] !== undefined ? _args49[1] : null;
+                    sceneID = _args50.length > 0 && _args50[0] !== undefined ? _args50[0] : null;
+                    state = _args50.length > 1 && _args50[1] !== undefined ? _args50[1] : null;
                     if (!(!sceneID || !state)) {
-                      _context49.n = 1;
+                      _context50.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeState(sceneID, state) - sceneID and state must be defined");
@@ -5487,16 +5542,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     fscene.include(plattar_api_1.SceneProduct);
                     fscene.include(plattar_api_1.SceneModel);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context49.n = 2;
+                    _context50.n = 2;
                     return fscene.get();
                   case 2:
-                    scene = _context49.v;
-                    return _context49.a(2, {
+                    scene = _context50.v;
+                    return _context50.a(2, {
                       scene: scene,
                       state: configState
                     });
                 }
-              }, _callee49);
+              }, _callee50);
             }));
             function decodeState() {
               return _decodeState.apply(this, arguments);
@@ -5513,7 +5568,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "decodeScene",
           value: (function () {
-            var _decodeScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee50() {
+            var _decodeScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee51() {
               var sceneID,
                 configState,
                 fscene,
@@ -5521,13 +5576,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 sceneProducts,
                 sceneModels,
                 products,
-                _args50 = arguments;
-              return _regenerator().w(function (_context50) {
-                while (1) switch (_context50.n) {
+                _args51 = arguments;
+              return _regenerator().w(function (_context51) {
+                while (1) switch (_context51.n) {
                   case 0:
-                    sceneID = _args50.length > 0 && _args50[0] !== undefined ? _args50[0] : null;
+                    sceneID = _args51.length > 0 && _args51[0] !== undefined ? _args51[0] : null;
                     if (sceneID) {
-                      _context50.n = 1;
+                      _context51.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeScene(sceneID) - sceneID must be defined");
@@ -5539,10 +5594,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     fscene.include(plattar_api_1.SceneModel);
                     fscene.include(plattar_api_1.Product);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context50.n = 2;
+                    _context51.n = 2;
                     return fscene.get();
                   case 2:
-                    scene = _context50.v;
+                    scene = _context51.v;
                     sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
                     sceneModels = scene.relationships.filter(plattar_api_1.SceneModel);
                     products = scene.relationships.filter(plattar_api_1.Product); // add our scene models
@@ -5586,12 +5641,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         });
                       }
                     });
-                    return _context50.a(2, {
+                    return _context51.a(2, {
                       scene: scene,
                       state: configState
                     });
                 }
-              }, _callee50);
+              }, _callee51);
             }));
             function decodeScene() {
               return _decodeScene.apply(this, arguments);
@@ -5743,7 +5798,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "2.7.1";
+      exports["default"] = "2.7.2";
     }, {}],
     21: [function (require, module, exports) {
       "use strict";
@@ -7757,10 +7812,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       exports.Util = Util;
     }, {}],
     47: [function (require, module, exports) {
-      arguments[4][20][0].apply(exports, arguments);
-    }, {
-      "dup": 20
-    }],
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = "2.7.1";
+    }, {}],
     48: [function (require, module, exports) {
       "use strict";
 
@@ -8410,7 +8468,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       module.exports = PlattarQuery;
     }, {
       "../util/plattar-util.js": 113,
-      "node-fetch": 145
+      "node-fetch": 140
     }],
     50: [function (require, module, exports) {
       (function (process) {
@@ -8634,8 +8692,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 147,
-      "node-fetch": 145
+      "_process": 142,
+      "node-fetch": 140
     }],
     51: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
@@ -10783,528 +10841,100 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             });
             if (this._optionsHash !== newHash) {
               this._optionsHash = newHash;
-              this._qrCode.update(this._options);
-              this._UpdateCanvas(width, height);
-            }
-          }
-        }, {
-          key: "_IsFetchAPISupported",
-          value: function _IsFetchAPISupported() {
-            return "fetch" in window;
-          }
-        }, {
-          key: "_ShortenURL",
-          value: function _ShortenURL(url) {
-            var _this64 = this;
-            return new Promise(function (accept, reject) {
-              if (!_this64._IsFetchAPISupported()) {
-                return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
-              }
-              try {
-                var b64Link = btoa(url);
-                var serverType = _this64.hasAttribute("server") ? _this64.getAttribute("server") : "production";
-                fetch(serverType === "staging" ? "https://c.plattar.space/shorten" : "https://c.plattar.com/shorten", {
-                  cache: "no-store",
-                  method: "POST",
-                  headers: {
-                    "Content-Type": "application/json"
-                  },
-                  body: JSON.stringify({
-                    data: {
-                      attributes: {
-                        url: b64Link,
-                        isBase64: true
-                      }
-                    }
-                  })
-                }).then(function (response) {
-                  if (!response.ok) {
-                    throw new Error("PlattarQR._ShortenURL() - response was invalid");
-                  }
-                  return response.json();
-                }).then(function (json) {
-                  return accept(json.data.attributes.url);
-                })["catch"](function () {
-                  return reject(new Error("PlattarQR._ShortenURL() - there was an unexpected issue generating short url"));
-                });
-              } catch (err) {
-                return reject(err);
-              }
-            });
-          }
-        }]);
-      }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
-      module.exports = BaseElement;
-    }, {
-      "object-hash": 146,
-      "qr-code-styling": 148
-    }],
-    116: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
-      var QRCodeElement = /*#__PURE__*/function (_BaseElement) {
-        function QRCodeElement() {
-          _classCallCheck(this, QRCodeElement);
-          return _callSuper(this, QRCodeElement);
-        }
-        _inherits(QRCodeElement, _BaseElement);
-        return _createClass(QRCodeElement);
-      }(BaseElement);
-      module.exports = QRCodeElement;
-    }, {
-      "./base/base-element.js": 115
-    }],
-    117: [function (require, module, exports) {
-      "use strict";
-
-      var QRCodeElement = require("./elements/qrcode-element.js");
-      var Version = require("./version");
-      if (customElements) {
-        if (customElements.get("plattar-qrcode") === undefined) {
-          customElements.define("plattar-qrcode", QRCodeElement);
-        }
-      }
-      console.log("using @plattar/plattar-qrcode v" + Version);
-      module.exports = {
-        version: Version
-      };
-    }, {
-      "./elements/qrcode-element.js": 116,
-      "./version": 118
-    }],
-    118: [function (require, module, exports) {
-      arguments[4][114][0].apply(exports, arguments);
-    }, {
-      "dup": 114
-    }],
-    119: [function (require, module, exports) {
-      "use strict";
-
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
-      };
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.Configurator = void 0;
-      var plattar_api_1 = require("@plattar/plattar-api");
-      var object_hash_1 = __importDefault(require("object-hash"));
-      var remote_request_1 = require("./remote-request");
-      var Configurator = /*#__PURE__*/function () {
-        function Configurator() {
-          _classCallCheck(this, Configurator);
-          _defineProperty(this, "_maps", void 0);
-          _defineProperty(this, "_attrHash", void 0);
-          _defineProperty(this, "quality", 100);
-          _defineProperty(this, "output", "glb");
-          _defineProperty(this, "server", "production");
-          _defineProperty(this, "retry", 0);
-          this._maps = [];
-          this._attrHash = [];
-        }
-        return _createClass(Configurator, [{
-          key: "add",
-          value: function add() {
-            var sceneProduct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-            this.addSceneProduct(sceneProduct, productVariation);
-          }
-        }, {
-          key: "addSceneProduct",
-          value: function addSceneProduct() {
-            var sceneProduct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-            if (!sceneProduct) {
-              throw new Error("Configurator.addSceneProduct() - sceneProduct input was null or undefined");
-            }
-            if (!productVariation) {
-              throw new Error("Configurator.addSceneProduct() - productVariation input was null or undefined");
-            }
-            var map = {
-              sceneproduct: null,
-              productvariation: null
-            };
-            if (sceneProduct instanceof plattar_api_1.SceneProduct && productVariation instanceof plattar_api_1.ProductVariation) {
-              map.sceneproduct = sceneProduct.id;
-              map.productvariation = productVariation.id;
-              this._maps.push(map);
-              return;
-            }
-            if ((typeof sceneProduct === "string" || sceneProduct instanceof String) && (typeof productVariation === "string" || productVariation instanceof String)) {
-              map.sceneproduct = sceneProduct;
-              map.productvariation = productVariation;
-              this._maps.push(map);
-              return;
-            }
-            throw new Error("Configurator.addSceneProduct() - mismatched instance types for inputs");
-          }
-        }, {
-          key: "addProduct",
-          value: function addProduct() {
-            var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-            if (!product) {
-              throw new Error("Configurator.addProduct() - product input was null or undefined");
-            }
-            if (!productVariation) {
-              throw new Error("Configurator.addProduct() - productVariation input was null or undefined");
-            }
-            var map = {
-              productvariation: null,
-              product: null
-            };
-            if (product instanceof plattar_api_1.Product && productVariation instanceof plattar_api_1.ProductVariation) {
-              map.product = product.id;
-              map.productvariation = productVariation.id;
-              this._maps.push(map);
-              return;
-            }
-            if ((typeof product === "string" || product instanceof String) && (typeof productVariation === "string" || productVariation instanceof String)) {
-              map.product = product;
-              map.productvariation = productVariation;
-              this._maps.push(map);
-              return;
-            }
-            throw new Error("Configurator.addProduct() - mismatched instance types for inputs");
-          }
-        }, {
-          key: "addModel",
-          value: function addModel() {
-            var sceneModel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-            if (!sceneModel) {
-              throw new Error("Configurator.addModel() - sceneModel input was null or undefined");
-            }
-            var map = {
-              scenemodel: null
-            };
-            if (sceneModel instanceof plattar_api_1.SceneModel) {
-              map.scenemodel = sceneModel.id;
-              this._maps.push(map);
-              return;
-            }
-            if (typeof sceneModel === "string") {
-              map.scenemodel = sceneModel;
-              this._maps.push(map);
-              return;
-            }
-            throw new Error("Configurator.addModel() - mismatched instance types for inputs");
-          }
-        }, {
-          key: "get",
-          value: function get() {
-            var _this65 = this;
-            return new Promise(function (accept, reject) {
-              _this65._CalculateHash().then(function () {
-                remote_request_1.RemoteRequest.request(_this65._GetPayload(), _this65.retry < 0 ? 0 : _this65.retry).then(accept)["catch"](reject);
-              })["catch"](function (_err) {
-                reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
-              });
-            });
-          }
-        }, {
-          key: "_CalculateHash",
-          value: function _CalculateHash() {
-            var _this66 = this;
-            return new Promise(function (accept, reject) {
-              var promises = [];
-              var oldOrigin = plattar_api_1.Server["default"]().originLocation.type;
-              plattar_api_1.Server.create(plattar_api_1.Server.match(_this66.server));
-              _this66._maps.forEach(function (map) {
-                if (map.productvariation) {
-                  promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
-                }
-                if (map.sceneproduct) {
-                  promises.push(new plattar_api_1.SceneProduct(map.sceneproduct).get());
-                }
-                if (map.scenemodel) {
-                  promises.push(new plattar_api_1.SceneModel(map.scenemodel).get());
-                }
-                if (map.product) {
-                  promises.push(new plattar_api_1.Product(map.product).get());
-                }
-              });
-              Promise.all(promises).then(function (values) {
-                values.forEach(function (value) {
-                  _this66._attrHash.push(value.attributes);
-                });
-                // reset server back
-                plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
-                accept();
-              })["catch"](function () {
-                // reset server back
-                plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
-                reject(new Error("Configurator._CalculateHash() - unexpected error"));
-              });
-            });
-          }
-        }, {
-          key: "_GetPayload",
-          value: function _GetPayload() {
-            var converter = this.output === "vto" ? "config_to_reality" : "config_to_model";
-            var load = {
-              options: {
-                converter: converter,
-                quality: this.quality,
-                output: this.output,
-                server: this.server
-              },
-              data: {
-                maps: this._maps
-              }
-            };
-            if (this._attrHash.length > 0) {
-              load.options.hash = object_hash_1["default"].MD5(this._attrHash) + object_hash_1["default"].MD5(load);
-            } else {
-              load.options.hash = object_hash_1["default"].MD5(load);
-            }
-            return load;
-          }
-        }]);
-      }();
-      exports.Configurator = Configurator;
-    }, {
-      "./remote-request": 121,
-      "@plattar/plattar-api": 48,
-      "object-hash": 146
-    }],
-    120: [function (require, module, exports) {
-      "use strict";
-
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
-      };
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.ModelConverter = void 0;
-      var plattar_api_1 = require("@plattar/plattar-api");
-      var object_hash_1 = __importDefault(require("object-hash"));
-      var remote_request_1 = require("./remote-request");
-      var ModelConverter = /*#__PURE__*/function () {
-        function ModelConverter() {
-          _classCallCheck(this, ModelConverter);
-          _defineProperty(this, "_attrHash", void 0);
-          _defineProperty(this, "_model", null);
-          _defineProperty(this, "quality", 100);
-          _defineProperty(this, "output", "glb");
-          _defineProperty(this, "server", "production");
-          _defineProperty(this, "retry", 0);
-          this._attrHash = [];
-        }
-        return _createClass(ModelConverter, [{
-          key: "model",
-          get: function get() {
-            return this._model;
-          },
-          set: function set(newModel) {
-            if (!newModel) {
-              return;
-            }
-            if (newModel instanceof plattar_api_1.FileModel) {
-              this._model = newModel.id;
-              this._attrHash.push(object_hash_1["default"].MD5(newModel.attributes));
-              return;
-            }
-            this._model = newModel;
-          }
-        }, {
-          key: "get",
-          value: function get() {
-            var _this67 = this;
-            return new Promise(function (accept, reject) {
-              if (!_this67._model) {
-                return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
-              }
-              remote_request_1.RemoteRequest.request(_this67._Payload, _this67.retry < 0 ? 0 : _this67.retry).then(accept)["catch"](reject);
-            });
-          }
-        }, {
-          key: "_Payload",
-          get: function get() {
-            var load = {
-              options: {
-                converter: "gltf_to_model",
-                quality: this.quality,
-                output: this.output,
-                server: this.server
-              },
-              data: {
-                model: this._model
-              }
-            };
-            if (this._attrHash.length > 0) {
-              load.options.hash = object_hash_1["default"].MD5(this._attrHash) + object_hash_1["default"].MD5(load);
-            } else {
-              load.options.hash = object_hash_1["default"].MD5(load);
-            }
-            return load;
-          }
-        }]);
-      }();
-      exports.ModelConverter = ModelConverter;
-    }, {
-      "./remote-request": 121,
-      "@plattar/plattar-api": 48,
-      "object-hash": 146
-    }],
-    121: [function (require, module, exports) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.RemoteRequest = void 0;
-      /**
-       * This is used by the core types to perform remote requests
-       */
-      var RemoteRequest = /*#__PURE__*/function () {
-        function RemoteRequest() {
-          _classCallCheck(this, RemoteRequest);
-        }
-        return _createClass(RemoteRequest, null, [{
-          key: "request",
-          value: function request(payload) {
-            var retry = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-            return new Promise(function (accept, reject) {
-              if (retry >= 0) {
-                RemoteRequest._send(payload).then(accept)["catch"](function (err) {
-                  var newretry = retry - 1;
-                  if (newretry < 0) {
-                    return reject(err);
-                  }
-                  console.error("RemoteRequest.request() - retry number " + newretry);
-                  console.error(err);
-                  setTimeout(function () {
-                    RemoteRequest.request(payload, newretry).then(accept)["catch"](reject);
-                  }, 500);
-                });
-              } else {
-                return reject(new Error("RemoteRequest.request() - attempted all retries without success"));
-              }
-            });
+              this._qrCode.update(this._options);
+              this._UpdateCanvas(width, height);
+            }
+          }
+        }, {
+          key: "_IsFetchAPISupported",
+          value: function _IsFetchAPISupported() {
+            return "fetch" in window;
           }
         }, {
-          key: "_send",
-          value: function _send(payload) {
+          key: "_ShortenURL",
+          value: function _ShortenURL(url) {
+            var _this64 = this;
             return new Promise(function (accept, reject) {
-              var endpoint = payload.options.server === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://3gbnq7wuw2.execute-api.ap-southeast-2.amazonaws.com/main/xrutils";
-              var reqopts = {
-                method: "POST",
-                headers: {
-                  'Accept': 'application/json',
-                  'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(payload)
-              };
-              fetch(endpoint, reqopts).then(function (res) {
-                if (res.ok) {
-                  try {
-                    return res.json();
-                  } catch (err) {
-                    return new Error("RemoteRequest.request() - critical error occured, cannot proceed");
+              if (!_this64._IsFetchAPISupported()) {
+                return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
+              }
+              try {
+                var b64Link = btoa(url);
+                var serverType = _this64.hasAttribute("server") ? _this64.getAttribute("server") : "production";
+                fetch(serverType === "staging" ? "https://c.plattar.space/shorten" : "https://c.plattar.com/shorten", {
+                  cache: "no-store",
+                  method: "POST",
+                  headers: {
+                    "Content-Type": "application/json"
+                  },
+                  body: JSON.stringify({
+                    data: {
+                      attributes: {
+                        url: b64Link,
+                        isBase64: true
+                      }
+                    }
+                  })
+                }).then(function (response) {
+                  if (!response.ok) {
+                    throw new Error("PlattarQR._ShortenURL() - response was invalid");
                   }
-                }
-                return new Error("RemoteRequest.request() - unexpected error occured, cannot proceed. error message is " + res.statusText);
-              }).then(function (json) {
-                if (json instanceof Error) {
-                  reject(json);
-                } else {
-                  accept(json);
-                }
-              });
+                  return response.json();
+                }).then(function (json) {
+                  return accept(json.data.attributes.url);
+                })["catch"](function () {
+                  return reject(new Error("PlattarQR._ShortenURL() - there was an unexpected issue generating short url"));
+                });
+              } catch (err) {
+                return reject(err);
+              }
             });
           }
         }]);
-      }();
-      exports.RemoteRequest = RemoteRequest;
-    }, {}],
-    122: [function (require, module, exports) {
+      }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
+      module.exports = BaseElement;
+    }, {
+      "object-hash": 141,
+      "qr-code-styling": 143
+    }],
+    116: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+      var QRCodeElement = /*#__PURE__*/function (_BaseElement) {
+        function QRCodeElement() {
+          _classCallCheck(this, QRCodeElement);
+          return _callSuper(this, QRCodeElement);
+        }
+        _inherits(QRCodeElement, _BaseElement);
+        return _createClass(QRCodeElement);
+      }(BaseElement);
+      module.exports = QRCodeElement;
+    }, {
+      "./base/base-element.js": 115
+    }],
+    117: [function (require, module, exports) {
       "use strict";
 
-      var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function get() {
-              return m[k];
-            }
-          };
+      var QRCodeElement = require("./elements/qrcode-element.js");
+      var Version = require("./version");
+      if (customElements) {
+        if (customElements.get("plattar-qrcode") === undefined) {
+          customElements.define("plattar-qrcode", QRCodeElement);
         }
-        Object.defineProperty(o, k2, desc);
-      } : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-      var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-        Object.defineProperty(o, "default", {
-          enumerable: true,
-          value: v
-        });
-      } : function (o, v) {
-        o["default"] = v;
-      });
-      var __importStar = this && this.__importStar || function () {
-        var _ownKeys3 = function ownKeys(o) {
-          _ownKeys3 = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-          };
-          return _ownKeys3(o);
-        };
-        return function (mod) {
-          if (mod && mod.__esModule) return mod;
-          var result = {};
-          if (mod != null) for (var k = _ownKeys3(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-          __setModuleDefault(result, mod);
-          return result;
-        };
-      }();
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
+      }
+      console.log("using @plattar/plattar-qrcode v" + Version);
+      module.exports = {
+        version: Version
       };
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.version = exports.ModelConverter = exports.Configurator = void 0;
-      var configurator_1 = require("./core/configurator");
-      Object.defineProperty(exports, "Configurator", {
-        enumerable: true,
-        get: function get() {
-          return configurator_1.Configurator;
-        }
-      });
-      var model_converter_1 = require("./core/model-converter");
-      Object.defineProperty(exports, "ModelConverter", {
-        enumerable: true,
-        get: function get() {
-          return model_converter_1.ModelConverter;
-        }
-      });
-      exports.version = __importStar(require("./version"));
-      var version_1 = __importDefault(require("./version"));
-      console.log("using @plattar/plattar-services v" + version_1["default"]);
     }, {
-      "./core/configurator": 119,
-      "./core/model-converter": 120,
-      "./version": 123
+      "./elements/qrcode-element.js": 116,
+      "./version": 118
+    }],
+    118: [function (require, module, exports) {
+      arguments[4][114][0].apply(exports, arguments);
+    }, {
+      "dup": 114
     }],
-    123: [function (require, module, exports) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports["default"] = "2.7.2";
-    }, {}],
-    124: [function (require, module, exports) {
+    119: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var AdhocElement = /*#__PURE__*/function (_BaseElement2) {
         function AdhocElement() {
@@ -11371,9 +11001,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = AdhocElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    125: [function (require, module, exports) {
+    120: [function (require, module, exports) {
       var Util = require("../../util/util");
       var ElementController = require("../controllers/element-controller");
       var _require = require("@plattar/context-messenger"),
@@ -11502,18 +11132,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this68 = this;
+            var _this65 = this;
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this68.hasAttribute(ele.key)) {
-                map.set(ele.map, _this68.getAttribute(ele.key));
+              if (_this65.hasAttribute(ele.key)) {
+                map.set(ele.map, _this65.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this68.hasAttribute(ele.key)) {
-                map.set(ele.map, _this68.getAttribute(ele.key));
+              if (_this65.hasAttribute(ele.key)) {
+                map.set(ele.map, _this65.getAttribute(ele.key));
               }
             });
             return map;
@@ -11567,11 +11197,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
       module.exports = BaseElement;
     }, {
-      "../../util/util": 140,
-      "../controllers/element-controller": 127,
+      "../../util/util": 135,
+      "../controllers/element-controller": 122,
       "@plattar/context-messenger": 25
     }],
-    126: [function (require, module, exports) {
+    121: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var ConfiguratorElement = /*#__PURE__*/function (_BaseElement3) {
         function ConfiguratorElement() {
@@ -11630,16 +11260,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ConfiguratorElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    127: [function (require, module, exports) {
+    122: [function (require, module, exports) {
       var Util = require("../../util/util.js");
       var _require2 = require("@plattar/context-messenger"),
         messenger = _require2.messenger;
       var IFrameController = require("./iframe-controller.js");
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this69 = this;
+          var _this66 = this;
           _classCallCheck(this, ElementController);
           this._element = element;
 
@@ -11652,7 +11282,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var mutation = _step8.value;
                 if (mutation.type === 'attributes' && element.usesAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this69._load();
+                    _this66._load();
                   }
                 }
               }
@@ -11730,15 +11360,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = ElementController;
     }, {
-      "../../util/util.js": 140,
-      "./iframe-controller.js": 128,
+      "../../util/util.js": 135,
+      "./iframe-controller.js": 123,
       "@plattar/context-messenger": 25
     }],
-    128: [function (require, module, exports) {
+    123: [function (require, module, exports) {
       var Util = require("../../util/util.js");
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this70 = this;
+          var _this67 = this;
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
           _classCallCheck(this, IFrameController);
           this._iframe = document.createElement("iframe");
@@ -11748,7 +11378,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this70._iframe);
+                onelemload(_this67._iframe);
               }
             };
           }
@@ -11830,9 +11460,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = IFrameController;
     }, {
-      "../../util/util.js": 140
+      "../../util/util.js": 135
     }],
-    129: [function (require, module, exports) {
+    124: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var EditorElement = /*#__PURE__*/function (_BaseElement4) {
         function EditorElement() {
@@ -11854,9 +11484,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    130: [function (require, module, exports) {
+    125: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var EWallElement = /*#__PURE__*/function (_BaseElement5) {
         function EWallElement() {
@@ -11878,9 +11508,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = EWallElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    131: [function (require, module, exports) {
+    126: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var FaceARElement = /*#__PURE__*/function (_BaseElement6) {
         function FaceARElement() {
@@ -11922,9 +11552,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    132: [function (require, module, exports) {
+    127: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var GalleryElement = /*#__PURE__*/function (_BaseElement7) {
         function GalleryElement() {
@@ -11951,9 +11581,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = GalleryElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    133: [function (require, module, exports) {
+    128: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var LauncherElement = /*#__PURE__*/function (_BaseElement8) {
         function LauncherElement() {
@@ -12010,9 +11640,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = LauncherElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    134: [function (require, module, exports) {
+    129: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var ModelElement = /*#__PURE__*/function (_BaseElement9) {
         function ModelElement() {
@@ -12053,9 +11683,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ModelElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    135: [function (require, module, exports) {
+    130: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var ProductElement = /*#__PURE__*/function (_BaseElement0) {
         function ProductElement() {
@@ -12099,9 +11729,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ProductElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    136: [function (require, module, exports) {
+    131: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var StudioElement = /*#__PURE__*/function (_BaseElement1) {
         function StudioElement() {
@@ -12134,9 +11764,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = StudioElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    137: [function (require, module, exports) {
+    132: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var ViewerElement = /*#__PURE__*/function (_BaseElement10) {
         function ViewerElement() {
@@ -12175,9 +11805,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ViewerElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    138: [function (require, module, exports) {
+    133: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
       var WebXRElement = /*#__PURE__*/function (_BaseElement11) {
         function WebXRElement() {
@@ -12199,9 +11829,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = WebXRElement;
     }, {
-      "./base/base-element.js": 125
+      "./base/base-element.js": 120
     }],
-    139: [function (require, module, exports) {
+    134: [function (require, module, exports) {
       "use strict";
 
       var WebXRElement = require("./elements/webxr-element.js");
@@ -12258,21 +11888,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         version: Version
       };
     }, {
-      "./elements/adhoc-element.js": 124,
-      "./elements/configurator-element.js": 126,
-      "./elements/editor-element.js": 129,
-      "./elements/ewall-element.js": 130,
-      "./elements/facear-element.js": 131,
-      "./elements/gallery-element.js": 132,
-      "./elements/launcher-element.js": 133,
-      "./elements/model-element.js": 134,
-      "./elements/product-element.js": 135,
-      "./elements/studio-element.js": 136,
-      "./elements/viewer-element.js": 137,
-      "./elements/webxr-element.js": 138,
-      "./version": 141
+      "./elements/adhoc-element.js": 119,
+      "./elements/configurator-element.js": 121,
+      "./elements/editor-element.js": 124,
+      "./elements/ewall-element.js": 125,
+      "./elements/facear-element.js": 126,
+      "./elements/gallery-element.js": 127,
+      "./elements/launcher-element.js": 128,
+      "./elements/model-element.js": 129,
+      "./elements/product-element.js": 130,
+      "./elements/studio-element.js": 131,
+      "./elements/viewer-element.js": 132,
+      "./elements/webxr-element.js": 133,
+      "./version": 136
     }],
-    140: [function (require, module, exports) {
+    135: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -12344,10 +11974,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = Util;
     }, {}],
-    141: [function (require, module, exports) {
+    136: [function (require, module, exports) {
       module.exports = "2.7.2";
     }, {}],
-    142: [function (require, module, exports) {
+    137: [function (require, module, exports) {
       'use strict';
 
       exports.byteLength = byteLength;
@@ -12453,7 +12083,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return parts.join('');
       }
     }, {}],
-    143: [function (require, module, exports) {
+    138: [function (require, module, exports) {
       (function (Buffer) {
         (function () {
           /*!
@@ -13951,11 +13581,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require("buffer").Buffer);
     }, {
-      "base64-js": 142,
-      "buffer": 143,
-      "ieee754": 144
+      "base64-js": 137,
+      "buffer": 138,
+      "ieee754": 139
     }],
-    144: [function (require, module, exports) {
+    139: [function (require, module, exports) {
       /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
       exports.read = function (buffer, offset, isLE, mLen, nBytes) {
         var e, m;
@@ -14031,7 +13661,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         buffer[offset + i - d] |= s * 128;
       };
     }, {}],
-    145: [function (require, module, exports) {
+    140: [function (require, module, exports) {
       (function (global) {
         (function () {
           "use strict";
@@ -14065,7 +13695,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    146: [function (require, module, exports) {
+    141: [function (require, module, exports) {
       (function (global) {
         (function () {
           !function (e) {
@@ -15065,7 +14695,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    147: [function (require, module, exports) {
+    142: [function (require, module, exports) {
       // shim for using process in browser
       var process = module.exports = {};
 
@@ -15242,7 +14872,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return 0;
       };
     }, {}],
-    148: [function (require, module, exports) {
+    143: [function (require, module, exports) {
       (function (Buffer) {
         (function () {
           !function (t, e) {
@@ -15254,8 +14884,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     var i,
                       r,
                       n = function () {
-                        var t = function t(_t34, e) {
-                          var i = _t34,
+                        var t = function t(_t35, e) {
+                          var i = _t35,
                             r = s[e],
                             n = null,
                             o = 0,
@@ -16067,8 +15697,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return $;
                   }
                 });
-                var t = function t(_t35) {
-                  return !!_t35 && "object" == _typeof(_t35) && !Array.isArray(_t35);
+                var t = function t(_t36) {
+                  return !!_t36 && "object" == _typeof(_t36) && !Array.isArray(_t36);
                 };
                 function e(i) {
                   for (var _len10 = arguments.length, r = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
@@ -16147,78 +15777,78 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_basicDot",
                     value: function _basicDot(t) {
-                      var _this71 = this;
+                      var _this68 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this71._element = _this71._window.document.createElementNS("http://www.w3.org/2000/svg", "circle"), _this71._element.setAttribute("cx", String(i + e / 2)), _this71._element.setAttribute("cy", String(r + e / 2)), _this71._element.setAttribute("r", String(e / 2));
+                          _this68._element = _this68._window.document.createElementNS("http://www.w3.org/2000/svg", "circle"), _this68._element.setAttribute("cx", String(i + e / 2)), _this68._element.setAttribute("cy", String(r + e / 2)), _this68._element.setAttribute("r", String(e / 2));
                         }
                       }));
                     }
                   }, {
                     key: "_basicSquare",
                     value: function _basicSquare(t) {
-                      var _this72 = this;
+                      var _this69 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this72._element = _this72._window.document.createElementNS("http://www.w3.org/2000/svg", "rect"), _this72._element.setAttribute("x", String(i)), _this72._element.setAttribute("y", String(r)), _this72._element.setAttribute("width", String(e)), _this72._element.setAttribute("height", String(e));
+                          _this69._element = _this69._window.document.createElementNS("http://www.w3.org/2000/svg", "rect"), _this69._element.setAttribute("x", String(i)), _this69._element.setAttribute("y", String(r)), _this69._element.setAttribute("width", String(e)), _this69._element.setAttribute("height", String(e));
                         }
                       }));
                     }
                   }, {
                     key: "_basicSideRounded",
                     value: function _basicSideRounded(t) {
-                      var _this73 = this;
+                      var _this70 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this73._element = _this73._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this73._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ") + e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, 0 ").concat(-e));
+                          _this70._element = _this70._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this70._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ") + e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, 0 ").concat(-e));
                         }
                       }));
                     }
                   }, {
                     key: "_basicCornerRounded",
                     value: function _basicCornerRounded(t) {
-                      var _this74 = this;
+                      var _this71 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this74._element = _this74._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this74._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "v ") + -e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(-e / 2, " ").concat(-e / 2));
+                          _this71._element = _this71._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this71._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "v ") + -e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(-e / 2, " ").concat(-e / 2));
                         }
                       }));
                     }
                   }, {
                     key: "_basicCornerExtraRounded",
                     value: function _basicCornerExtraRounded(t) {
-                      var _this75 = this;
+                      var _this72 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this75._element = _this75._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this75._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "a ").concat(e, " ").concat(e, ", 0, 0, 0, ").concat(-e, " ").concat(-e));
+                          _this72._element = _this72._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this72._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "a ").concat(e, " ").concat(e, ", 0, 0, 0, ").concat(-e, " ").concat(-e));
                         }
                       }));
                     }
                   }, {
                     key: "_basicCornersRounded",
                     value: function _basicCornersRounded(t) {
-                      var _this76 = this;
+                      var _this73 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this76._element = _this76._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this76._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ") + e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(e / 2, " ").concat(e / 2, "h ") + e / 2 + "v " + -e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(-e / 2, " ").concat(-e / 2));
+                          _this73._element = _this73._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this73._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ") + e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(e / 2, " ").concat(e / 2, "h ") + e / 2 + "v " + -e / 2 + "a ".concat(e / 2, " ").concat(e / 2, ", 0, 0, 0, ").concat(-e / 2, " ").concat(-e / 2));
                         }
                       }));
                     }
@@ -16458,42 +16088,42 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_basicDot",
                     value: function _basicDot(t) {
-                      var _this77 = this;
+                      var _this74 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y,
                         n = e / 7;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this77._element = _this77._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this77._element.setAttribute("clip-rule", "evenodd"), _this77._element.setAttribute("d", "M ".concat(i + e / 2, " ").concat(r, "a ").concat(e / 2, " ").concat(e / 2, " 0 1 0 0.1 0zm 0 ").concat(n, "a ").concat(e / 2 - n, " ").concat(e / 2 - n, " 0 1 1 -0.1 0Z"));
+                          _this74._element = _this74._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this74._element.setAttribute("clip-rule", "evenodd"), _this74._element.setAttribute("d", "M ".concat(i + e / 2, " ").concat(r, "a ").concat(e / 2, " ").concat(e / 2, " 0 1 0 0.1 0zm 0 ").concat(n, "a ").concat(e / 2 - n, " ").concat(e / 2 - n, " 0 1 1 -0.1 0Z"));
                         }
                       }));
                     }
                   }, {
                     key: "_basicSquare",
                     value: function _basicSquare(t) {
-                      var _this78 = this;
+                      var _this75 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y,
                         n = e / 7;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this78._element = _this78._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this78._element.setAttribute("clip-rule", "evenodd"), _this78._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "v ") + -e + "z" + "M ".concat(i + n, " ").concat(r + n, "h ") + (e - 2 * n) + "v " + (e - 2 * n) + "h " + (2 * n - e) + "z");
+                          _this75._element = _this75._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this75._element.setAttribute("clip-rule", "evenodd"), _this75._element.setAttribute("d", "M ".concat(i, " ").concat(r, "v ").concat(e, "h ").concat(e, "v ") + -e + "z" + "M ".concat(i + n, " ").concat(r + n, "h ") + (e - 2 * n) + "v " + (e - 2 * n) + "h " + (2 * n - e) + "z");
                         }
                       }));
                     }
                   }, {
                     key: "_basicExtraRounded",
                     value: function _basicExtraRounded(t) {
-                      var _this79 = this;
+                      var _this76 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y,
                         n = e / 7;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this79._element = _this79._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this79._element.setAttribute("clip-rule", "evenodd"), _this79._element.setAttribute("d", "M ".concat(i, " ").concat(r + 2.5 * n, "v ") + 2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * n, " ").concat(2.5 * n, "h ") + 2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * n, " ").concat(2.5 * -n, "v ") + -2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * -n, " ").concat(2.5 * -n, "h ") + -2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * -n, " ").concat(2.5 * n) + "M ".concat(i + 2.5 * n, " ").concat(r + n, "h ") + 2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * n, " ").concat(1.5 * n, "v ") + 2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * -n, " ").concat(1.5 * n, "h ") + -2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * -n, " ").concat(1.5 * -n, "v ") + -2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * n, " ").concat(1.5 * -n));
+                          _this76._element = _this76._window.document.createElementNS("http://www.w3.org/2000/svg", "path"), _this76._element.setAttribute("clip-rule", "evenodd"), _this76._element.setAttribute("d", "M ".concat(i, " ").concat(r + 2.5 * n, "v ") + 2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * n, " ").concat(2.5 * n, "h ") + 2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * n, " ").concat(2.5 * -n, "v ") + -2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * -n, " ").concat(2.5 * -n, "h ") + -2 * n + "a ".concat(2.5 * n, " ").concat(2.5 * n, ", 0, 0, 0, ").concat(2.5 * -n, " ").concat(2.5 * n) + "M ".concat(i + 2.5 * n, " ").concat(r + n, "h ") + 2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * n, " ").concat(1.5 * n, "v ") + 2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * -n, " ").concat(1.5 * n, "h ") + -2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * -n, " ").concat(1.5 * -n, "v ") + -2 * n + "a ".concat(1.5 * n, " ").concat(1.5 * n, ", 0, 0, 1, ").concat(1.5 * n, " ").concat(1.5 * -n));
                         }
                       }));
                     }
@@ -16582,26 +16212,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_basicDot",
                     value: function _basicDot(t) {
-                      var _this80 = this;
+                      var _this77 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this80._element = _this80._window.document.createElementNS("http://www.w3.org/2000/svg", "circle"), _this80._element.setAttribute("cx", String(i + e / 2)), _this80._element.setAttribute("cy", String(r + e / 2)), _this80._element.setAttribute("r", String(e / 2));
+                          _this77._element = _this77._window.document.createElementNS("http://www.w3.org/2000/svg", "circle"), _this77._element.setAttribute("cx", String(i + e / 2)), _this77._element.setAttribute("cy", String(r + e / 2)), _this77._element.setAttribute("r", String(e / 2));
                         }
                       }));
                     }
                   }, {
                     key: "_basicSquare",
                     value: function _basicSquare(t) {
-                      var _this81 = this;
+                      var _this78 = this;
                       var e = t.size,
                         i = t.x,
                         r = t.y;
                       this._rotateFigure(Object.assign(Object.assign({}, t), {
                         draw: function draw() {
-                          _this81._element = _this81._window.document.createElementNS("http://www.w3.org/2000/svg", "rect"), _this81._element.setAttribute("x", String(i)), _this81._element.setAttribute("y", String(r)), _this81._element.setAttribute("width", String(e)), _this81._element.setAttribute("height", String(e));
+                          _this78._element = _this78._window.document.createElementNS("http://www.w3.org/2000/svg", "rect"), _this78._element.setAttribute("x", String(i)), _this78._element.setAttribute("y", String(r)), _this78._element.setAttribute("width", String(e)), _this78._element.setAttribute("height", String(e));
                         }
                       }));
                     }
@@ -16640,10 +16270,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   w = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
                 var p = /*#__PURE__*/function () {
                   function p(t, e) {
-                    var _this82 = this;
+                    var _this79 = this;
                     _classCallCheck(this, p);
                     this._roundSize = function (t) {
-                      return _this82._options.dotsOptions.roundSize ? Math.floor(t) : t;
+                      return _this79._options.dotsOptions.roundSize ? Math.floor(t) : t;
                     }, this._window = e, this._element = this._window.document.createElementNS("http://www.w3.org/2000/svg", "svg"), this._element.setAttribute("width", String(t.width)), this._element.setAttribute("height", String(t.height)), this._element.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), t.dotsOptions.roundSize || this._element.setAttribute("shape-rendering", "crispEdges"), this._element.setAttribute("viewBox", "0 0 ".concat(t.width, " ").concat(t.height)), this._defs = this._window.document.createElementNS("http://www.w3.org/2000/svg", "defs"), this._element.appendChild(this._defs), this._imageUri = t.image, this._instanceId = p.instanceCount++, this._options = t;
                   }
                   return _createClass(p, [{
@@ -16664,11 +16294,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "drawQR",
                     value: function () {
-                      var _drawQR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee51(t) {
-                        var _this83 = this;
-                        var e, i, r, n, s, _this$_options, _t36, _i2, _r5, _a, _t37;
-                        return _regenerator().w(function (_context51) {
-                          while (1) switch (_context51.n) {
+                      var _drawQR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee52(t) {
+                        var _this80 = this;
+                        var e, i, r, n, s, _this$_options, _t37, _i2, _r5, _a, _t38;
+                        return _regenerator().w(function (_context52) {
+                          while (1) switch (_context52.n) {
                             case 0:
                               e = t.getModuleCount(), i = Math.min(this._options.width, this._options.height) - 2 * this._options.margin, r = this._options.shape === g ? i / Math.sqrt(2) : i, n = this._roundSize(r / e);
                               s = {
@@ -16678,19 +16308,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 height: 0
                               };
                               if (!(this._qr = t, this._options.image)) {
-                                _context51.n = 3;
+                                _context52.n = 3;
                                 break;
                               }
-                              _context51.n = 1;
+                              _context52.n = 1;
                               return this.loadImage();
                             case 1:
                               if (this._image) {
-                                _context51.n = 2;
+                                _context52.n = 2;
                                 break;
                               }
-                              return _context51.a(2);
+                              return _context52.a(2);
                             case 2:
-                              _this$_options = this._options, _t36 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t36.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
+                              _this$_options = this._options, _t37 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t37.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
                               s = function (_ref16) {
                                 var t = _ref16.originalHeight,
                                   e = _ref16.originalWidth,
@@ -16729,15 +16359,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                               this.drawBackground();
                               this.drawDots(function (t, i) {
                                 var r, n, o, a, h, d;
-                                return !(_this83._options.imageOptions.hideBackgroundDots && t >= (e - s.hideYDots) / 2 && t < (e + s.hideYDots) / 2 && i >= (e - s.hideXDots) / 2 && i < (e + s.hideXDots) / 2 || (null === (r = f[t]) || void 0 === r ? void 0 : r[i]) || (null === (n = f[t - e + 7]) || void 0 === n ? void 0 : n[i]) || (null === (o = f[t]) || void 0 === o ? void 0 : o[i - e + 7]) || (null === (a = w[t]) || void 0 === a ? void 0 : a[i]) || (null === (h = w[t - e + 7]) || void 0 === h ? void 0 : h[i]) || (null === (d = w[t]) || void 0 === d ? void 0 : d[i - e + 7]));
+                                return !(_this80._options.imageOptions.hideBackgroundDots && t >= (e - s.hideYDots) / 2 && t < (e + s.hideYDots) / 2 && i >= (e - s.hideXDots) / 2 && i < (e + s.hideXDots) / 2 || (null === (r = f[t]) || void 0 === r ? void 0 : r[i]) || (null === (n = f[t - e + 7]) || void 0 === n ? void 0 : n[i]) || (null === (o = f[t]) || void 0 === o ? void 0 : o[i - e + 7]) || (null === (a = w[t]) || void 0 === a ? void 0 : a[i]) || (null === (h = w[t - e + 7]) || void 0 === h ? void 0 : h[i]) || (null === (d = w[t]) || void 0 === d ? void 0 : d[i - e + 7]));
                               });
                               this.drawCorners();
-                              _t37 = this._options.image;
-                              if (!_t37) {
-                                _context51.n = 4;
+                              _t38 = this._options.image;
+                              if (!_t38) {
+                                _context52.n = 4;
                                 break;
                               }
-                              _context51.n = 4;
+                              _context52.n = 4;
                               return this.drawImage({
                                 width: s.width,
                                 height: s.height,
@@ -16745,11 +16375,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 dotSize: n
                               });
                             case 4:
-                              return _context51.a(2);
+                              return _context52.a(2);
                           }
-                        }, _callee51, this);
+                        }, _callee52, this);
                       }));
-                      function drawQR(_x16) {
+                      function drawQR(_x18) {
                         return _drawQR.apply(this, arguments);
                       }
                       return drawQR;
@@ -16766,8 +16396,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         var s = n.height,
                           _a2 = n.width;
                         if (_r6 || _o) {
-                          var _t38 = this._window.document.createElementNS("http://www.w3.org/2000/svg", "rect");
-                          this._backgroundClipPath = this._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._backgroundClipPath.setAttribute("id", "clip-path-background-color-".concat(this._instanceId)), this._defs.appendChild(this._backgroundClipPath), (null === (i = n.backgroundOptions) || void 0 === i ? void 0 : i.round) && (s = _a2 = Math.min(n.width, n.height), _t38.setAttribute("rx", String(s / 2 * n.backgroundOptions.round))), _t38.setAttribute("x", String(this._roundSize((n.width - _a2) / 2))), _t38.setAttribute("y", String(this._roundSize((n.height - s) / 2))), _t38.setAttribute("width", String(_a2)), _t38.setAttribute("height", String(s)), this._backgroundClipPath.appendChild(_t38), this._createColor({
+                          var _t39 = this._window.document.createElementNS("http://www.w3.org/2000/svg", "rect");
+                          this._backgroundClipPath = this._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._backgroundClipPath.setAttribute("id", "clip-path-background-color-".concat(this._instanceId)), this._defs.appendChild(this._backgroundClipPath), (null === (i = n.backgroundOptions) || void 0 === i ? void 0 : i.round) && (s = _a2 = Math.min(n.width, n.height), _t39.setAttribute("rx", String(s / 2 * n.backgroundOptions.round))), _t39.setAttribute("x", String(this._roundSize((n.width - _a2) / 2))), _t39.setAttribute("y", String(this._roundSize((n.height - s) / 2))), _t39.setAttribute("width", String(_a2)), _t39.setAttribute("height", String(s)), this._backgroundClipPath.appendChild(_t39), this._createColor({
                             options: _r6,
                             color: _o,
                             additionalRotation: 0,
@@ -16783,7 +16413,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "drawDots",
                     value: function drawDots(t) {
-                      var _this84 = this;
+                      var _this81 = this;
                       var e, i;
                       if (!this._qr) throw "QR code is not defined";
                       var r = this._options,
@@ -16811,9 +16441,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       });
                       var _loop2 = function _loop2(_e3) {
                         var _loop5 = function _loop5(_r9) {
-                          t && !t(_e3, _r9) || (null === (i = _this84._qr) || void 0 === i ? void 0 : i.isDark(_e3, _r9)) && (c.draw(d + _r9 * h, u + _e3 * h, h, function (i, o) {
-                            return !(_r9 + i < 0 || _e3 + o < 0 || _r9 + i >= n || _e3 + o >= n) && !(t && !t(_e3 + o, _r9 + i)) && !!_this84._qr && _this84._qr.isDark(_e3 + o, _r9 + i);
-                          }), c._element && _this84._dotsClipPath && _this84._dotsClipPath.appendChild(c._element));
+                          t && !t(_e3, _r9) || (null === (i = _this81._qr) || void 0 === i ? void 0 : i.isDark(_e3, _r9)) && (c.draw(d + _r9 * h, u + _e3 * h, h, function (i, o) {
+                            return !(_r9 + i < 0 || _e3 + o < 0 || _r9 + i >= n || _e3 + o >= n) && !(t && !t(_e3 + o, _r9 + i)) && !!_this81._qr && _this81._qr.isDark(_e3 + o, _r9 + i);
+                          }), c._element && _this81._dotsClipPath && _this81._dotsClipPath.appendChild(c._element));
                         };
                         for (var _r9 = 0; _r9 < n; _r9++) {
                           _loop5(_r9);
@@ -16823,36 +16453,36 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         _loop2(_e3);
                       }
                       if (r.shape === g) {
-                        var _t39 = this._roundSize((o / h - n) / 2),
-                          _e4 = n + 2 * _t39,
-                          _i3 = d - _t39 * h,
-                          _r7 = u - _t39 * h,
+                        var _t40 = this._roundSize((o / h - n) / 2),
+                          _e4 = n + 2 * _t40,
+                          _i3 = d - _t40 * h,
+                          _r7 = u - _t40 * h,
                           s = [],
                           _a3 = this._roundSize(_e4 / 2);
                         for (var _i4 = 0; _i4 < _e4; _i4++) {
                           s[_i4] = [];
-                          for (var _r8 = 0; _r8 < _e4; _r8++) _i4 >= _t39 - 1 && _i4 <= _e4 - _t39 && _r8 >= _t39 - 1 && _r8 <= _e4 - _t39 || Math.sqrt((_i4 - _a3) * (_i4 - _a3) + (_r8 - _a3) * (_r8 - _a3)) > _a3 ? s[_i4][_r8] = 0 : s[_i4][_r8] = this._qr.isDark(_r8 - 2 * _t39 < 0 ? _r8 : _r8 >= n ? _r8 - 2 * _t39 : _r8 - _t39, _i4 - 2 * _t39 < 0 ? _i4 : _i4 >= n ? _i4 - 2 * _t39 : _i4 - _t39) ? 1 : 0;
+                          for (var _r8 = 0; _r8 < _e4; _r8++) _i4 >= _t40 - 1 && _i4 <= _e4 - _t40 && _r8 >= _t40 - 1 && _r8 <= _e4 - _t40 || Math.sqrt((_i4 - _a3) * (_i4 - _a3) + (_r8 - _a3) * (_r8 - _a3)) > _a3 ? s[_i4][_r8] = 0 : s[_i4][_r8] = this._qr.isDark(_r8 - 2 * _t40 < 0 ? _r8 : _r8 >= n ? _r8 - 2 * _t40 : _r8 - _t40, _i4 - 2 * _t40 < 0 ? _i4 : _i4 >= n ? _i4 - 2 * _t40 : _i4 - _t40) ? 1 : 0;
                         }
-                        var _loop3 = function _loop3(_t40) {
+                        var _loop3 = function _loop3(_t41) {
                           var _loop4 = function _loop4(_n) {
-                            s[_t40][_n] && (c.draw(_i3 + _n * h, _r7 + _t40 * h, h, function (e, i) {
+                            s[_t41][_n] && (c.draw(_i3 + _n * h, _r7 + _t41 * h, h, function (e, i) {
                               var r;
-                              return !!(null === (r = s[_t40 + i]) || void 0 === r ? void 0 : r[_n + e]);
-                            }), c._element && _this84._dotsClipPath && _this84._dotsClipPath.appendChild(c._element));
+                              return !!(null === (r = s[_t41 + i]) || void 0 === r ? void 0 : r[_n + e]);
+                            }), c._element && _this81._dotsClipPath && _this81._dotsClipPath.appendChild(c._element));
                           };
                           for (var _n = 0; _n < _e4; _n++) {
                             _loop4(_n);
                           }
                         };
-                        for (var _t40 = 0; _t40 < _e4; _t40++) {
-                          _loop3(_t40);
+                        for (var _t41 = 0; _t41 < _e4; _t41++) {
+                          _loop3(_t41);
                         }
                       }
                     }
                   }, {
                     key: "drawCorners",
                     value: function drawCorners() {
-                      var _this85 = this;
+                      var _this82 = this;
                       if (!this._qr) throw "QR code is not defined";
                       var t = this._element,
                         e = this._options;
@@ -16873,9 +16503,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         var g, _, m, b, y, x, S, C, A, M, $, O, D, k;
                         var z = _p + t * o * (i - 7),
                           B = v + r * o * (i - 7);
-                        var P = _this85._dotsClipPath,
-                          I = _this85._dotsClipPath;
-                        if (((null === (g = e.cornersSquareOptions) || void 0 === g ? void 0 : g.gradient) || (null === (_ = e.cornersSquareOptions) || void 0 === _ ? void 0 : _.color)) && (P = _this85._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), P.setAttribute("id", "clip-path-corners-square-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)), _this85._defs.appendChild(P), _this85._cornersSquareClipPath = _this85._cornersDotClipPath = I = P, _this85._createColor({
+                        var P = _this82._dotsClipPath,
+                          I = _this82._dotsClipPath;
+                        if (((null === (g = e.cornersSquareOptions) || void 0 === g ? void 0 : g.gradient) || (null === (_ = e.cornersSquareOptions) || void 0 === _ ? void 0 : _.color)) && (P = _this82._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), P.setAttribute("id", "clip-path-corners-square-color-".concat(t, "-").concat(r, "-").concat(_this82._instanceId)), _this82._defs.appendChild(P), _this82._cornersSquareClipPath = _this82._cornersDotClipPath = I = P, _this82._createColor({
                           options: null === (m = e.cornersSquareOptions) || void 0 === m ? void 0 : m.gradient,
                           color: null === (b = e.cornersSquareOptions) || void 0 === b ? void 0 : b.color,
                           additionalRotation: n,
@@ -16883,26 +16513,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           y: B,
                           height: a,
                           width: a,
-                          name: "corners-square-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
+                          name: "corners-square-color-".concat(t, "-").concat(r, "-").concat(_this82._instanceId)
                         })), (null === (y = e.cornersSquareOptions) || void 0 === y ? void 0 : y.type) && h.includes(e.cornersSquareOptions.type)) {
-                          var _t41 = new d({
-                            svg: _this85._element,
+                          var _t42 = new d({
+                            svg: _this82._element,
                             type: e.cornersSquareOptions.type,
-                            window: _this85._window
+                            window: _this82._window
                           });
-                          _t41.draw(z, B, a, n), _t41._element && P && P.appendChild(_t41._element);
+                          _t42.draw(z, B, a, n), _t42._element && P && P.appendChild(_t42._element);
                         } else {
-                          var _t42 = new s({
-                            svg: _this85._element,
+                          var _t43 = new s({
+                            svg: _this82._element,
                             type: (null === (x = e.cornersSquareOptions) || void 0 === x ? void 0 : x.type) || e.dotsOptions.type,
-                            window: _this85._window
+                            window: _this82._window
                           });
                           var _loop6 = function _loop6(_e5) {
                             var _loop7 = function _loop7(_i5) {
-                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t42.draw(z + _i5 * o, B + _e5 * o, o, function (t, r) {
+                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t43.draw(z + _i5 * o, B + _e5 * o, o, function (t, r) {
                                 var n;
                                 return !!(null === (n = f[_e5 + r]) || void 0 === n ? void 0 : n[_i5 + t]);
-                              }), _t42._element && P && P.appendChild(_t42._element));
+                              }), _t43._element && P && P.appendChild(_t43._element));
                             };
                             for (var _i5 = 0; _i5 < f[_e5].length; _i5++) {
                               _loop7(_i5);
@@ -16912,7 +16542,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                             _loop6(_e5);
                           }
                         }
-                        if (((null === (C = e.cornersDotOptions) || void 0 === C ? void 0 : C.gradient) || (null === (A = e.cornersDotOptions) || void 0 === A ? void 0 : A.color)) && (I = _this85._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), I.setAttribute("id", "clip-path-corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)), _this85._defs.appendChild(I), _this85._cornersDotClipPath = I, _this85._createColor({
+                        if (((null === (C = e.cornersDotOptions) || void 0 === C ? void 0 : C.gradient) || (null === (A = e.cornersDotOptions) || void 0 === A ? void 0 : A.color)) && (I = _this82._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), I.setAttribute("id", "clip-path-corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this82._instanceId)), _this82._defs.appendChild(I), _this82._cornersDotClipPath = I, _this82._createColor({
                           options: null === (M = e.cornersDotOptions) || void 0 === M ? void 0 : M.gradient,
                           color: null === ($ = e.cornersDotOptions) || void 0 === $ ? void 0 : $.color,
                           additionalRotation: n,
@@ -16920,26 +16550,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           y: B + 2 * o,
                           height: u,
                           width: u,
-                          name: "corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
+                          name: "corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this82._instanceId)
                         })), (null === (O = e.cornersDotOptions) || void 0 === O ? void 0 : O.type) && c.includes(e.cornersDotOptions.type)) {
-                          var _t43 = new l({
-                            svg: _this85._element,
+                          var _t44 = new l({
+                            svg: _this82._element,
                             type: e.cornersDotOptions.type,
-                            window: _this85._window
+                            window: _this82._window
                           });
-                          _t43.draw(z + 2 * o, B + 2 * o, u, n), _t43._element && I && I.appendChild(_t43._element);
+                          _t44.draw(z + 2 * o, B + 2 * o, u, n), _t44._element && I && I.appendChild(_t44._element);
                         } else {
-                          var _t44 = new s({
-                            svg: _this85._element,
+                          var _t45 = new s({
+                            svg: _this82._element,
                             type: (null === (D = e.cornersDotOptions) || void 0 === D ? void 0 : D.type) || e.dotsOptions.type,
-                            window: _this85._window
+                            window: _this82._window
                           });
                           var _loop8 = function _loop8(_e6) {
                             var _loop9 = function _loop9(_i6) {
-                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t44.draw(z + _i6 * o, B + _e6 * o, o, function (t, r) {
+                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t45.draw(z + _i6 * o, B + _e6 * o, o, function (t, r) {
                                 var n;
                                 return !!(null === (n = w[_e6 + r]) || void 0 === n ? void 0 : n[_i6 + t]);
-                              }), _t44._element && I && I.appendChild(_t44._element));
+                              }), _t45._element && I && I.appendChild(_t45._element));
                             };
                             for (var _i6 = 0; _i6 < w[_e6].length; _i6++) {
                               _loop9(_i6);
@@ -16954,37 +16584,37 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "loadImage",
                     value: function loadImage() {
-                      var _this86 = this;
+                      var _this83 = this;
                       return new Promise(function (t, e) {
                         var i;
-                        var r = _this86._options;
+                        var r = _this83._options;
                         if (!r.image) return e("Image is not defined");
                         if (null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.loadImage) r.nodeCanvas.loadImage(r.image).then(function (e) {
                           var i, n;
-                          if (_this86._image = e, _this86._options.imageOptions.saveAsBlob) {
-                            var _t45 = null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.createCanvas(_this86._image.width, _this86._image.height);
-                            null === (n = null == _t45 ? void 0 : _t45.getContext("2d")) || void 0 === n || n.drawImage(e, 0, 0), _this86._imageUri = null == _t45 ? void 0 : _t45.toDataURL();
+                          if (_this83._image = e, _this83._options.imageOptions.saveAsBlob) {
+                            var _t46 = null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.createCanvas(_this83._image.width, _this83._image.height);
+                            null === (n = null == _t46 ? void 0 : _t46.getContext("2d")) || void 0 === n || n.drawImage(e, 0, 0), _this83._imageUri = null == _t46 ? void 0 : _t46.toDataURL();
                           }
                           t();
                         })["catch"](e);else {
-                          var _e7 = new _this86._window.Image();
-                          "string" == typeof r.imageOptions.crossOrigin && (_e7.crossOrigin = r.imageOptions.crossOrigin), _this86._image = _e7, _e7.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee53() {
-                            var _t46;
-                            return _regenerator().w(function (_context53) {
-                              while (1) switch (_context53.n) {
+                          var _e7 = new _this83._window.Image();
+                          "string" == typeof r.imageOptions.crossOrigin && (_e7.crossOrigin = r.imageOptions.crossOrigin), _this83._image = _e7, _e7.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee54() {
+                            var _t47;
+                            return _regenerator().w(function (_context54) {
+                              while (1) switch (_context54.n) {
                                 case 0:
-                                  _t46 = _this86._options.imageOptions.saveAsBlob;
-                                  if (!_t46) {
-                                    _context53.n = 2;
+                                  _t47 = _this83._options.imageOptions.saveAsBlob;
+                                  if (!_t47) {
+                                    _context54.n = 2;
                                     break;
                                   }
-                                  _context53.n = 1;
+                                  _context54.n = 1;
                                   return function () {
-                                    var _ref20 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee52(t, e) {
-                                      return _regenerator().w(function (_context52) {
-                                        while (1) switch (_context52.n) {
+                                    var _ref20 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee53(t, e) {
+                                      return _regenerator().w(function (_context53) {
+                                        while (1) switch (_context53.n) {
                                           case 0:
-                                            return _context52.a(2, new Promise(function (i) {
+                                            return _context53.a(2, new Promise(function (i) {
                                               var r = new e.XMLHttpRequest();
                                               r.onload = function () {
                                                 var t = new e.FileReader();
@@ -16994,20 +16624,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                               }, r.open("GET", t), r.responseType = "blob", r.send();
                                             }));
                                         }
-                                      }, _callee52);
+                                      }, _callee53);
                                     }));
-                                    return function (_x17, _x18) {
+                                    return function (_x19, _x20) {
                                       return _ref20.apply(this, arguments);
                                     };
-                                  }()(r.image || "", _this86._window);
+                                  }()(r.image || "", _this83._window);
                                 case 1:
-                                  _this86._imageUri = _context53.v;
+                                  _this83._imageUri = _context54.v;
                                 case 2:
                                   t();
                                 case 3:
-                                  return _context53.a(2);
+                                  return _context54.a(2);
                               }
-                            }, _callee53);
+                            }, _callee54);
                           })), _e7.src = r.image;
                         }
                       });
@@ -17015,20 +16645,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "drawImage",
                     value: function () {
-                      var _drawImage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee54(_ref21) {
+                      var _drawImage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee55(_ref21) {
                         var t, e, i, r, n, o, s, a, h, d, u, c;
-                        return _regenerator().w(function (_context54) {
-                          while (1) switch (_context54.n) {
+                        return _regenerator().w(function (_context55) {
+                          while (1) switch (_context55.n) {
                             case 0:
                               t = _ref21.width, e = _ref21.height, i = _ref21.count, r = _ref21.dotSize;
                               n = this._options, o = this._roundSize((n.width - i * r) / 2), s = this._roundSize((n.height - i * r) / 2), a = o + this._roundSize(n.imageOptions.margin + (i * r - t) / 2), h = s + this._roundSize(n.imageOptions.margin + (i * r - e) / 2), d = t - 2 * n.imageOptions.margin, u = e - 2 * n.imageOptions.margin, c = this._window.document.createElementNS("http://www.w3.org/2000/svg", "image");
                               c.setAttribute("href", this._imageUri || ""), c.setAttribute("xlink:href", this._imageUri || ""), c.setAttribute("x", String(a)), c.setAttribute("y", String(h)), c.setAttribute("width", "".concat(d, "px")), c.setAttribute("height", "".concat(u, "px")), this._element.appendChild(c);
                             case 1:
-                              return _context54.a(2);
+                              return _context55.a(2);
                           }
-                        }, _callee54, this);
+                        }, _callee55, this);
                       }));
-                      function drawImage(_x19) {
+                      function drawImage(_x21) {
                         return _drawImage.apply(this, arguments);
                       }
                       return drawImage;
@@ -17036,7 +16666,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_createColor",
                     value: function _createColor(_ref22) {
-                      var _this87 = this;
+                      var _this84 = this;
                       var t = _ref22.options,
                         e = _ref22.color,
                         i = _ref22.additionalRotation,
@@ -17061,7 +16691,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         t.colorStops.forEach(function (_ref23) {
                           var t = _ref23.offset,
                             i = _ref23.color;
-                          var r = _this87._window.document.createElementNS("http://www.w3.org/2000/svg", "stop");
+                          var r = _this84._window.document.createElementNS("http://www.w3.org/2000/svg", "stop");
                           r.setAttribute("offset", 100 * t + "%"), r.setAttribute("stop-color", i), _e8.appendChild(r);
                         }), d.setAttribute("fill", "url('#".concat(a, "')")), this._defs.appendChild(_e8);
                       } else e && d.setAttribute("fill", e);
@@ -17073,7 +16703,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var v = p,
                   _ = "canvas",
                   m = {};
-                for (var _t47 = 0; _t47 <= 40; _t47++) m[_t47] = _t47;
+                for (var _t48 = 0; _t48 <= 40; _t48++) m[_t48] = _t48;
                 var b = {
                   type: _,
                   shape: "square",
@@ -17151,37 +16781,37 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   return _createClass(M, [{
                     key: "_setupSvg",
                     value: function _setupSvg() {
-                      var _this88 = this;
+                      var _this85 = this;
                       if (!this._qr) return;
                       var t = new v(this._options, this._window);
                       this._svg = t.getElement(), this._svgDrawingPromise = t.drawQR(this._qr).then(function () {
                         var e;
-                        _this88._svg && (null === (e = _this88._extension) || void 0 === e || e.call(_this88, t.getElement(), _this88._options));
+                        _this85._svg && (null === (e = _this85._extension) || void 0 === e || e.call(_this85, t.getElement(), _this85._options));
                       });
                     }
                   }, {
                     key: "_setupCanvas",
                     value: function _setupCanvas() {
-                      var _this89 = this;
+                      var _this86 = this;
                       var t, e;
                       this._qr && ((null === (t = this._options.nodeCanvas) || void 0 === t ? void 0 : t.createCanvas) ? (this._nodeCanvas = this._options.nodeCanvas.createCanvas(this._options.width, this._options.height), this._nodeCanvas.width = this._options.width, this._nodeCanvas.height = this._options.height) : (this._domCanvas = document.createElement("canvas"), this._domCanvas.width = this._options.width, this._domCanvas.height = this._options.height), this._setupSvg(), this._canvasDrawingPromise = null === (e = this._svgDrawingPromise) || void 0 === e ? void 0 : e.then(function () {
                         var t;
-                        if (!_this89._svg) return;
-                        var e = _this89._svg,
-                          i = new _this89._window.XMLSerializer().serializeToString(e),
+                        if (!_this86._svg) return;
+                        var e = _this86._svg,
+                          i = new _this86._window.XMLSerializer().serializeToString(e),
                           r = btoa(i),
                           n = "data:".concat(A("svg"), ";base64,").concat(r);
-                        if (null === (t = _this89._options.nodeCanvas) || void 0 === t ? void 0 : t.loadImage) return _this89._options.nodeCanvas.loadImage(n).then(function (t) {
+                        if (null === (t = _this86._options.nodeCanvas) || void 0 === t ? void 0 : t.loadImage) return _this86._options.nodeCanvas.loadImage(n).then(function (t) {
                           var e, i;
-                          t.width = _this89._options.width, t.height = _this89._options.height, null === (i = null === (e = _this89._nodeCanvas) || void 0 === e ? void 0 : e.getContext("2d")) || void 0 === i || i.drawImage(t, 0, 0);
+                          t.width = _this86._options.width, t.height = _this86._options.height, null === (i = null === (e = _this86._nodeCanvas) || void 0 === e ? void 0 : e.getContext("2d")) || void 0 === i || i.drawImage(t, 0, 0);
                         });
                         {
-                          var _t48 = new _this89._window.Image();
+                          var _t49 = new _this86._window.Image();
                           return new Promise(function (e) {
-                            _t48.onload = function () {
+                            _t49.onload = function () {
                               var i, r;
-                              null === (r = null === (i = _this89._domCanvas) || void 0 === i ? void 0 : i.getContext("2d")) || void 0 === r || r.drawImage(_t48, 0, 0), e();
-                            }, _t48.src = n;
+                              null === (r = null === (i = _this86._domCanvas) || void 0 === i ? void 0 : i.getContext("2d")) || void 0 === r || r.drawImage(_t49, 0, 0), e();
+                            }, _t49.src = n;
                           });
                         }
                       }));
@@ -17189,41 +16819,41 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_getElement",
                     value: function () {
-                      var _getElement2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee55() {
+                      var _getElement2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee56() {
                         var t,
-                          _args55 = arguments,
-                          _t49;
-                        return _regenerator().w(function (_context55) {
-                          while (1) switch (_context55.n) {
+                          _args56 = arguments,
+                          _t50;
+                        return _regenerator().w(function (_context56) {
+                          while (1) switch (_context56.n) {
                             case 0:
-                              t = _args55.length > 0 && _args55[0] !== undefined ? _args55[0] : "png";
+                              t = _args56.length > 0 && _args56[0] !== undefined ? _args56[0] : "png";
                               if (this._qr) {
-                                _context55.n = 1;
+                                _context56.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
                               if (!("svg" === t.toLowerCase())) {
-                                _context55.n = 3;
+                                _context56.n = 3;
                                 break;
                               }
                               this._svg && this._svgDrawingPromise || this._setupSvg();
-                              _context55.n = 2;
+                              _context56.n = 2;
                               return this._svgDrawingPromise;
                             case 2:
-                              _t49 = this._svg;
-                              _context55.n = 5;
+                              _t50 = this._svg;
+                              _context56.n = 5;
                               break;
                             case 3:
                               (this._domCanvas || this._nodeCanvas) && this._canvasDrawingPromise || this._setupCanvas();
-                              _context55.n = 4;
+                              _context56.n = 4;
                               return this._canvasDrawingPromise;
                             case 4:
-                              _t49 = this._domCanvas || this._nodeCanvas;
+                              _t50 = this._domCanvas || this._nodeCanvas;
                             case 5:
-                              return _context55.a(2, _t49);
+                              return _context56.a(2, _t50);
                           }
-                        }, _callee55, this);
+                        }, _callee56, this);
                       }));
                       function _getElement() {
                         return _getElement2.apply(this, arguments);
@@ -17266,43 +16896,43 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "getRawData",
                     value: function () {
-                      var _getRawData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee56() {
+                      var _getRawData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee57() {
                         var t,
                           e,
                           i,
-                          _t50,
-                          _args56 = arguments;
-                        return _regenerator().w(function (_context56) {
-                          while (1) switch (_context56.n) {
+                          _t51,
+                          _args57 = arguments;
+                        return _regenerator().w(function (_context57) {
+                          while (1) switch (_context57.n) {
                             case 0:
-                              t = _args56.length > 0 && _args56[0] !== undefined ? _args56[0] : "png";
+                              t = _args57.length > 0 && _args57[0] !== undefined ? _args57[0] : "png";
                               if (this._qr) {
-                                _context56.n = 1;
+                                _context57.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
-                              _context56.n = 2;
+                              _context57.n = 2;
                               return this._getElement(t);
                             case 2:
-                              e = _context56.v;
+                              e = _context57.v;
                               i = A(t);
                               if (e) {
-                                _context56.n = 3;
+                                _context57.n = 3;
                                 break;
                               }
-                              return _context56.a(2, null);
+                              return _context57.a(2, null);
                             case 3:
                               if (!("svg" === t.toLowerCase())) {
-                                _context56.n = 4;
+                                _context57.n = 4;
                                 break;
                               }
-                              _t50 = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n".concat(new this._window.XMLSerializer().serializeToString(e));
-                              return _context56.a(2, "undefined" == typeof Blob || this._options.jsdom ? Buffer.from(_t50) : new Blob([_t50], {
+                              _t51 = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n".concat(new this._window.XMLSerializer().serializeToString(e));
+                              return _context57.a(2, "undefined" == typeof Blob || this._options.jsdom ? Buffer.from(_t51) : new Blob([_t51], {
                                 type: i
                               }));
                             case 4:
-                              return _context56.a(2, new Promise(function (t) {
+                              return _context57.a(2, new Promise(function (t) {
                                 var r = e;
                                 if ("toBuffer" in r) {
                                   if ("image/png" === i) t(r.toBuffer(i));else if ("image/jpeg" === i) t(r.toBuffer(i));else {
@@ -17312,7 +16942,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 } else "toBlob" in r && r.toBlob(t, i, 1);
                               }));
                           }
-                        }, _callee56, this);
+                        }, _callee57, this);
                       }));
                       function getRawData() {
                         return _getRawData.apply(this, arguments);
@@ -17322,39 +16952,39 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "download",
                     value: function () {
-                      var _download = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee57(t) {
-                        var e, i, r, _t51;
-                        return _regenerator().w(function (_context57) {
-                          while (1) switch (_context57.n) {
+                      var _download = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee58(t) {
+                        var e, i, r, _t52;
+                        return _regenerator().w(function (_context58) {
+                          while (1) switch (_context58.n) {
                             case 0:
                               if (this._qr) {
-                                _context57.n = 1;
+                                _context58.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
                               if (!("undefined" == typeof Blob)) {
-                                _context57.n = 2;
+                                _context58.n = 2;
                                 break;
                               }
                               throw "Cannot download in Node.js, call getRawData instead.";
                             case 2:
                               e = "png", i = "qr";
                               "string" == typeof t ? (e = t, console.warn("Extension is deprecated as argument for 'download' method, please pass object { name: '...', extension: '...' } as argument")) : "object" == _typeof(t) && null !== t && (t.name && (i = t.name), t.extension && (e = t.extension));
-                              _context57.n = 3;
+                              _context58.n = 3;
                               return this._getElement(e);
                             case 3:
-                              r = _context57.v;
+                              r = _context58.v;
                               if (r) if ("svg" === e.toLowerCase()) {
-                                _t51 = new XMLSerializer().serializeToString(r);
-                                _t51 = '<?xml version="1.0" standalone="no"?>\r\n' + _t51, n("data:".concat(A(e), ";charset=utf-8,").concat(encodeURIComponent(_t51)), "".concat(i, ".svg"));
+                                _t52 = new XMLSerializer().serializeToString(r);
+                                _t52 = '<?xml version="1.0" standalone="no"?>\r\n' + _t52, n("data:".concat(A(e), ";charset=utf-8,").concat(encodeURIComponent(_t52)), "".concat(i, ".svg"));
                               } else n(r.toDataURL(A(e)), "".concat(i, ".").concat(e));
                             case 4:
-                              return _context57.a(2);
+                              return _context58.a(2);
                           }
-                        }, _callee57, this);
+                        }, _callee58, this);
                       }));
-                      function download(_x20) {
+                      function download(_x22) {
                         return _download.apply(this, arguments);
                       }
                       return download;
@@ -17373,7 +17003,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require("buffer").Buffer);
     }, {
-      "buffer": 143
+      "buffer": 138
     }]
   }, {}, [17])(17);
 });