@plattar/plattar-ar-adapter 2.5.1 → 2.7.1

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

@@ -25,8 +25,6 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
 function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
@@ -34,6 +32,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 (function (f) {
   if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === "object" && typeof module !== "undefined") {
@@ -109,7 +110,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           _classCallCheck(this, ConfiguratorAR);
           _this = _callSuper(this, ConfiguratorAR);
           // analytics instance
-          _this._analytics = null;
+          _defineProperty(_this, "_analytics", null);
+          _defineProperty(_this, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this, "_ar", void 0);
           if (!options.state) {
             throw new Error("ConfiguratorAR.constructor(state) - state must be defined");
           }
@@ -155,12 +160,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "_Compose",
           value: (function () {
             var _Compose2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(output) {
-              var type, url, response, data, _t;
+              var type, serverLocation, url, response, data, _t;
               return _regenerator().w(function (_context) {
                 while (1) switch (_context.p = _context.n) {
                   case 0:
                     type = output === 'glb' ? "viewer" : "reality";
-                    url = "https://xrutils.plattar.com/v3/scene/".concat(this._options.state.scene.id, "/").concat(type); // grab our existing scene-graph from the saved API
+                    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.state.scene.id, "/").concat(type); // grab our existing scene-graph from the saved API
                     _context.p = 1;
                     _context.n = 2;
                     return fetch(url, {
@@ -348,6 +354,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var LauncherAR = /*#__PURE__*/function () {
         function LauncherAR() {
           _classCallCheck(this, LauncherAR);
+          _defineProperty(this, "_opt", void 0);
           this._opt = {
             anchor: "horizontal_vertical",
             banner: null
@@ -420,7 +427,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           _classCallCheck(this, ModelAR);
           _this2 = _callSuper(this, ModelAR);
           // analytics instance
-          _this2._analytics = null;
+          _defineProperty(_this2, "_analytics", null);
+          // model ID
+          _defineProperty(_this2, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this2, "_ar", void 0);
           if (!options.modelID) {
             throw new Error("ModelAR.constructor(modelID) - modelID must be defined");
           }
@@ -586,24 +598,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
        * Performs AR functionality related to Plattar Products and Variation types
        */
       var ProductAR = /*#__PURE__*/function (_launcher_ar_1$Launch3) {
-        /*
-        constructor(productID: string | undefined | null = null, variationID: string | undefined | null = null, variationSKU: string | undefined | null = null) {
-            super();
-             if (!productID) {
-                throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
-            }
-             this._productID = productID;
-            this._variationSKU = variationSKU;
-            this._variationID = variationID ? variationID : (variationSKU ? null : "default");
-            this._ar = null;
-        }
-        */
         function ProductAR(options) {
           var _this4;
           _classCallCheck(this, ProductAR);
           _this4 = _callSuper(this, ProductAR);
           // analytics instance
-          _this4._analytics = null;
+          _defineProperty(_this4, "_analytics", null);
+          _defineProperty(_this4, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this4, "_ar", void 0);
           if (!options.productID) {
             throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
           }
@@ -841,8 +845,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           var _this6;
           _classCallCheck(this, RawAR);
           _this6 = _callSuper(this, RawAR);
+          // model location
+          _defineProperty(_this6, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this6, "_ar", void 0);
           // analytics instance
-          _this6._analytics = null;
+          _defineProperty(_this6, "_analytics", null);
           if (!options.modelLocation) {
             throw new Error("RawAR.constructor(modelLocation) - modelLocation must be defined");
           }
@@ -1031,7 +1040,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           _classCallCheck(this, SceneAR);
           _this9 = _callSuper(this, SceneAR);
           // analytics instance
-          _this9._analytics = null;
+          _defineProperty(_this9, "_analytics", null);
+          // scene and selected variation IDs
+          _defineProperty(_this9, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this9, "_ar", void 0);
           if (!options.sceneID) {
             throw new Error("SceneAR.constructor(sceneID) - sceneID must be defined");
           }
@@ -1275,7 +1289,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           _classCallCheck(this, SceneGraphAR);
           _this10 = _callSuper(this, SceneGraphAR);
           // analytics instance
-          _this10._analytics = null;
+          _defineProperty(_this10, "_analytics", null);
+          _defineProperty(_this10, "_options", void 0);
+          // this thing controls the actual AR view
+          // this is setup via .init() function
+          _defineProperty(_this10, "_ar", void 0);
           _this10._options = options;
           _this10._ar = null;
           return _this10;
@@ -1332,12 +1350,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "_Compose",
           value: (function () {
             var _Compose3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(output) {
-              var type, url, response, data, _t2;
+              var type, serverLocation, url, response, data, _t2;
               return _regenerator().w(function (_context5) {
                 while (1) switch (_context5.p = _context5.n) {
                   case 0:
                     type = output === 'glb' ? "viewer" : "reality";
-                    url = "https://xrutils.plattar.com/v3/scene/".concat(this._options.sceneID, "/").concat(type, "/").concat(this._options.id); // grab our existing scene-graph from the saved API
+                    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;
                     return fetch(url, {
@@ -1530,10 +1549,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function SceneProductAR(options) {
           var _this11;
           _classCallCheck(this, SceneProductAR);
-          //super(sceneProductID, variationID, variationSKU);
           _this11 = _callSuper(this, SceneProductAR, [options]);
+          _defineProperty(_this11, "_sceneProductID", void 0);
           // this is evaluated in the init() function
-          _this11._attachedProductID = null;
+          _defineProperty(_this11, "_attachedProductID", null);
           if (!options.productID) {
             throw new Error("SceneProductAR.constructor(sceneProductID, variationID) - sceneProductID must be defined");
           }
@@ -1602,8 +1621,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function ConfiguratorController() {
           var _this13;
           _classCallCheck(this, ConfiguratorController);
-          _this13 = _callSuper(this, ConfiguratorController, arguments);
-          _this13._cachedConfigState = null;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _this13 = _callSuper(this, ConfiguratorController, [].concat(args));
+          _defineProperty(_this13, "_cachedConfigState", null);
           return _this13;
         }
         _inherits(ConfiguratorController, _plattar_controller_);
@@ -1774,7 +1796,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0(options) {
               var _this14 = this;
-              var opt, sceneID, configState, dState, product, controller, viewer, width, height, dst, showAR, showUI, showBanner, sceneGraphID, _t4;
+              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) {
                   case 0:
@@ -1835,6 +1857,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     height = this.getAttribute("height") || "500px";
                     viewer.setAttribute("width", width);
                     viewer.setAttribute("height", height);
+                    viewer.setAttribute("server", plattar_api_1.Server.location().type);
                     if (opt.color) {
                       viewer.setAttribute("color", opt.color);
                     }
@@ -1845,14 +1868,36 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       viewer.setAttribute("qr-type", opt.qrType);
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
-                    dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID;
+                    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;
+                    break;
+                  case 8:
+                    dst = "https://renderer-review.plattar.com/configurator.html?scene_id=".concat(sceneID);
+                    return _context0.a(3, 10);
+                  case 9:
+                    dst = "https://renderer.plattar.space/configurator.html?scene_id=".concat(sceneID);
+                    return _context0.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") {
-                      dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
+                    if (!(showUI && showUI === "true")) {
+                      _context0.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;
+                    break;
+                  case 11:
+                    dst = "https://configurator-review.plattar.com/configurator.html?scene_id=".concat(sceneID);
+                    return _context0.a(3, 13);
+                  case 12:
+                    dst = "https://configurator.plattar.space/configurator.html?scene_id=".concat(sceneID);
+                    return _context0.a(3, 13);
+                  case 13:
                     if (configState) {
                       dst += "&config_state=" + configState;
                     }
@@ -1868,7 +1913,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context0.n = 8;
+                      _context0.n = 14;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
@@ -1878,7 +1923,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       };
                       _this14.append(viewer);
                     }));
-                  case 8:
+                  case 14:
                     return _context0.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
@@ -1895,7 +1940,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startRenderer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
               var _this15 = this;
-              var sceneID, configState, dState, product, controller, width, height, server, viewer, showAR, showUI, encodedState, _t5;
+              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) {
                   case 0:
@@ -1942,14 +1987,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 6:
                     _context1.p = 6;
-                    _t5 = _context1.v;
+                    _t7 = _context1.v;
                     // config state is not available
                     configState = null;
                   case 7:
                     // required attributes with defaults for plattar-configurator node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
-                    server = this.getAttribute("server") || "production";
+                    server = plattar_api_1.Server.location().type;
                     viewer = document.createElement("plattar-configurator");
                     this._element = viewer;
                     viewer.setAttribute("width", width);
@@ -1989,7 +2034,7 @@ 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, _t6, _t7;
+              var dState, product, controller, arMode, _t8, _t9;
               return _regenerator().w(function (_context10) {
                 while (1) switch (_context10.p = _context10.n) {
                   case 0:
@@ -2029,11 +2074,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 5:
                     _context10.p = 5;
-                    _t6 = _context10.v;
+                    _t8 = _context10.v;
                   case 6:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t7 = arMode.toLowerCase();
-                    _context10.n = _t7 === "inherited" ? 7 : _t7 === "generated" ? 8 : 8;
+                    _t9 = arMode.toLowerCase();
+                    _context10.n = _t9 === "inherited" ? 7 : _t9 === "generated" ? 8 : 8;
                     break;
                   case 7:
                     return _context10.a(2, this._InitARInherited());
@@ -2104,7 +2149,7 @@ 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, _t8, _t9, _t0, _t1;
+              var sceneID, graphID, _configAR, configAR, _t0, _t1, _t10, _t11;
               return _regenerator().w(function (_context12) {
                 while (1) switch (_context12.n) {
                   case 0:
@@ -2127,17 +2172,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                     return _context12.a(2, _configAR.init());
                   case 2:
-                    _t8 = configurator_ar_1.ConfiguratorAR;
+                    _t0 = configurator_ar_1.ConfiguratorAR;
                     _context12.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _t9 = _context12.v;
-                    _t0 = this.getBooleanAttribute("show-ar-banner");
-                    _t1 = {
-                      state: _t9,
-                      useARBanner: _t0
+                    _t1 = _context12.v;
+                    _t10 = this.getBooleanAttribute("show-ar-banner");
+                    _t11 = {
+                      state: _t1,
+                      useARBanner: _t10
                     };
-                    configAR = new _t8(_t1);
+                    configAR = new _t0(_t11);
                     return _context12.a(2, configAR.init());
                 }
               }, _callee12, this);
@@ -2179,8 +2224,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function GalleryController() {
           var _this16;
           _classCallCheck(this, GalleryController);
-          _this16 = _callSuper(this, GalleryController, arguments);
-          _this16._cachedConfigState = null;
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _this16 = _callSuper(this, GalleryController, [].concat(args));
+          _defineProperty(_this16, "_cachedConfigState", null);
           return _this16;
         }
         _inherits(GalleryController, _plattar_controller_2);
@@ -2265,7 +2313,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(options) {
               var _this17 = this;
-              var opt, sceneID, viewer, width, height, dst;
+              var opt, sceneID, viewer, width, height, dst, _t12;
               return _regenerator().w(function (_context15) {
                 while (1) switch (_context15.n) {
                   case 0:
@@ -2289,6 +2337,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     height = this.getAttribute("height") || "500px";
                     viewer.setAttribute("width", width);
                     viewer.setAttribute("height", height);
+                    viewer.setAttribute("server", plattar_api_1.Server.location().type);
                     if (opt.color) {
                       viewer.setAttribute("color", opt.color);
                     }
@@ -2299,11 +2348,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       viewer.setAttribute("qr-type", opt.qrType);
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
-                    dst = plattar_api_1.Server.location().base + "renderer/gallery.html?scene_id=" + sceneID;
+                    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;
+                    break;
+                  case 2:
+                    dst = "https://renderer-review.plattar.com/gallery.html?scene_id=".concat(sceneID);
+                    return _context15.a(3, 4);
+                  case 3:
+                    dst = "https://renderer.plattar.space/gallery.html?scene_id=".concat(sceneID);
+                    return _context15.a(3, 4);
+                  case 4:
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context15.n = 2;
+                      _context15.n = 5;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
@@ -2313,7 +2372,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       };
                       _this17.append(viewer);
                     }));
-                  case 2:
+                  case 5:
                     return _context15.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
@@ -2415,8 +2474,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function LauncherController() {
           var _this19;
           _classCallCheck(this, LauncherController);
-          _this19 = _callSuper(this, LauncherController, arguments);
-          _this19._cachedConfigState = null;
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _this19 = _callSuper(this, LauncherController, [].concat(args));
+          _defineProperty(_this19, "_cachedConfigState", null);
           return _this19;
         }
         _inherits(LauncherController, _plattar_controller_3);
@@ -2500,7 +2562,7 @@ 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, _t10;
+              var dState, product, controller, _t13;
               return _regenerator().w(function (_context20) {
                 while (1) switch (_context20.p = _context20.n) {
                   case 0:
@@ -2534,7 +2596,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 4:
                     _context20.p = 4;
-                    _t10 = _context20.v;
+                    _t13 = _context20.v;
                   case 5:
                     return _context20.a(2, _superPropGet(LauncherController, "startARQRCode", this, 3)([options]));
                 }
@@ -2566,7 +2628,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startRenderer3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22() {
               var _this20 = this;
-              var sceneID, configState, qrOptions, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, width, height, server, viewer, _sceneGraphID, _t11;
+              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) {
                   case 0:
@@ -2645,10 +2707,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 6:
                     _context22.p = 6;
-                    _t11 = _context22.v;
+                    _t14 = _context22.v;
                     // scene graph ID not available for some reason
                     // we will generate a new one
-                    console.error(_t11);
+                    console.error(_t14);
                   case 7:
                     return _context22.a(2, new Promise(function (accept, reject) {
                       _this20.append(viewer);
@@ -2669,7 +2731,7 @@ 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, _t12, _t13;
+              var dState, product, controller, arMode, _t15, _t16;
               return _regenerator().w(function (_context23) {
                 while (1) switch (_context23.p = _context23.n) {
                   case 0:
@@ -2709,11 +2771,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 5:
                     _context23.p = 5;
-                    _t12 = _context23.v;
+                    _t15 = _context23.v;
                   case 6:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t13 = arMode.toLowerCase();
-                    _context23.n = _t13 === "inherited" ? 7 : _t13 === "generated" ? 8 : 8;
+                    _t16 = arMode.toLowerCase();
+                    _context23.n = _t16 === "inherited" ? 7 : _t16 === "generated" ? 8 : 8;
                     break;
                   case 7:
                     return _context23.a(2, this._InitARInherited());
@@ -2784,7 +2846,7 @@ 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, _t14, _t15, _t16, _t17;
+              var sceneID, graphID, _configAR2, configAR, _t17, _t18, _t19, _t20;
               return _regenerator().w(function (_context25) {
                 while (1) switch (_context25.n) {
                   case 0:
@@ -2807,17 +2869,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                     return _context25.a(2, _configAR2.init());
                   case 2:
-                    _t14 = configurator_ar_1.ConfiguratorAR;
+                    _t17 = configurator_ar_1.ConfiguratorAR;
                     _context25.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _t15 = _context25.v;
-                    _t16 = this.getBooleanAttribute("show-ar-banner");
-                    _t17 = {
-                      state: _t15,
-                      useARBanner: _t16
+                    _t18 = _context25.v;
+                    _t19 = this.getBooleanAttribute("show-ar-banner");
+                    _t20 = {
+                      state: _t18,
+                      useARBanner: _t19
                     };
-                    configAR = new _t14(_t17);
+                    configAR = new _t17(_t20);
                     return _context25.a(2, configAR.init());
                 }
               }, _callee25, this);
@@ -2863,12 +2925,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var PlattarController = /*#__PURE__*/function () {
         function PlattarController(parent) {
           _classCallCheck(this, PlattarController);
-          this._state = ControllerState.None;
-          this._element = null;
-          this._prevQROpt = null;
-          this._selectVariationObserver = null;
-          this._selectVariationIDObserver = null;
-          this._selectVariationSKUObserver = null;
+          _defineProperty(this, "_parent", void 0);
+          _defineProperty(this, "_state", ControllerState.None);
+          _defineProperty(this, "_element", null);
+          _defineProperty(this, "_prevQROpt", null);
+          _defineProperty(this, "_selectVariationObserver", null);
+          _defineProperty(this, "_selectVariationIDObserver", null);
+          _defineProperty(this, "_selectVariationSKUObserver", null);
           this._parent = parent;
         }
         /**
@@ -2897,7 +2960,7 @@ 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, _t18;
+              var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList, _t21;
               return _regenerator().w(function (_context26) {
                 while (1) switch (_context26.n) {
                   case 0:
@@ -2919,16 +2982,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     _context26.n = 2;
                     return configurator_state_1.ConfiguratorState.decodeState(sceneID, configState);
                   case 2:
-                    _t18 = _context26.v;
+                    _t21 = _context26.v;
                     _context26.n = 5;
                     break;
                   case 3:
                     _context26.n = 4;
                     return configurator_state_1.ConfiguratorState.decodeScene(sceneID);
                   case 4:
-                    _t18 = _context26.v;
+                    _t21 = _context26.v;
                   case 5:
-                    decodedState = _t18;
+                    decodedState = _t21;
                     // change the ID's and SKU's (if any) of the default configuration state
                     variationIDList = variationIDs ? variationIDs.split(",") : [];
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
@@ -3037,13 +3100,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "startQRCode",
           value: (function () {
             var _startQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28(options) {
-              var qrType, _t19;
+              var qrType, _t22;
               return _regenerator().w(function (_context28) {
                 while (1) switch (_context28.n) {
                   case 0:
                     qrType = this.getAttribute("qr-type") || "viewer";
-                    _t19 = qrType.toLowerCase();
-                    _context28.n = _t19 === "ar" ? 1 : _t19 === "viewer" ? 2 : 2;
+                    _t22 = qrType.toLowerCase();
+                    _context28.n = _t22 === "ar" ? 1 : _t22 === "viewer" ? 2 : 2;
                     break;
                   case 1:
                     return _context28.a(2, this.startARQRCode(options));
@@ -3070,7 +3133,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: (function () {
             var _startARQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(options) {
               var _this21 = this;
-              var opt, viewer, width, height, qrOptions, dst, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, _sceneGraphID2, _t20;
+              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) {
                   case 0:
@@ -3085,6 +3148,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     height = this.getAttribute("height") || "500px";
                     viewer.setAttribute("width", width);
                     viewer.setAttribute("height", height);
+                    viewer.setAttribute("server", plattar_api_1.Server.location().type);
                     if (opt.color) {
                       viewer.setAttribute("color", opt.color);
                     }
@@ -3096,7 +3160,18 @@ 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 = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions; //let configState: string | null = null;
+                    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;
+                    break;
+                  case 1:
+                    dst = "https://renderer-review.plattar.com/launcher.html?qr_options=".concat(qrOptions);
+                    return _context29.a(3, 3);
+                  case 2:
+                    dst = "https://renderer.plattar.space/launcher.html?qr_options=".concat(qrOptions);
+                    return _context29.a(3, 3);
+                  case 3:
+                    //let configState: string | null = null;
                     sceneID = this.getAttribute("scene-id");
                     embedType = this.getAttribute("embed-type");
                     productID = this.getAttribute("product-id");
@@ -3131,35 +3206,35 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       dst += "&show_ar_banner=" + showBanner;
                     }
                     if (!sceneGraphID) {
-                      _context29.n = 1;
+                      _context29.n = 4;
                       break;
                     }
                     dst += "&scene_graph_id=" + sceneGraphID;
-                    _context29.n = 5;
+                    _context29.n = 8;
                     break;
-                  case 1:
-                    _context29.p = 1;
-                    _context29.n = 2;
+                  case 4:
+                    _context29.p = 4;
+                    _context29.n = 5;
                     return this.getConfiguratorState();
-                  case 2:
-                    _context29.n = 3;
+                  case 5:
+                    _context29.n = 6;
                     return _context29.v.state.encodeSceneGraphID();
-                  case 3:
+                  case 6:
                     _sceneGraphID2 = _context29.v;
                     dst += "&scene_graph_id=" + _sceneGraphID2;
-                    _context29.n = 5;
+                    _context29.n = 8;
                     break;
-                  case 4:
-                    _context29.p = 4;
-                    _t20 = _context29.v;
+                  case 7:
+                    _context29.p = 7;
+                    _t24 = _context29.v;
                     // scene graph ID not available for some reason
                     // we will generate a new one
-                    console.error(_t20);
-                  case 5:
+                    console.error(_t24);
+                  case 8:
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context29.n = 6;
+                      _context29.n = 9;
                       break;
                     }
                     this._state = ControllerState.QRCode;
@@ -3169,12 +3244,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         return accept(viewer);
                       };
                     }));
-                  case 6:
+                  case 9:
                     return _context29.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee29, this, [[1, 4]]);
+              }, _callee29, this, [[4, 7]]);
             }));
             function startARQRCode(_x10) {
               return _startARQRCode3.apply(this, arguments);
@@ -3390,6 +3465,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var height = _this22.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
+                viewer.setAttribute("server", plattar_api_1.Server.location().type);
                 if (opt.color) {
                   viewer.setAttribute("color", opt.color);
                 }
@@ -3404,7 +3480,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var variationID = _this22.getAttribute("variation-id");
                 var variationSKU = _this22.getAttribute("variation-sku");
                 var showAR = _this22.getAttribute("show-ar");
-                var dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
+                var dst = "https://renderer.plattar.com/product.html?product_id=".concat(productID);
+                switch (plattar_api_1.Server.location().type) {
+                  case 'review':
+                    dst = "https://renderer-review.plattar.com/product.html?product_id=".concat(productID);
+                    break;
+                  case 'staging':
+                    dst = "https://renderer.plattar.space/product.html?product_id=".concat(productID);
+                    break;
+                }
                 if (variationID) {
                   dst += "&variationId=" + variationID;
                 }
@@ -3447,6 +3531,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               var height = _this23.getAttribute("height") || "500px";
               viewer.setAttribute("width", width);
               viewer.setAttribute("height", height);
+              viewer.setAttribute("server", plattar_api_1.Server.location().type);
               if (opt.color) {
                 viewer.setAttribute("color", opt.color);
               }
@@ -3458,7 +3543,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               }
               viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
               var qrOptions = btoa(JSON.stringify(opt));
-              var dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
+              var dst = "https://renderer.plattar.com/launcher.html?qr_options=".concat(qrOptions);
+              switch (plattar_api_1.Server.location().type) {
+                case 'review':
+                  dst = "https://renderer-review.plattar.com/launcher.html?qr_options=".concat(qrOptions);
+                  break;
+                case 'staging':
+                  dst = "https://renderer.plattar.space/launcher.html?qr_options=".concat(qrOptions);
+                  break;
+              }
               var sceneID = _this23.getAttribute("scene-id");
               var configState = _this23.getAttribute("config-state");
               var embedType = _this23.getAttribute("embed-type");
@@ -3607,8 +3700,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function VTOController() {
           var _this26;
           _classCallCheck(this, VTOController);
-          _this26 = _callSuper(this, VTOController, arguments);
-          _this26._cachedConfigState = null;
+          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+            args[_key4] = arguments[_key4];
+          }
+          _this26 = _callSuper(this, VTOController, [].concat(args));
+          _defineProperty(_this26, "_cachedConfigState", null);
           return _this26;
         }
         _inherits(VTOController, _plattar_controller_5);
@@ -3730,7 +3826,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee34(options) {
               var _this27 = this;
-              var opt, sceneID, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID, _t21;
+              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) {
                   case 0:
@@ -3754,6 +3850,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     height = this.getAttribute("height") || "500px";
                     viewer.setAttribute("width", width);
                     viewer.setAttribute("height", height);
+                    viewer.setAttribute("server", plattar_api_1.Server.location().type);
                     if (opt.color) {
                       viewer.setAttribute("color", opt.color);
                     }
@@ -3764,21 +3861,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       viewer.setAttribute("qr-type", opt.qrType);
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
-                    dst = plattar_api_1.Server.location().base + "renderer/facear.html?scene_id=" + sceneID; // optional attributes
+                    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;
+                    break;
+                  case 2:
+                    dst = "https://renderer-review.plattar.com/facear.html?scene_id=".concat(sceneID);
+                    return _context34.a(3, 4);
+                  case 3:
+                    dst = "https://renderer.plattar.space/facear.html?scene_id=".concat(sceneID);
+                    return _context34.a(3, 4);
+                  case 4:
+                    // optional attributes
                     configState = null;
-                    _context34.p = 2;
-                    _context34.n = 3;
+                    _context34.p = 5;
+                    _context34.n = 6;
                     return this.getConfiguratorState();
-                  case 3:
+                  case 6:
                     configState = _context34.v;
-                    _context34.n = 5;
+                    _context34.n = 8;
                     break;
-                  case 4:
-                    _context34.p = 4;
-                    _t21 = _context34.v;
+                  case 7:
+                    _context34.p = 7;
+                    _t26 = _context34.v;
                     // config state is not available
                     configState = null;
-                  case 5:
+                  case 8:
                     showAR = this.getAttribute("show-ar");
                     productID = this.getAttribute("product-id");
                     sceneProductID = this.getAttribute("scene-product-id");
@@ -3801,7 +3909,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("url", opt.url || dst);
                     this._prevQROpt = opt;
                     if (opt.detached) {
-                      _context34.n = 6;
+                      _context34.n = 9;
                       break;
                     }
                     this._state = plattar_controller_1.ControllerState.QRCode;
@@ -3811,12 +3919,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       };
                       _this27.append(viewer);
                     }));
-                  case 6:
+                  case 9:
                     return _context34.a(2, new Promise(function (accept, reject) {
                       return accept(viewer);
                     }));
                 }
-              }, _callee34, this, [[2, 4]]);
+              }, _callee34, this, [[5, 7]]);
             }));
             function startViewerQRCode(_x13) {
               return _startViewerQRCode4.apply(this, arguments);
@@ -3828,7 +3936,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startRenderer4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee35() {
               var _this28 = this;
-              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t22;
+              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t27;
               return _regenerator().w(function (_context35) {
                 while (1) switch (_context35.p = _context35.n) {
                   case 0:
@@ -3863,7 +3971,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 4:
                     _context35.p = 4;
-                    _t22 = _context35.v;
+                    _t27 = _context35.v;
                     // config state not available
                     configState = null;
                   case 5:
@@ -3905,7 +4013,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "initAR",
           value: function () {
             var _initAR4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee36() {
-              var arMode, _t23;
+              var arMode, _t28;
               return _regenerator().w(function (_context36) {
                 while (1) switch (_context36.n) {
                   case 0:
@@ -3922,8 +4030,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices");
                   case 2:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t23 = arMode.toLowerCase();
-                    _context36.n = _t23 === "inherited" ? 3 : _t23 === "generated" ? 4 : 4;
+                    _t28 = arMode.toLowerCase();
+                    _context36.n = _t28 === "inherited" ? 3 : _t28 === "generated" ? 4 : 4;
                     break;
                   case 3:
                     return _context36.a(2, this._InitARInherited());
@@ -3993,7 +4101,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "_InitARGenerated",
           value: (function () {
             var _InitARGenerated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee38() {
-              var sceneID, configAR, _t24, _t25, _t26, _t27;
+              var sceneID, configAR, _t29, _t30, _t31, _t32;
               return _regenerator().w(function (_context38) {
                 while (1) switch (_context38.n) {
                   case 0:
@@ -4004,17 +4112,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _t24 = configurator_ar_1.ConfiguratorAR;
+                    _t29 = configurator_ar_1.ConfiguratorAR;
                     _context38.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    _t25 = _context38.v;
-                    _t26 = this.getBooleanAttribute("show-ar-banner");
-                    _t27 = {
-                      state: _t25,
-                      useARBanner: _t26
+                    _t30 = _context38.v;
+                    _t31 = this.getBooleanAttribute("show-ar-banner");
+                    _t32 = {
+                      state: _t30,
+                      useARBanner: _t31
                     };
-                    configAR = new _t24(_t27);
+                    configAR = new _t29(_t32);
                     return _context38.a(2, configAR.init());
                 }
               }, _callee38, this);
@@ -4046,6 +4154,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         value: true
       });
       exports.WebXRController = void 0;
+      var plattar_api_1 = require("@plattar/plattar-api");
       var util_1 = require("../../util/util");
       var plattar_controller_1 = require("./plattar-controller");
       /**
@@ -4055,8 +4164,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function WebXRController() {
           var _this29;
           _classCallCheck(this, WebXRController);
-          _this29 = _callSuper(this, WebXRController, arguments);
-          _this29._cachedConfigState = null;
+          for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+            args[_key5] = arguments[_key5];
+          }
+          _this29 = _callSuper(this, WebXRController, [].concat(args));
+          _defineProperty(_this29, "_cachedConfigState", null);
           return _this29;
         }
         _inherits(WebXRController, _plattar_controller_6);
@@ -4209,6 +4321,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     height = this.getAttribute("height") || "500px";
                     viewer.setAttribute("width", width);
                     viewer.setAttribute("height", height);
+                    viewer.setAttribute("server", plattar_api_1.Server.location().type);
                     if (opt.color) {
                       viewer.setAttribute("color", opt.color);
                     }
@@ -4314,7 +4427,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       exports.WebXRController = WebXRController;
     }, {
       "../../util/util": 19,
-      "./plattar-controller": 12
+      "./plattar-controller": 12,
+      "@plattar/plattar-api": 48
     }],
     16: [function (require, module, exports) {
       "use strict";
@@ -4361,12 +4475,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           _classCallCheck(this, PlattarEmbed);
           _this32 = _callSuper(this, PlattarEmbed);
           // this is the current embed type, viewer by default
-          _this32._currentType = EmbedType.None;
-          _this32._observerState = ObserverState.Unlocked;
-          _this32._controller = null;
-          _this32._currentSceneID = null;
-          _this32._currentServer = null;
-          _this32._observer = null;
+          _defineProperty(_this32, "_currentType", EmbedType.None);
+          _defineProperty(_this32, "_observerState", ObserverState.Unlocked);
+          _defineProperty(_this32, "_controller", null);
+          _defineProperty(_this32, "_currentSceneID", null);
+          _defineProperty(_this32, "_currentServer", null);
+          _defineProperty(_this32, "_observer", null);
           return _this32;
         }
         _inherits(PlattarEmbed, _HTMLElement);
@@ -4844,7 +4958,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "./util/util": 19,
       "./version": 20,
       "@plattar/plattar-qrcode": 117,
-      "@plattar/plattar-web": 138
+      "@plattar/plattar-web": 139
     }],
     18: [function (require, module, exports) {
       "use strict";
@@ -4862,6 +4976,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function ConfiguratorState() {
           var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           _classCallCheck(this, ConfiguratorState);
+          _defineProperty(this, "_state", void 0);
+          // This maps Variation ID against a Scene Product ID - populated by decodeScene() function
+          _defineProperty(this, "_mappedVariationIDValues", void 0);
+          // This maps Variation SKU against a Variation ID - populated by decodeScene() function
+          _defineProperty(this, "_mappedVariationSKUValues", void 0);
           this._mappedVariationIDValues = new Map();
           this._mappedVariationSKUValues = new Map();
           var defaultState = {
@@ -5245,14 +5364,14 @@ 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, _t28;
+              var graph, url, response, data, _t33;
               return _regenerator().w(function (_context48) {
                 while (1) switch (_context48.p = _context48.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 = "https://c.plattar.com/v3/redir/store"; // finally send our scene-graph to the backend to generate the AR file and return
+                    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;
                     return fetch(url, {
@@ -5283,8 +5402,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context48.a(2, data.data.id);
                   case 5:
                     _context48.p = 5;
-                    _t28 = _context48.v;
-                    throw new Error("ConfiguratorState.encodeSceneGraphID() - there was a request error to ".concat(url, ", error was ").concat(_t28.message));
+                    _t33 = _context48.v;
+                    throw new Error("ConfiguratorState.encodeSceneGraphID() - there was a request error to ".concat(url, ", error was ").concat(_t33.message));
                   case 6:
                     return _context48.a(2);
                 }
@@ -5624,7 +5743,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "2.5.1";
+      exports["default"] = "2.7.1";
     }, {}],
     21: [function (require, module, exports) {
       "use strict";
@@ -5636,6 +5755,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var ARViewer = /*#__PURE__*/function () {
         function ARViewer() {
           _classCallCheck(this, ARViewer);
+          _defineProperty(this, "modelUrl", void 0);
+          _defineProperty(this, "banner", void 0);
           this.modelUrl = null;
           this.banner = null;
         }
@@ -5682,6 +5803,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             }
             var anchor = document.createElement("a");
             anchor.setAttribute("rel", "ar");
+            anchor.setAttribute("allowsContentScaling", "0");
             anchor.appendChild(document.createElement("img"));
             var banner = this.banner;
             var url = this.modelUrl;
@@ -5737,6 +5859,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             }
             var anchor = document.createElement("a");
             anchor.setAttribute("rel", "ar");
+            anchor.setAttribute("allowsContentScaling", "0");
             anchor.appendChild(document.createElement("img"));
             anchor.setAttribute("href", this.modelUrl);
             anchor.click();
@@ -5759,7 +5882,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           var _this37;
           _classCallCheck(this, SceneViewer);
           _this37 = _callSuper(this, SceneViewer);
-          _this37.isVertical = false;
+          _defineProperty(_this37, "isVertical", false);
           _this37.isVertical = false;
           return _this37;
         }
@@ -5790,6 +5913,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             if (this.isVertical) {
               intent += '&enable_vertical_placement=true';
             }
+            // avoid allowing content to be resized
+            intent += '&resizable=false';
             intent += '&a=b#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;';
             intent += "S.browser_fallback_url=".concat(linkOverride, ";end;");
             var anchor = document.createElement("a");
@@ -6173,8 +6298,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 
               // execute the desired function on all available stacks
               return function () {
-                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                  args[_key] = arguments[_key];
+                for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+                  args[_key6] = arguments[_key6];
                 }
                 var interfaces = target._interfaces;
                 var promises = [];
@@ -6285,8 +6410,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return _createClass(WrappedLocalFunction, [{
           key: "_execute",
           value: function _execute() {
-            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              args[_key2] = arguments[_key2];
+            for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+              args[_key7] = arguments[_key7];
             }
             var rData = this._value.apply(this, args);
             if (this._callback) {
@@ -6303,8 +6428,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "exec",
           value: function exec() {
             var _this39 = this;
-            for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-              args[_key3] = arguments[_key3];
+            for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+              args[_key8] = arguments[_key8];
             }
             return new Promise(function (accept, reject) {
               if (!_this39._value) {
@@ -7061,8 +7186,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "exec",
           value: function exec() {
             var _this44 = this;
-            for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-              args[_key4] = arguments[_key4];
+            for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
+              args[_key9] = arguments[_key9];
             }
             var instanceID = Util.id();
 
@@ -7165,6 +7290,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var AnalyticsData = /*#__PURE__*/function () {
         function AnalyticsData() {
           _classCallCheck(this, AnalyticsData);
+          _defineProperty(this, "_map", void 0);
           this._map = new Map();
           this.push("source", "embed");
           this.push("pageTitle", document.title);
@@ -7240,13 +7366,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         function Analytics(applicationID) {
           var _this45 = this;
           _classCallCheck(this, Analytics);
-          this._pageTime = null;
-          this.origin = "production";
-          this.event = "track";
+          _defineProperty(this, "_applicationID", void 0);
+          _defineProperty(this, "_handlePageHide", void 0);
+          _defineProperty(this, "_data", void 0);
+          _defineProperty(this, "_ga", void 0);
+          _defineProperty(this, "_pageTime", null);
+          _defineProperty(this, "origin", "production");
+          _defineProperty(this, "event", "track");
           /**
            * Use HTTP Request to write analytics, otherwise will use beacons
            */
-          this.isBeacon = false;
+          _defineProperty(this, "isBeacon", false);
           this._applicationID = applicationID;
           this._data = new analytics_data_1.AnalyticsData();
           this._ga = new google_analytics_1.GoogleAnalytics();
@@ -7280,7 +7410,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (!_query) {
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
-              var url = _this46.origin === "dev" ? "https://localhost:3008/v3/read" : "https://analytics.plattar.com/v3/read";
+              var url = 'https://analytics.plattar.com/v3/read';
+              switch (_this46.origin) {
+                case 'dev':
+                  url = 'https://localhost:3008/v3/read';
+                  break;
+                case 'staging':
+                  url = 'https://analytics.plattar.space/v3/read';
+                  break;
+              }
               var data = {
                 data: {
                   attributes: {
@@ -7301,7 +7439,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             var _this47 = this;
             return new Promise(function (accept, reject) {
               var data = _this47._data;
-              var url = _this47.origin === "dev" ? "https://localhost:3008/v3/write" : "https://analytics.plattar.com/v3/write";
+              var url = 'https://analytics.plattar.com/v3/write';
+              switch (_this47.origin) {
+                case 'dev':
+                  url = 'https://localhost:3008/v3/write';
+                  break;
+                case 'staging':
+                  url = 'https://analytics.plattar.space/v3/write';
+                  break;
+              }
               data.push("applicationId", _this47._applicationID);
               var sendData = {
                 data: {
@@ -7353,6 +7499,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var GoogleAnalytics = /*#__PURE__*/function () {
         function GoogleAnalytics() {
           _classCallCheck(this, GoogleAnalytics);
+          _defineProperty(this, "_tokens", void 0);
           this._tokens = new Set();
         }
         return _createClass(GoogleAnalytics, [{
@@ -7363,7 +7510,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               return;
             }
             this._tokens.add(gaToken);
-            var gInstance = gtag;
+            var gInstance = typeof gtag !== "undefined" ? gtag : undefined;
             if (gInstance) {
               gInstance("config", gaToken, {
                 "custom_map": {
@@ -7385,7 +7532,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               return;
             }
             this._tokens.add(gaToken);
-            var gInstance = gtag;
+            var gInstance = typeof gtag !== "undefined" ? gtag : undefined;
             if (gInstance) {
               gInstance("config", gaToken, {
                 "custom_map": {
@@ -7402,7 +7549,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               return;
             }
             this._tokens.forEach(function (token) {
-              var gInstance = gtag;
+              var gInstance = typeof gtag !== "undefined" ? gtag : undefined;
               if (gInstance) {
                 var eventCategory = data.get("eventCategory"); // 0
                 var eventAction = data.get("eventAction"); // 1
@@ -7455,13 +7602,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       } : function (o, v) {
         o["default"] = v;
       });
-      var __importStar = this && this.__importStar || function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-      };
+      var __importStar = this && this.__importStar || function () {
+        var _ownKeys2 = function ownKeys(o) {
+          _ownKeys2 = 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 _ownKeys2(o);
+        };
+        return function (mod) {
+          if (mod && mod.__esModule) return mod;
+          var result = {};
+          if (mod != null) for (var k = _ownKeys2(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
@@ -7600,13 +7757,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       exports.Util = Util;
     }, {}],
     47: [function (require, module, exports) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports["default"] = "1.152.2";
-    }, {}],
+      arguments[4][20][0].apply(exports, arguments);
+    }, {
+      "dup": 20
+    }],
     48: [function (require, module, exports) {
       "use strict";
 
@@ -8256,7 +8410,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       module.exports = PlattarQuery;
     }, {
       "../util/plattar-util.js": 113,
-      "node-fetch": 144
+      "node-fetch": 145
     }],
     50: [function (require, module, exports) {
       (function (process) {
@@ -8399,24 +8553,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            */
           PlattarServer.match = function (serverName) {
             switch (serverName.toLowerCase()) {
+              case "cms.plattar.space":
               case "staging.plattar.space":
-              case "cdn-staging.plattar.space":
+              case "cdn.plattar.space":
               case "staging":
                 return {
-                  base: "https://staging.plattar.space/",
+                  base: "https://cms.plattar.space/",
                   api_read: "https://api.plattar.space/v3/",
                   api_write: "https://api.plattar.space/v3/",
-                  cdn: "https://cdn-staging.plattar.space/",
+                  cdn: "https://cdn.plattar.space/",
                   cdn_image: "https://images.plattar.space/",
                   analytics: "https://c.plattar.space/api/v2/analytics",
                   type: "staging"
                 };
               case "app.plattar.com":
+              case "cms.plattar.com":
               case "cdn.plattar.com":
               case "prod":
               case "production":
                 return {
-                  base: "https://app.plattar.com/",
+                  base: "https://cms.plattar.com/",
                   api_read: "https://api.plattar.com/v3/",
                   api_write: "https://api.plattar.com/v3/",
                   cdn: "https://cdn.plattar.com/",
@@ -8424,11 +8580,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   analytics: "https://c.plattar.space/api/v2/analytics",
                   type: "production"
                 };
+              case "cms-review.plattar.com":
               case "review.plattar.com":
               case "review":
               case "qa":
                 return {
-                  base: "https://review.plattar.com/",
+                  base: "https://cms-review.plattar.com/",
                   api_read: "https://review-api.plattar.com/v3/",
                   api_write: "https://review-api.plattar.com/v3/",
                   cdn: "https://cdn.plattar.com/",
@@ -8477,8 +8634,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 146,
-      "node-fetch": 144
+      "_process": 147,
+      "node-fetch": 145
     }],
     51: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
@@ -9117,8 +9274,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            * Includes this query with the next GET operation
            */
           function include() {
-            for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-              args[_key5] = arguments[_key5];
+            for (var _len0 = arguments.length, args = new Array(_len0), _key0 = 0; _key0 < _len0; _key0++) {
+              args[_key0] = arguments[_key0];
             }
             this._query._include(args);
             return this;
@@ -9142,8 +9299,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "include",
           value: function include() {
             var _this58 = this;
-            for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-              args[_key6] = arguments[_key6];
+            for (var _len1 = arguments.length, args = new Array(_len1), _key1 = 0; _key1 < _len1; _key1++) {
+              args[_key1] = arguments[_key1];
             }
             if (!args || args.length <= 0) {
               return [];
@@ -10404,7 +10561,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "../types/trigger/trigger-image.js": 112
     }],
     114: [function (require, module, exports) {
-      module.exports = "1.186.3";
+      module.exports = "2.7.1";
     }, {}],
     115: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
@@ -10645,7 +10802,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               }
               try {
                 var b64Link = btoa(url);
-                fetch("https://c.plattar.com/shorten", {
+                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: {
@@ -10678,8 +10836,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
       module.exports = BaseElement;
     }, {
-      "object-hash": 145,
-      "qr-code-styling": 147
+      "object-hash": 146,
+      "qr-code-styling": 148
     }],
     116: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
@@ -10714,8 +10872,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "./version": 118
     }],
     118: [function (require, module, exports) {
-      module.exports = "1.178.1";
-    }, {}],
+      arguments[4][114][0].apply(exports, arguments);
+    }, {
+      "dup": 114
+    }],
     119: [function (require, module, exports) {
       "use strict";
 
@@ -10734,10 +10894,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var Configurator = /*#__PURE__*/function () {
         function Configurator() {
           _classCallCheck(this, Configurator);
-          this.quality = 100;
-          this.output = "glb";
-          this.server = "production";
-          this.retry = 0;
+          _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 = [];
         }
@@ -10904,7 +11066,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     }, {
       "./remote-request": 121,
       "@plattar/plattar-api": 48,
-      "object-hash": 145
+      "object-hash": 146
     }],
     120: [function (require, module, exports) {
       "use strict";
@@ -10924,11 +11086,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var ModelConverter = /*#__PURE__*/function () {
         function ModelConverter() {
           _classCallCheck(this, ModelConverter);
-          this._model = null;
-          this.quality = 100;
-          this.output = "glb";
-          this.server = "production";
-          this.retry = 0;
+          _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, [{
@@ -10985,21 +11148,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     }, {
       "./remote-request": 121,
       "@plattar/plattar-api": 48,
-      "object-hash": 145
+      "object-hash": 146
     }],
     121: [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.RemoteRequest = void 0;
-      var node_fetch_1 = __importDefault(require("node-fetch"));
       /**
        * This is used by the core types to perform remote requests
        */
@@ -11042,7 +11199,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 },
                 body: JSON.stringify(payload)
               };
-              (0, node_fetch_1["default"])(endpoint, reqopts).then(function (res) {
+              fetch(endpoint, reqopts).then(function (res) {
                 if (res.ok) {
                   try {
                     return res.json();
@@ -11063,9 +11220,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }]);
       }();
       exports.RemoteRequest = RemoteRequest;
-    }, {
-      "node-fetch": 144
-    }],
+    }, {}],
     122: [function (require, module, exports) {
       "use strict";
 
@@ -11094,18 +11249,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         o["default"] = v;
       });
       var __importStar = this && this.__importStar || function () {
-        var _ownKeys2 = function ownKeys(o) {
-          _ownKeys2 = Object.getOwnPropertyNames || function (o) {
+        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 _ownKeys2(o);
+          return _ownKeys3(o);
         };
         return function (mod) {
           if (mod && mod.__esModule) return mod;
           var result = {};
-          if (mod != null) for (var k = _ownKeys2(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+          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;
         };
@@ -11147,9 +11302,78 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.186.1";
+      exports["default"] = "2.7.2";
     }, {}],
     124: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+      var AdhocElement = /*#__PURE__*/function (_BaseElement2) {
+        function AdhocElement() {
+          _classCallCheck(this, AdhocElement);
+          return _callSuper(this, AdhocElement);
+        }
+        _inherits(AdhocElement, _BaseElement2);
+        return _createClass(AdhocElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "adhoc";
+          }
+        }, {
+          key: "elementFullLocation",
+          get: function get() {
+            if (this.hasAttribute("type")) {
+              var type = this.getAttribute("type");
+              var server = this.hasAttribute("server") ? this.getAttribute("server") : "production";
+              switch (server) {
+                case "production":
+                  return "https://renderer.plattar.com/".concat(type, ".html").concat(this.allMappedAttributesQuery);
+                case "staging":
+                  return "https://renderer.plattar.space/".concat(type, ".html").concat(this.allMappedAttributesQuery);
+                case "review":
+                  return "https://renderer-review.plattar.com/".concat(type, ".html").concat(this.allMappedAttributesQuery);
+                case "dev":
+                  return "https://localhost/renderer/".concat(type, ".html").concat(this.allMappedAttributesQuery);
+                default:
+                  throw new Error("AdhocElement.elementFullLocation - attribute \"server\" must be one of \"production\", \"staging\", \"review\" or \"dev\" but was \"".concat(server, "\""));
+              }
+            }
+            throw new Error("AdhocElement.elementFullLocation - attribute \"type\" is required");
+          }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            if (this.hasAttribute("properties")) {
+              var properties = this.getAttribute("properties");
+              if (properties) {
+                var splitProperties = properties.split(",");
+                var props = [];
+                splitProperties.forEach(function (prop) {
+                  props.push({
+                    key: prop,
+                    map: prop.replaceAll('-', '_')
+                  });
+                });
+                return props;
+              }
+            }
+            return [];
+          }
+        }, {
+          key: "coreAttributes",
+          get: function get() {
+            return [];
+          }
+        }]);
+      }(BaseElement);
+      module.exports = AdhocElement;
+    }, {
+      "./base/base-element.js": 125
+    }],
+    125: [function (require, module, exports) {
       var Util = require("../../util/util");
       var ElementController = require("../controllers/element-controller");
       var _require = require("@plattar/context-messenger"),
@@ -11343,18 +11567,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
       module.exports = BaseElement;
     }, {
-      "../../util/util": 139,
-      "../controllers/element-controller": 126,
+      "../../util/util": 140,
+      "../controllers/element-controller": 127,
       "@plattar/context-messenger": 25
     }],
-    125: [function (require, module, exports) {
+    126: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var ConfiguratorElement = /*#__PURE__*/function (_BaseElement2) {
+      var ConfiguratorElement = /*#__PURE__*/function (_BaseElement3) {
         function ConfiguratorElement() {
           _classCallCheck(this, ConfiguratorElement);
           return _callSuper(this, ConfiguratorElement);
         }
-        _inherits(ConfiguratorElement, _BaseElement2);
+        _inherits(ConfiguratorElement, _BaseElement3);
         return _createClass(ConfiguratorElement, [{
           key: "permissions",
           get: function get() {
@@ -11376,7 +11600,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case "production":
                     return "https://configurator.plattar.com/index.html".concat(this.allMappedAttributesQuery);
                   case "staging":
-                    return "https://configurator-staging.plattar.com/index.html".concat(this.allMappedAttributesQuery);
+                    return "https://configurator.plattar.space/index.html".concat(this.allMappedAttributesQuery);
                   case "review":
                     return "https://configurator-review.plattar.com/index.html".concat(this.allMappedAttributesQuery);
                   case "dev":
@@ -11406,9 +11630,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ConfiguratorElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    126: [function (require, module, exports) {
+    127: [function (require, module, exports) {
       var Util = require("../../util/util.js");
       var _require2 = require("@plattar/context-messenger"),
         messenger = _require2.messenger;
@@ -11506,11 +11730,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = ElementController;
     }, {
-      "../../util/util.js": 139,
-      "./iframe-controller.js": 127,
+      "../../util/util.js": 140,
+      "./iframe-controller.js": 128,
       "@plattar/context-messenger": 25
     }],
-    127: [function (require, module, exports) {
+    128: [function (require, module, exports) {
       var Util = require("../../util/util.js");
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
@@ -11606,16 +11830,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = IFrameController;
     }, {
-      "../../util/util.js": 139
+      "../../util/util.js": 140
     }],
-    128: [function (require, module, exports) {
+    129: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var EditorElement = /*#__PURE__*/function (_BaseElement3) {
+      var EditorElement = /*#__PURE__*/function (_BaseElement4) {
         function EditorElement() {
           _classCallCheck(this, EditorElement);
           return _callSuper(this, EditorElement);
         }
-        _inherits(EditorElement, _BaseElement3);
+        _inherits(EditorElement, _BaseElement4);
         return _createClass(EditorElement, [{
           key: "permissions",
           get: function get() {
@@ -11630,16 +11854,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    129: [function (require, module, exports) {
+    130: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var EWallElement = /*#__PURE__*/function (_BaseElement4) {
+      var EWallElement = /*#__PURE__*/function (_BaseElement5) {
         function EWallElement() {
           _classCallCheck(this, EWallElement);
           return _callSuper(this, EWallElement);
         }
-        _inherits(EWallElement, _BaseElement4);
+        _inherits(EWallElement, _BaseElement5);
         return _createClass(EWallElement, [{
           key: "permissions",
           get: function get() {
@@ -11654,16 +11878,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = EWallElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    130: [function (require, module, exports) {
+    131: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var FaceARElement = /*#__PURE__*/function (_BaseElement5) {
+      var FaceARElement = /*#__PURE__*/function (_BaseElement6) {
         function FaceARElement() {
           _classCallCheck(this, FaceARElement);
           return _callSuper(this, FaceARElement);
         }
-        _inherits(FaceARElement, _BaseElement5);
+        _inherits(FaceARElement, _BaseElement6);
         return _createClass(FaceARElement, [{
           key: "permissions",
           get: function get() {
@@ -11698,16 +11922,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    131: [function (require, module, exports) {
+    132: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var GalleryElement = /*#__PURE__*/function (_BaseElement6) {
+      var GalleryElement = /*#__PURE__*/function (_BaseElement7) {
         function GalleryElement() {
           _classCallCheck(this, GalleryElement);
           return _callSuper(this, GalleryElement);
         }
-        _inherits(GalleryElement, _BaseElement6);
+        _inherits(GalleryElement, _BaseElement7);
         return _createClass(GalleryElement, [{
           key: "permissions",
           get: function get() {
@@ -11727,16 +11951,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = GalleryElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    132: [function (require, module, exports) {
+    133: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var LauncherElement = /*#__PURE__*/function (_BaseElement7) {
+      var LauncherElement = /*#__PURE__*/function (_BaseElement8) {
         function LauncherElement() {
           _classCallCheck(this, LauncherElement);
           return _callSuper(this, LauncherElement);
         }
-        _inherits(LauncherElement, _BaseElement7);
+        _inherits(LauncherElement, _BaseElement8);
         return _createClass(LauncherElement, [{
           key: "permissions",
           get: function get() {
@@ -11786,16 +12010,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = LauncherElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    133: [function (require, module, exports) {
+    134: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var ModelElement = /*#__PURE__*/function (_BaseElement8) {
+      var ModelElement = /*#__PURE__*/function (_BaseElement9) {
         function ModelElement() {
           _classCallCheck(this, ModelElement);
           return _callSuper(this, ModelElement);
         }
-        _inherits(ModelElement, _BaseElement8);
+        _inherits(ModelElement, _BaseElement9);
         return _createClass(ModelElement, [{
           key: "permissions",
           get: function get() {
@@ -11829,16 +12053,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ModelElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    134: [function (require, module, exports) {
+    135: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var ProductElement = /*#__PURE__*/function (_BaseElement9) {
+      var ProductElement = /*#__PURE__*/function (_BaseElement0) {
         function ProductElement() {
           _classCallCheck(this, ProductElement);
           return _callSuper(this, ProductElement);
         }
-        _inherits(ProductElement, _BaseElement9);
+        _inherits(ProductElement, _BaseElement0);
         return _createClass(ProductElement, [{
           key: "permissions",
           get: function get() {
@@ -11875,16 +12099,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ProductElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    135: [function (require, module, exports) {
+    136: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var StudioElement = /*#__PURE__*/function (_BaseElement0) {
+      var StudioElement = /*#__PURE__*/function (_BaseElement1) {
         function StudioElement() {
           _classCallCheck(this, StudioElement);
           return _callSuper(this, StudioElement);
         }
-        _inherits(StudioElement, _BaseElement0);
+        _inherits(StudioElement, _BaseElement1);
         return _createClass(StudioElement, [{
           key: "permissions",
           get: function get() {
@@ -11910,16 +12134,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = StudioElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    136: [function (require, module, exports) {
+    137: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var ViewerElement = /*#__PURE__*/function (_BaseElement1) {
+      var ViewerElement = /*#__PURE__*/function (_BaseElement10) {
         function ViewerElement() {
           _classCallCheck(this, ViewerElement);
           return _callSuper(this, ViewerElement);
         }
-        _inherits(ViewerElement, _BaseElement1);
+        _inherits(ViewerElement, _BaseElement10);
         return _createClass(ViewerElement, [{
           key: "permissions",
           get: function get() {
@@ -11951,16 +12175,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = ViewerElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    137: [function (require, module, exports) {
+    138: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
-      var WebXRElement = /*#__PURE__*/function (_BaseElement10) {
+      var WebXRElement = /*#__PURE__*/function (_BaseElement11) {
         function WebXRElement() {
           _classCallCheck(this, WebXRElement);
           return _callSuper(this, WebXRElement);
         }
-        _inherits(WebXRElement, _BaseElement10);
+        _inherits(WebXRElement, _BaseElement11);
         return _createClass(WebXRElement, [{
           key: "permissions",
           get: function get() {
@@ -11975,9 +12199,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }(BaseElement);
       module.exports = WebXRElement;
     }, {
-      "./base/base-element.js": 124
+      "./base/base-element.js": 125
     }],
-    138: [function (require, module, exports) {
+    139: [function (require, module, exports) {
       "use strict";
 
       var WebXRElement = require("./elements/webxr-element.js");
@@ -11991,6 +12215,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var ConfiguratorElement = require("./elements/configurator-element.js");
       var LauncherElement = require("./elements/launcher-element.js");
       var GalleryElement = require("./elements/gallery-element.js");
+      var AdhocElement = require("./elements/adhoc-element.js");
       var Version = require("./version");
       if (customElements.get("plattar-webxr") === undefined) {
         customElements.define("plattar-webxr", WebXRElement);
@@ -12025,25 +12250,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       if (customElements.get("plattar-launcher") === undefined) {
         customElements.define("plattar-launcher", LauncherElement);
       }
+      if (customElements.get("plattar-adhoc") === undefined) {
+        customElements.define("plattar-adhoc", AdhocElement);
+      }
       console.log("using @plattar/plattar-web v" + Version);
       module.exports = {
         version: Version
       };
     }, {
-      "./elements/configurator-element.js": 125,
-      "./elements/editor-element.js": 128,
-      "./elements/ewall-element.js": 129,
-      "./elements/facear-element.js": 130,
-      "./elements/gallery-element.js": 131,
-      "./elements/launcher-element.js": 132,
-      "./elements/model-element.js": 133,
-      "./elements/product-element.js": 134,
-      "./elements/studio-element.js": 135,
-      "./elements/viewer-element.js": 136,
-      "./elements/webxr-element.js": 137,
-      "./version": 140
+      "./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
     }],
-    139: [function (require, module, exports) {
+    140: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -12055,7 +12284,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               case "production":
                 return "https://renderer.plattar.com/";
               case "staging":
-                return "https://renderer-staging.plattar.com/";
+                return "https://renderer.plattar.space/";
               case "review":
                 return "https://renderer-review.plattar.com/";
               case "dev":
@@ -12087,6 +12316,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               case "gallery":
               case "model":
               case "configurator":
+              case "adhoc":
               case "webxr":
                 return true;
               default:
@@ -12114,10 +12344,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }();
       module.exports = Util;
     }, {}],
-    140: [function (require, module, exports) {
-      module.exports = "2.5.3";
-    }, {}],
     141: [function (require, module, exports) {
+      module.exports = "2.7.2";
+    }, {}],
+    142: [function (require, module, exports) {
       'use strict';
 
       exports.byteLength = byteLength;
@@ -12223,7 +12453,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return parts.join('');
       }
     }, {}],
-    142: [function (require, module, exports) {
+    143: [function (require, module, exports) {
       (function (Buffer) {
         (function () {
           /*!
@@ -13721,11 +13951,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require("buffer").Buffer);
     }, {
-      "base64-js": 141,
-      "buffer": 142,
-      "ieee754": 143
+      "base64-js": 142,
+      "buffer": 143,
+      "ieee754": 144
     }],
-    143: [function (require, module, exports) {
+    144: [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;
@@ -13801,7 +14031,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         buffer[offset + i - d] |= s * 128;
       };
     }, {}],
-    144: [function (require, module, exports) {
+    145: [function (require, module, exports) {
       (function (global) {
         (function () {
           "use strict";
@@ -13835,7 +14065,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 : {});
     }, {}],
-    145: [function (require, module, exports) {
+    146: [function (require, module, exports) {
       (function (global) {
         (function () {
           !function (e) {
@@ -14835,7 +15065,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) {
+    147: [function (require, module, exports) {
       // shim for using process in browser
       var process = module.exports = {};
 
@@ -15012,7 +15242,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         return 0;
       };
     }, {}],
-    147: [function (require, module, exports) {
+    148: [function (require, module, exports) {
       (function (Buffer) {
         (function () {
           !function (t, e) {
@@ -15024,8 +15254,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     var i,
                       r,
                       n = function () {
-                        var t = function t(_t29, e) {
-                          var i = _t29,
+                        var t = function t(_t34, e) {
+                          var i = _t34,
                             r = s[e],
                             n = null,
                             o = 0,
@@ -15837,12 +16067,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return $;
                   }
                 });
-                var t = function t(_t30) {
-                  return !!_t30 && "object" == _typeof(_t30) && !Array.isArray(_t30);
+                var t = function t(_t35) {
+                  return !!_t35 && "object" == _typeof(_t35) && !Array.isArray(_t35);
                 };
                 function e(i) {
-                  for (var _len7 = arguments.length, r = new Array(_len7 > 1 ? _len7 - 1 : 0), _key7 = 1; _key7 < _len7; _key7++) {
-                    r[_key7 - 1] = arguments[_key7];
+                  for (var _len10 = arguments.length, r = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
+                    r[_key10 - 1] = arguments[_key10];
                   }
                   if (!r.length) return i;
                   var n = r.shift();
@@ -16436,7 +16666,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     value: function () {
                       var _drawQR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee51(t) {
                         var _this83 = this;
-                        var e, i, r, n, s, _this$_options, _t31, _i2, _r5, _a, _t32;
+                        var e, i, r, n, s, _this$_options, _t36, _i2, _r5, _a, _t37;
                         return _regenerator().w(function (_context51) {
                           while (1) switch (_context51.n) {
                             case 0:
@@ -16460,7 +16690,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                               }
                               return _context51.a(2);
                             case 2:
-                              _this$_options = this._options, _t31 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t31.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
+                              _this$_options = this._options, _t36 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t36.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
                               s = function (_ref16) {
                                 var t = _ref16.originalHeight,
                                   e = _ref16.originalWidth,
@@ -16502,8 +16732,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 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]));
                               });
                               this.drawCorners();
-                              _t32 = this._options.image;
-                              if (!_t32) {
+                              _t37 = this._options.image;
+                              if (!_t37) {
                                 _context51.n = 4;
                                 break;
                               }
@@ -16536,8 +16766,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         var s = n.height,
                           _a2 = n.width;
                         if (_r6 || _o) {
-                          var _t33 = 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), _t33.setAttribute("rx", String(s / 2 * n.backgroundOptions.round))), _t33.setAttribute("x", String(this._roundSize((n.width - _a2) / 2))), _t33.setAttribute("y", String(this._roundSize((n.height - s) / 2))), _t33.setAttribute("width", String(_a2)), _t33.setAttribute("height", String(s)), this._backgroundClipPath.appendChild(_t33), this._createColor({
+                          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({
                             options: _r6,
                             color: _o,
                             additionalRotation: 0,
@@ -16593,29 +16823,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         _loop2(_e3);
                       }
                       if (r.shape === g) {
-                        var _t34 = this._roundSize((o / h - n) / 2),
-                          _e4 = n + 2 * _t34,
-                          _i3 = d - _t34 * h,
-                          _r7 = u - _t34 * h,
+                        var _t39 = this._roundSize((o / h - n) / 2),
+                          _e4 = n + 2 * _t39,
+                          _i3 = d - _t39 * h,
+                          _r7 = u - _t39 * h,
                           s = [],
                           _a3 = this._roundSize(_e4 / 2);
                         for (var _i4 = 0; _i4 < _e4; _i4++) {
                           s[_i4] = [];
-                          for (var _r8 = 0; _r8 < _e4; _r8++) _i4 >= _t34 - 1 && _i4 <= _e4 - _t34 && _r8 >= _t34 - 1 && _r8 <= _e4 - _t34 || Math.sqrt((_i4 - _a3) * (_i4 - _a3) + (_r8 - _a3) * (_r8 - _a3)) > _a3 ? s[_i4][_r8] = 0 : s[_i4][_r8] = this._qr.isDark(_r8 - 2 * _t34 < 0 ? _r8 : _r8 >= n ? _r8 - 2 * _t34 : _r8 - _t34, _i4 - 2 * _t34 < 0 ? _i4 : _i4 >= n ? _i4 - 2 * _t34 : _i4 - _t34) ? 1 : 0;
+                          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;
                         }
-                        var _loop3 = function _loop3(_t35) {
+                        var _loop3 = function _loop3(_t40) {
                           var _loop4 = function _loop4(_n) {
-                            s[_t35][_n] && (c.draw(_i3 + _n * h, _r7 + _t35 * h, h, function (e, i) {
+                            s[_t40][_n] && (c.draw(_i3 + _n * h, _r7 + _t40 * h, h, function (e, i) {
                               var r;
-                              return !!(null === (r = s[_t35 + i]) || void 0 === r ? void 0 : r[_n + e]);
+                              return !!(null === (r = s[_t40 + i]) || void 0 === r ? void 0 : r[_n + e]);
                             }), c._element && _this84._dotsClipPath && _this84._dotsClipPath.appendChild(c._element));
                           };
                           for (var _n = 0; _n < _e4; _n++) {
                             _loop4(_n);
                           }
                         };
-                        for (var _t35 = 0; _t35 < _e4; _t35++) {
-                          _loop3(_t35);
+                        for (var _t40 = 0; _t40 < _e4; _t40++) {
+                          _loop3(_t40);
                         }
                       }
                     }
@@ -16655,24 +16885,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           width: a,
                           name: "corners-square-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
                         })), (null === (y = e.cornersSquareOptions) || void 0 === y ? void 0 : y.type) && h.includes(e.cornersSquareOptions.type)) {
-                          var _t36 = new d({
+                          var _t41 = new d({
                             svg: _this85._element,
                             type: e.cornersSquareOptions.type,
                             window: _this85._window
                           });
-                          _t36.draw(z, B, a, n), _t36._element && P && P.appendChild(_t36._element);
+                          _t41.draw(z, B, a, n), _t41._element && P && P.appendChild(_t41._element);
                         } else {
-                          var _t37 = new s({
+                          var _t42 = new s({
                             svg: _this85._element,
                             type: (null === (x = e.cornersSquareOptions) || void 0 === x ? void 0 : x.type) || e.dotsOptions.type,
                             window: _this85._window
                           });
                           var _loop6 = function _loop6(_e5) {
                             var _loop7 = function _loop7(_i5) {
-                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t37.draw(z + _i5 * o, B + _e5 * o, o, function (t, r) {
+                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t42.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]);
-                              }), _t37._element && P && P.appendChild(_t37._element));
+                              }), _t42._element && P && P.appendChild(_t42._element));
                             };
                             for (var _i5 = 0; _i5 < f[_e5].length; _i5++) {
                               _loop7(_i5);
@@ -16692,24 +16922,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           width: u,
                           name: "corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
                         })), (null === (O = e.cornersDotOptions) || void 0 === O ? void 0 : O.type) && c.includes(e.cornersDotOptions.type)) {
-                          var _t38 = new l({
+                          var _t43 = new l({
                             svg: _this85._element,
                             type: e.cornersDotOptions.type,
                             window: _this85._window
                           });
-                          _t38.draw(z + 2 * o, B + 2 * o, u, n), _t38._element && I && I.appendChild(_t38._element);
+                          _t43.draw(z + 2 * o, B + 2 * o, u, n), _t43._element && I && I.appendChild(_t43._element);
                         } else {
-                          var _t39 = new s({
+                          var _t44 = new s({
                             svg: _this85._element,
                             type: (null === (D = e.cornersDotOptions) || void 0 === D ? void 0 : D.type) || e.dotsOptions.type,
                             window: _this85._window
                           });
                           var _loop8 = function _loop8(_e6) {
                             var _loop9 = function _loop9(_i6) {
-                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t39.draw(z + _i6 * o, B + _e6 * o, o, function (t, r) {
+                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t44.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]);
-                              }), _t39._element && I && I.appendChild(_t39._element));
+                              }), _t44._element && I && I.appendChild(_t44._element));
                             };
                             for (var _i6 = 0; _i6 < w[_e6].length; _i6++) {
                               _loop9(_i6);
@@ -16732,19 +16962,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         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 _t40 = null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.createCanvas(_this86._image.width, _this86._image.height);
-                            null === (n = null == _t40 ? void 0 : _t40.getContext("2d")) || void 0 === n || n.drawImage(e, 0, 0), _this86._imageUri = null == _t40 ? void 0 : _t40.toDataURL();
+                            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();
                           }
                           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 _t41;
+                            var _t46;
                             return _regenerator().w(function (_context53) {
                               while (1) switch (_context53.n) {
                                 case 0:
-                                  _t41 = _this86._options.imageOptions.saveAsBlob;
-                                  if (!_t41) {
+                                  _t46 = _this86._options.imageOptions.saveAsBlob;
+                                  if (!_t46) {
                                     _context53.n = 2;
                                     break;
                                   }
@@ -16843,7 +17073,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var v = p,
                   _ = "canvas",
                   m = {};
-                for (var _t42 = 0; _t42 <= 40; _t42++) m[_t42] = _t42;
+                for (var _t47 = 0; _t47 <= 40; _t47++) m[_t47] = _t47;
                 var b = {
                   type: _,
                   shape: "square",
@@ -16946,12 +17176,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           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);
                         });
                         {
-                          var _t43 = new _this89._window.Image();
+                          var _t48 = new _this89._window.Image();
                           return new Promise(function (e) {
-                            _t43.onload = function () {
+                            _t48.onload = function () {
                               var i, r;
-                              null === (r = null === (i = _this89._domCanvas) || void 0 === i ? void 0 : i.getContext("2d")) || void 0 === r || r.drawImage(_t43, 0, 0), e();
-                            }, _t43.src = n;
+                              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;
                           });
                         }
                       }));
@@ -16962,7 +17192,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       var _getElement2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee55() {
                         var t,
                           _args55 = arguments,
-                          _t44;
+                          _t49;
                         return _regenerator().w(function (_context55) {
                           while (1) switch (_context55.n) {
                             case 0:
@@ -16981,7 +17211,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                               _context55.n = 2;
                               return this._svgDrawingPromise;
                             case 2:
-                              _t44 = this._svg;
+                              _t49 = this._svg;
                               _context55.n = 5;
                               break;
                             case 3:
@@ -16989,9 +17219,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                               _context55.n = 4;
                               return this._canvasDrawingPromise;
                             case 4:
-                              _t44 = this._domCanvas || this._nodeCanvas;
+                              _t49 = this._domCanvas || this._nodeCanvas;
                             case 5:
-                              return _context55.a(2, _t44);
+                              return _context55.a(2, _t49);
                           }
                         }, _callee55, this);
                       }));
@@ -17040,7 +17270,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         var t,
                           e,
                           i,
-                          _t45,
+                          _t50,
                           _args56 = arguments;
                         return _regenerator().w(function (_context56) {
                           while (1) switch (_context56.n) {
@@ -17067,8 +17297,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 _context56.n = 4;
                                 break;
                               }
-                              _t45 = "<?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(_t45) : new Blob([_t45], {
+                              _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], {
                                 type: i
                               }));
                             case 4:
@@ -17093,7 +17323,7 @@ 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, _t46;
+                        var e, i, r, _t51;
                         return _regenerator().w(function (_context57) {
                           while (1) switch (_context57.n) {
                             case 0:
@@ -17116,8 +17346,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                             case 3:
                               r = _context57.v;
                               if (r) if ("svg" === e.toLowerCase()) {
-                                _t46 = new XMLSerializer().serializeToString(r);
-                                _t46 = '<?xml version="1.0" standalone="no"?>\r\n' + _t46, n("data:".concat(A(e), ";charset=utf-8,").concat(encodeURIComponent(_t46)), "".concat(i, ".svg"));
+                                _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"));
                               } else n(r.toDataURL(A(e)), "".concat(i, ".").concat(e));
                             case 4:
                               return _context57.a(2);
@@ -17143,7 +17373,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }).call(this);
       }).call(this, require("buffer").Buffer);
     }, {
-      "buffer": 142
+      "buffer": 143
     }]
   }, {}, [17])(17);
 });