@plattar/plattar-ar-adapter 1.155.2 → 1.155.4-b1

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

@@ -1432,23 +1432,110 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return onAttributesUpdated;
           }()
         }, {
-          key: "startViewerQRCode",
+          key: "startARQRCode",
           value: function () {
-            var _startViewerQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(options) {
-              var _this15 = this;
-              var sceneID, opt, viewer, width, height, dst, configState, showAR, showUI;
+            var _startARQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(options) {
+              var dState, product, controller;
               return _regeneratorRuntime().wrap(function _callee6$(_context6) {
                 while (1) switch (_context6.prev = _context6.next) {
+                  case 0:
+                    _context6.prev = 0;
+                    _context6.next = 3;
+                    return this.getConfiguratorState();
+                  case 3:
+                    dState = _context6.sent;
+                    // if this is declared, we have a furniture scene that we need to re-create the embed
+                    // with new attributes
+                    product = dState.state.firstOfType("product");
+                    if (!product) {
+                      _context6.next = 14;
+                      break;
+                    }
+                    this.parent.lockObserver();
+                    this.parent.destroy();
+                    this.setAttribute("product-id", product.scene_product_id);
+                    this.parent.unlockObserver();
+                    controller = this.parent.create();
+                    if (!controller) {
+                      _context6.next = 13;
+                      break;
+                    }
+                    return _context6.abrupt("return", controller.startARQRCode(options));
+                  case 13:
+                    return _context6.abrupt("return", Promise.reject(new Error("ConfiguratorController.startARQRCode() - legacy product transition failed")));
+                  case 14:
+                    _context6.next = 18;
+                    break;
+                  case 16:
+                    _context6.prev = 16;
+                    _context6.t0 = _context6["catch"](0);
+                  case 18:
+                    return _context6.abrupt("return", _get(_getPrototypeOf(ConfiguratorController.prototype), "startARQRCode", this).call(this, options));
+                  case 19:
+                  case "end":
+                    return _context6.stop();
+                }
+              }, _callee6, this, [[0, 16]]);
+            }));
+            function startARQRCode(_x3) {
+              return _startARQRCode.apply(this, arguments);
+            }
+            return startARQRCode;
+          }()
+        }, {
+          key: "startViewerQRCode",
+          value: function () {
+            var _startViewerQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(options) {
+              var _this15 = this;
+              var sceneID, configState, dState, product, controller, opt, viewer, width, height, dst, showAR, showUI;
+              return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                while (1) switch (_context7.prev = _context7.next) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context6.next = 4;
+                      _context7.next = 4;
                       break;
                     }
-                    throw new Error("ConfiguratorController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
+                    throw new Error("ConfiguratorController.startViewerQRCode() - minimum required attributes not set, use scene-id as a minimum");
                   case 4:
+                    // optional attributes
+                    configState = null;
+                    _context7.prev = 5;
+                    _context7.next = 8;
+                    return this.getConfiguratorState();
+                  case 8:
+                    dState = _context7.sent;
+                    // if this is declared, we have a furniture scene that we need to re-create the embed
+                    // with new attributes
+                    product = dState.state.firstOfType("product");
+                    if (!product) {
+                      _context7.next = 19;
+                      break;
+                    }
+                    this.parent.lockObserver();
+                    this.parent.destroy();
+                    this.setAttribute("product-id", product.scene_product_id);
+                    this.parent.unlockObserver();
+                    controller = this.parent.create();
+                    if (!controller) {
+                      _context7.next = 18;
+                      break;
+                    }
+                    return _context7.abrupt("return", controller.startViewerQRCode(options));
+                  case 18:
+                    return _context7.abrupt("return", Promise.reject(new Error("ConfiguratorController.startViewerQRCode() - legacy product transition failed")));
+                  case 19:
+                    configState = dState.state.encode();
+                    _context7.next = 25;
+                    break;
+                  case 22:
+                    _context7.prev = 22;
+                    _context7.t0 = _context7["catch"](5);
+                    // config state is not available
+                    configState = null;
+                  case 25:
                     opt = options || this._GetDefaultQROptions();
                     viewer = document.createElement("plattar-qrcode");
                     this._element = viewer;
@@ -1467,23 +1554,9 @@ function _typeof(obj) { "@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; // optional attributes
-                    configState = null;
+                    dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID;
                     showAR = this.getAttribute("show-ar");
                     showUI = this.getAttribute("show-ui");
-                    _context6.prev = 19;
-                    _context6.next = 22;
-                    return this.getConfiguratorState();
-                  case 22:
-                    configState = _context6.sent.state.encode();
-                    _context6.next = 28;
-                    break;
-                  case 25:
-                    _context6.prev = 25;
-                    _context6.t0 = _context6["catch"](19);
-                    // config state is not available
-                    configState = null;
-                  case 28:
                     if (showUI && showUI === "true") {
                       dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
                     }
@@ -1496,19 +1569,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
-                    return _context6.abrupt("return", new Promise(function (accept, reject) {
+                    return _context7.abrupt("return", new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this15.append(viewer);
                     }));
-                  case 35:
+                  case 46:
                   case "end":
-                    return _context6.stop();
+                    return _context7.stop();
                 }
-              }, _callee6, this, [[19, 25]]);
+              }, _callee7, this, [[5, 22]]);
             }));
-            function startViewerQRCode(_x3) {
+            function startViewerQRCode(_x4) {
               return _startViewerQRCode.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -1516,21 +1589,57 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+            var _startRenderer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
               var _this16 = this;
-              var sceneID, width, height, server, viewer, configState, showAR, showUI;
-              return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-                while (1) switch (_context7.prev = _context7.next) {
+              var sceneID, configState, dState, product, controller, width, height, server, viewer, showAR, showUI;
+              return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+                while (1) switch (_context8.prev = _context8.next) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context7.next = 4;
+                      _context8.next = 4;
                       break;
                     }
                     throw new Error("ConfiguratorController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
                   case 4:
+                    // optional attributes
+                    configState = null;
+                    _context8.prev = 5;
+                    _context8.next = 8;
+                    return this.getConfiguratorState();
+                  case 8:
+                    dState = _context8.sent;
+                    // if this is declared, we have a furniture scene that we need to re-create the embed
+                    // with new attributes
+                    product = dState.state.firstOfType("product");
+                    if (!product) {
+                      _context8.next = 19;
+                      break;
+                    }
+                    this.parent.lockObserver();
+                    this.parent.destroy();
+                    this.setAttribute("product-id", product.scene_product_id);
+                    this.parent.unlockObserver();
+                    controller = this.parent.create();
+                    if (!controller) {
+                      _context8.next = 18;
+                      break;
+                    }
+                    return _context8.abrupt("return", controller.startRenderer());
+                  case 18:
+                    return _context8.abrupt("return", Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
+                  case 19:
+                    configState = dState;
+                    _context8.next = 25;
+                    break;
+                  case 22:
+                    _context8.prev = 22;
+                    _context8.t0 = _context8["catch"](5);
+                    // config state is not available
+                    configState = null;
+                  case 25:
                     // required attributes with defaults for plattar-configurator node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -1541,21 +1650,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     viewer.setAttribute("height", height);
                     viewer.setAttribute("server", server);
                     viewer.setAttribute("scene-id", sceneID);
-                    // optional attributes
-                    configState = null;
-                    _context7.prev = 14;
-                    _context7.next = 17;
-                    return this.getConfiguratorState();
-                  case 17:
-                    configState = _context7.sent;
-                    _context7.next = 23;
-                    break;
-                  case 20:
-                    _context7.prev = 20;
-                    _context7.t0 = _context7["catch"](14);
-                    // config state is not available
-                    configState = null;
-                  case 23:
                     showAR = this.getAttribute("show-ar");
                     showUI = this.getAttribute("show-ui");
                     if (configState) {
@@ -1568,18 +1662,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                       viewer.setAttribute("show-ui", showUI);
                     }
                     this._state = plattar_controller_1.ControllerState.Renderer;
-                    return _context7.abrupt("return", new Promise(function (accept, reject) {
+                    return _context8.abrupt("return", new Promise(function (accept, reject) {
                       _this16.append(viewer);
                       if (configState) {
                         _this16.setupMessengerObservers(viewer, configState);
                       }
                       return accept(viewer);
                     }));
-                  case 30:
+                  case 41:
                   case "end":
-                    return _context7.stop();
+                    return _context8.stop();
                 }
-              }, _callee7, this, [[14, 20]]);
+              }, _callee8, this, [[5, 22]]);
             }));
             function startRenderer() {
               return _startRenderer.apply(this, arguments);
@@ -1589,30 +1683,61 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function () {
-            var _initAR = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-              var arMode;
-              return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-                while (1) switch (_context8.prev = _context8.next) {
+            var _initAR = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+              var dState, product, controller, arMode;
+              return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+                while (1) switch (_context9.prev = _context9.next) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context8.next = 2;
+                      _context9.next = 2;
                       break;
                     }
                     throw new Error("ConfiguratorController.initAR() - cannot proceed as AR not available in context");
                   case 2:
+                    _context9.prev = 2;
+                    _context9.next = 5;
+                    return this.getConfiguratorState();
+                  case 5:
+                    dState = _context9.sent;
+                    // if this is declared, we have a furniture scene that we need to re-create the embed
+                    // with new attributes
+                    product = dState.state.firstOfType("product");
+                    if (!product) {
+                      _context9.next = 16;
+                      break;
+                    }
+                    this.parent.lockObserver();
+                    this.parent.destroy();
+                    this.setAttribute("product-id", product.scene_product_id);
+                    this.parent.unlockObserver();
+                    controller = this.parent.create();
+                    if (!controller) {
+                      _context9.next = 15;
+                      break;
+                    }
+                    return _context9.abrupt("return", controller.initAR());
+                  case 15:
+                    return _context9.abrupt("return", Promise.reject(new Error("ConfiguratorController.initAR() - legacy product transition failed")));
+                  case 16:
+                    _context9.next = 20;
+                    break;
+                  case 18:
+                    _context9.prev = 18;
+                    _context9.t0 = _context9["catch"](2);
+                  case 20:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _context8.t0 = arMode.toLowerCase();
-                    _context8.next = _context8.t0 === "inherited" ? 6 : _context8.t0 === "generated" ? 7 : 7;
+                    _context9.t1 = arMode.toLowerCase();
+                    _context9.next = _context9.t1 === "inherited" ? 24 : _context9.t1 === "generated" ? 25 : 25;
                     break;
-                  case 6:
-                    return _context8.abrupt("return", this._InitARInherited());
-                  case 7:
-                    return _context8.abrupt("return", this._InitARGenerated());
-                  case 8:
+                  case 24:
+                    return _context9.abrupt("return", this._InitARInherited());
+                  case 25:
+                    return _context9.abrupt("return", this._InitARGenerated());
+                  case 26:
                   case "end":
-                    return _context8.stop();
+                    return _context9.stop();
                 }
-              }, _callee8, this);
+              }, _callee9, this, [[2, 18]]);
             }));
             function initAR() {
               return _initAR.apply(this, arguments);
@@ -1625,36 +1750,36 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_InitARInherited",
           value: function () {
-            var _InitARInherited2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+            var _InitARInherited2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
               var sceneID, state, first, sceneProductAR;
-              return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-                while (1) switch (_context9.prev = _context9.next) {
+              return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+                while (1) switch (_context10.prev = _context10.next) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context9.next = 3;
+                      _context10.next = 3;
                       break;
                     }
                     throw new Error("ConfiguratorController.initAR() - inherited AR minimum required attributes not set, use scene-id as a minimum");
                   case 3:
-                    _context9.next = 5;
+                    _context10.next = 5;
                     return this.getConfiguratorState();
                   case 5:
-                    state = _context9.sent.state;
+                    state = _context10.sent.state;
                     first = state.first();
                     if (!first) {
-                      _context9.next = 10;
+                      _context10.next = 10;
                       break;
                     }
                     sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                    return _context9.abrupt("return", sceneProductAR.init());
+                    return _context10.abrupt("return", sceneProductAR.init());
                   case 10:
                     throw new Error("ConfiguratorController.initAR() - invalid decoded config-state does not have any product states");
                   case 11:
                   case "end":
-                    return _context9.stop();
+                    return _context10.stop();
                 }
-              }, _callee9, this);
+              }, _callee10, this);
             }));
             function _InitARInherited() {
               return _InitARInherited2.apply(this, arguments);
@@ -1667,30 +1792,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_InitARGenerated",
           value: function () {
-            var _InitARGenerated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+            var _InitARGenerated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
               var sceneID, configAR;
-              return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-                while (1) switch (_context10.prev = _context10.next) {
+              return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+                while (1) switch (_context11.prev = _context11.next) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context10.next = 3;
+                      _context11.next = 3;
                       break;
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 3:
-                    _context10.t0 = configurator_ar_1.ConfiguratorAR;
-                    _context10.next = 6;
+                    _context11.t0 = configurator_ar_1.ConfiguratorAR;
+                    _context11.next = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    _context10.t1 = _context10.sent;
-                    configAR = new _context10.t0(_context10.t1);
-                    return _context10.abrupt("return", configAR.init());
+                    _context11.t1 = _context11.sent;
+                    configAR = new _context11.t0(_context11.t1);
+                    return _context11.abrupt("return", configAR.init());
                   case 9:
                   case "end":
-                    return _context10.stop();
+                    return _context11.stop();
                 }
-              }, _callee10, this);
+              }, _callee11, this);
             }));
             function _InitARGenerated() {
               return _InitARGenerated2.apply(this, arguments);
@@ -1772,15 +1897,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "createConfiguratorState",
           value: function () {
-            var _createConfiguratorState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+            var _createConfiguratorState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
               var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList;
-              return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-                while (1) switch (_context11.prev = _context11.next) {
+              return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+                while (1) switch (_context12.prev = _context12.next) {
                   case 0:
                     // get our Scene ID
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context11.next = 3;
+                      _context12.next = 3;
                       break;
                     }
                     throw new Error("PlattarController.createConfiguratorState() - cannot create as required attribute scene-id is not defined");
@@ -1789,22 +1914,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     variationIDs = this.getAttribute("variation-id"); // get a list of variation SKU's to use for initialising
                     variationSKUs = this.getAttribute("variation-sku"); // generate the decoded configurator state
                     if (!configState) {
-                      _context11.next = 12;
+                      _context12.next = 12;
                       break;
                     }
-                    _context11.next = 9;
+                    _context12.next = 9;
                     return configurator_state_1.ConfiguratorState.decodeState(sceneID, configState);
                   case 9:
-                    _context11.t0 = _context11.sent;
-                    _context11.next = 15;
+                    _context12.t0 = _context12.sent;
+                    _context12.next = 15;
                     break;
                   case 12:
-                    _context11.next = 14;
+                    _context12.next = 14;
                     return configurator_state_1.ConfiguratorState.decodeScene(sceneID);
                   case 14:
-                    _context11.t0 = _context11.sent;
+                    _context12.t0 = _context12.sent;
                   case 15:
-                    decodedState = _context11.t0;
+                    decodedState = _context12.t0;
                     // change the ID's and SKU's (if any) of the default configuration state
                     variationIDList = variationIDs ? variationIDs.split(",") : [];
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
@@ -1815,12 +1940,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                       decodedState.state.setVariationSKU(variationSKU);
                     });
                     // return fully modified configuration state
-                    return _context11.abrupt("return", decodedState);
+                    return _context12.abrupt("return", decodedState);
                   case 21:
                   case "end":
-                    return _context11.stop();
+                    return _context12.stop();
                 }
-              }, _callee11, this);
+              }, _callee12, this);
             }));
             function createConfiguratorState() {
               return _createConfiguratorState.apply(this, arguments);
@@ -1874,21 +1999,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startAR",
           value: function () {
-            var _startAR = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+            var _startAR = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
               var launcher;
-              return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-                while (1) switch (_context12.prev = _context12.next) {
+              return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+                while (1) switch (_context13.prev = _context13.next) {
                   case 0:
-                    _context12.next = 2;
+                    _context13.next = 2;
                     return this.initAR();
                   case 2:
-                    launcher = _context12.sent;
-                    return _context12.abrupt("return", launcher.start());
+                    launcher = _context13.sent;
+                    return _context13.abrupt("return", launcher.start());
                   case 4:
                   case "end":
-                    return _context12.stop();
+                    return _context13.stop();
                 }
-              }, _callee12, this);
+              }, _callee13, this);
             }));
             function startAR() {
               return _startAR.apply(this, arguments);
@@ -1903,26 +2028,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startQRCode",
           value: function () {
-            var _startQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(options) {
+            var _startQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(options) {
               var qrType;
-              return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-                while (1) switch (_context13.prev = _context13.next) {
+              return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+                while (1) switch (_context14.prev = _context14.next) {
                   case 0:
                     qrType = this.getAttribute("qr-type") || "viewer";
-                    _context13.t0 = qrType.toLowerCase();
-                    _context13.next = _context13.t0 === "ar" ? 4 : _context13.t0 === "viewer" ? 5 : 5;
+                    _context14.t0 = qrType.toLowerCase();
+                    _context14.next = _context14.t0 === "ar" ? 4 : _context14.t0 === "viewer" ? 5 : 5;
                     break;
                   case 4:
-                    return _context13.abrupt("return", this.startARQRCode(options));
+                    return _context14.abrupt("return", this.startARQRCode(options));
                   case 5:
-                    return _context13.abrupt("return", this.startViewerQRCode(options));
+                    return _context14.abrupt("return", this.startViewerQRCode(options));
                   case 6:
                   case "end":
-                    return _context13.stop();
+                    return _context14.stop();
                 }
-              }, _callee13, this);
+              }, _callee14, this);
             }));
-            function startQRCode(_x4) {
+            function startQRCode(_x5) {
               return _startQRCode.apply(this, arguments);
             }
             return startQRCode;
@@ -1935,11 +2060,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startARQRCode",
           value: function () {
-            var _startARQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(options) {
+            var _startARQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(options) {
               var _this17 = this;
               var opt, viewer, width, height, qrOptions, dst, configState, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode;
-              return _regeneratorRuntime().wrap(function _callee14$(_context14) {
-                while (1) switch (_context14.prev = _context14.next) {
+              return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+                while (1) switch (_context15.prev = _context15.next) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
@@ -1971,16 +2096,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     variationID = this.getAttribute("variation-id");
                     variationSKU = this.getAttribute("variation-sku");
                     arMode = this.getAttribute("ar-mode");
-                    _context14.prev = 22;
-                    _context14.next = 25;
+                    _context15.prev = 22;
+                    _context15.next = 25;
                     return this.getConfiguratorState();
                   case 25:
-                    configState = _context14.sent.state.encode();
-                    _context14.next = 31;
+                    configState = _context15.sent.state.encode();
+                    _context15.next = 31;
                     break;
                   case 28:
-                    _context14.prev = 28;
-                    _context14.t0 = _context14["catch"](22);
+                    _context15.prev = 28;
+                    _context15.t0 = _context15["catch"](22);
                     // config state not available for some reason
                     configState = null;
                   case 31:
@@ -2011,7 +2136,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = ControllerState.QRCode;
                     this._prevQROpt = opt;
-                    return _context14.abrupt("return", new Promise(function (accept, reject) {
+                    return _context15.abrupt("return", new Promise(function (accept, reject) {
                       _this17.append(viewer);
                       viewer.onload = function () {
                         return accept(viewer);
@@ -2019,12 +2144,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     }));
                   case 43:
                   case "end":
-                    return _context14.stop();
+                    return _context15.stop();
                 }
-              }, _callee14, this, [[22, 28]]);
+              }, _callee15, this, [[22, 28]]);
             }));
-            function startARQRCode(_x5) {
-              return _startARQRCode.apply(this, arguments);
+            function startARQRCode(_x6) {
+              return _startARQRCode2.apply(this, arguments);
             }
             return startARQRCode;
           }()
@@ -2038,7 +2163,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           }
           /**
            * Returns the specified attribute from the parent
-           * @param attribute - The name of thhe attribute
+           * @param attribute - The name of the attribute
            * @returns - The attribute value or null
            */
         }, {
@@ -2046,6 +2171,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           value: function getAttribute(attribute) {
             return this.parent ? this.parent.hasAttribute(attribute) ? this.parent.getAttribute(attribute) : null : null;
           }
+          /**
+           * Sets a particular attribute into the HTML DOM
+           *
+           * @param attribute - The name of the attribute
+           * @param value - The value of the attribute
+           */
+        }, {
+          key: "setAttribute",
+          value: function setAttribute(attribute, value) {
+            if (this.parent) {
+              this.parent.setAttribute(attribute, value);
+            }
+          }
           /**
            * Appends the provided element into the shadow-root of the parent element
            * @param element - The element to append
@@ -2086,25 +2224,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var ProductController = /*#__PURE__*/function (_plattar_controller_2) {
         _inherits(ProductController, _plattar_controller_2);
         var _super8 = _createSuper(ProductController);
-        function ProductController(parent) {
+        function ProductController() {
           _classCallCheck(this, ProductController);
-          // this is a hack against DecodedConfiguratorState that's now stored in PlattarController
-          // this is not used in legacy mode
-          return _super8.call(this, parent);
+          return _super8.apply(this, arguments);
         }
         _createClass(ProductController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
-              return _regeneratorRuntime().wrap(function _callee15$(_context15) {
-                while (1) switch (_context15.prev = _context15.next) {
+            var _getConfiguratorState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+              return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+                while (1) switch (_context16.prev = _context16.next) {
                   case 0:
                     throw new Error("ProductController.getConfiguratorState() - legacy embeds do not support configurator states");
                   case 1:
                   case "end":
-                    return _context15.stop();
+                    return _context16.stop();
                 }
-              }, _callee15);
+              }, _callee16);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState2.apply(this, arguments);
@@ -2114,18 +2250,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(attributeName) {
+            var _onAttributesUpdated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(attributeName) {
               var state, viewer, variationID;
-              return _regeneratorRuntime().wrap(function _callee16$(_context16) {
-                while (1) switch (_context16.prev = _context16.next) {
+              return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+                while (1) switch (_context17.prev = _context17.next) {
                   case 0:
                     state = this._state; // re-render the QR Code when attributes have changed
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context16.next = 4;
+                      _context17.next = 4;
                       break;
                     }
                     this.startQRCode(this._prevQROpt);
-                    return _context16.abrupt("return");
+                    return _context17.abrupt("return");
                   case 4:
                     // use the messenger function to change variation when attributes have changed
                     if (state === plattar_controller_1.ControllerState.Renderer) {
@@ -2139,11 +2275,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     }
                   case 5:
                   case "end":
-                    return _context16.stop();
+                    return _context17.stop();
                 }
-              }, _callee16, this);
+              }, _callee17, this);
             }));
-            function onAttributesUpdated(_x6) {
+            function onAttributesUpdated(_x7) {
               return _onAttributesUpdated2.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -2387,23 +2523,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(VTOController, [{
           key: "getConfiguratorState",
           value: function () {
-            var _getConfiguratorState3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
-              return _regeneratorRuntime().wrap(function _callee17$(_context17) {
-                while (1) switch (_context17.prev = _context17.next) {
+            var _getConfiguratorState3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+              return _regeneratorRuntime().wrap(function _callee18$(_context18) {
+                while (1) switch (_context18.prev = _context18.next) {
                   case 0:
                     if (!this._cachedConfigState) {
-                      _context17.next = 2;
+                      _context18.next = 2;
                       break;
                     }
-                    return _context17.abrupt("return", this._cachedConfigState);
+                    return _context18.abrupt("return", this._cachedConfigState);
                   case 2:
                     this._cachedConfigState = this.createConfiguratorState();
-                    return _context17.abrupt("return", this._cachedConfigState);
+                    return _context18.abrupt("return", this._cachedConfigState);
                   case 4:
                   case "end":
-                    return _context17.stop();
+                    return _context18.stop();
                 }
-              }, _callee17, this);
+              }, _callee18, this);
             }));
             function getConfiguratorState() {
               return _getConfiguratorState3.apply(this, arguments);
@@ -2413,61 +2549,61 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "onAttributesUpdated",
           value: function () {
-            var _onAttributesUpdated3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18(attributeName) {
+            var _onAttributesUpdated3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(attributeName) {
               var state, viewer, variationIDs, variationIDsList, variationSKUs, variationSKUList, configState, _variationIDs2, _variationIDsList2, _configState2, _variationSKUs2, _variationSKUList2;
-              return _regeneratorRuntime().wrap(function _callee18$(_context18) {
-                while (1) switch (_context18.prev = _context18.next) {
+              return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+                while (1) switch (_context19.prev = _context19.next) {
                   case 0:
                     state = this._state;
                     if (!(state === plattar_controller_1.ControllerState.Renderer)) {
-                      _context18.next = 17;
+                      _context19.next = 17;
                       break;
                     }
                     viewer = this.element;
                     if (!viewer) {
-                      _context18.next = 16;
+                      _context19.next = 16;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context18.next = 10;
+                      _context19.next = 10;
                       break;
                     }
                     variationIDs = this.getAttribute("variation-id");
                     variationIDsList = variationIDs ? variationIDs.split(",") : [];
                     if (!(variationIDsList.length > 0)) {
-                      _context18.next = 10;
+                      _context19.next = 10;
                       break;
                     }
-                    _context18.next = 10;
+                    _context19.next = 10;
                     return viewer.messenger.selectVariationID(variationIDsList);
                   case 10:
                     if (!(attributeName === "variation-sku")) {
-                      _context18.next = 16;
+                      _context19.next = 16;
                       break;
                     }
                     variationSKUs = this.getAttribute("variation-sku");
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
                     if (!(variationSKUList.length > 0)) {
-                      _context18.next = 16;
+                      _context19.next = 16;
                       break;
                     }
-                    _context18.next = 16;
+                    _context19.next = 16;
                     return viewer.messenger.selectVariationSKU(variationSKUList);
                   case 16:
-                    return _context18.abrupt("return");
+                    return _context19.abrupt("return");
                   case 17:
                     if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context18.next = 34;
+                      _context19.next = 34;
                       break;
                     }
                     if (!(attributeName === "variation-id")) {
-                      _context18.next = 25;
+                      _context19.next = 25;
                       break;
                     }
-                    _context18.next = 21;
+                    _context19.next = 21;
                     return this.getConfiguratorState();
                   case 21:
-                    configState = _context18.sent;
+                    configState = _context19.sent;
                     _variationIDs2 = this.getAttribute("variation-id");
                     _variationIDsList2 = _variationIDs2 ? _variationIDs2.split(",") : [];
                     _variationIDsList2.forEach(function (variationID) {
@@ -2475,13 +2611,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     });
                   case 25:
                     if (!(attributeName === "variation-sku")) {
-                      _context18.next = 32;
+                      _context19.next = 32;
                       break;
                     }
-                    _context18.next = 28;
+                    _context19.next = 28;
                     return this.getConfiguratorState();
                   case 28:
-                    _configState2 = _context18.sent;
+                    _configState2 = _context19.sent;
                     _variationSKUs2 = this.getAttribute("variation-sku");
                     _variationSKUList2 = _variationSKUs2 ? _variationSKUs2.split(",") : [];
                     _variationSKUList2.forEach(function (variationSKU) {
@@ -2489,14 +2625,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     });
                   case 32:
                     this.startQRCode(this._prevQROpt);
-                    return _context18.abrupt("return");
+                    return _context19.abrupt("return");
                   case 34:
                   case "end":
-                    return _context18.stop();
+                    return _context19.stop();
                 }
-              }, _callee18, this);
+              }, _callee19, this);
             }));
-            function onAttributesUpdated(_x7) {
+            function onAttributesUpdated(_x8) {
               return _onAttributesUpdated3.apply(this, arguments);
             }
             return onAttributesUpdated;
@@ -2504,17 +2640,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startViewerQRCode",
           value: function () {
-            var _startViewerQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(options) {
+            var _startViewerQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(options) {
               var _this23 = this;
               var sceneID, opt, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID;
-              return _regeneratorRuntime().wrap(function _callee19$(_context19) {
-                while (1) switch (_context19.prev = _context19.next) {
+              return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+                while (1) switch (_context20.prev = _context20.next) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context19.next = 4;
+                      _context20.next = 4;
                       break;
                     }
                     throw new Error("VTOController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
@@ -2539,16 +2675,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     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
                     configState = null;
-                    _context19.prev = 17;
-                    _context19.next = 20;
+                    _context20.prev = 17;
+                    _context20.next = 20;
                     return this.getConfiguratorState();
                   case 20:
-                    configState = _context19.sent;
-                    _context19.next = 26;
+                    configState = _context20.sent;
+                    _context20.next = 26;
                     break;
                   case 23:
-                    _context19.prev = 23;
-                    _context19.t0 = _context19["catch"](17);
+                    _context20.prev = 23;
+                    _context20.t0 = _context20["catch"](17);
                     // config state is not available
                     configState = null;
                   case 26:
@@ -2574,7 +2710,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
-                    return _context19.abrupt("return", new Promise(function (accept, reject) {
+                    return _context20.abrupt("return", new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
@@ -2582,11 +2718,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     }));
                   case 39:
                   case "end":
-                    return _context19.stop();
+                    return _context20.stop();
                 }
-              }, _callee19, this, [[17, 23]]);
+              }, _callee20, this, [[17, 23]]);
             }));
-            function startViewerQRCode(_x8) {
+            function startViewerQRCode(_x9) {
               return _startViewerQRCode2.apply(this, arguments);
             }
             return startViewerQRCode;
@@ -2594,17 +2730,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function () {
-            var _startRenderer2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
+            var _startRenderer2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
               var _this24 = this;
               var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID;
-              return _regeneratorRuntime().wrap(function _callee20$(_context20) {
-                while (1) switch (_context20.prev = _context20.next) {
+              return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+                while (1) switch (_context21.prev = _context21.next) {
                   case 0:
                     // remove the old renderer instance if any
                     this.removeRenderer();
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context20.next = 4;
+                      _context21.next = 4;
                       break;
                     }
                     throw new Error("VTOController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
@@ -2621,16 +2757,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     viewer.setAttribute("scene-id", sceneID);
                     // optional attributes
                     configState = null;
-                    _context20.prev = 14;
-                    _context20.next = 17;
+                    _context21.prev = 14;
+                    _context21.next = 17;
                     return this.getConfiguratorState();
                   case 17:
-                    configState = _context20.sent;
-                    _context20.next = 23;
+                    configState = _context21.sent;
+                    _context21.next = 23;
                     break;
                   case 20:
-                    _context20.prev = 20;
-                    _context20.t0 = _context20["catch"](14);
+                    _context21.prev = 20;
+                    _context21.t0 = _context21["catch"](14);
                     // config state not available
                     configState = null;
                   case 23:
@@ -2654,7 +2790,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                       viewer.setAttribute("variation-id", variationID);
                     }
                     this._state = plattar_controller_1.ControllerState.Renderer;
-                    return _context20.abrupt("return", new Promise(function (accept, reject) {
+                    return _context21.abrupt("return", new Promise(function (accept, reject) {
                       _this24.append(viewer);
                       if (configState) {
                         _this24.setupMessengerObservers(viewer, configState);
@@ -2663,9 +2799,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     }));
                   case 34:
                   case "end":
-                    return _context20.stop();
+                    return _context21.stop();
                 }
-              }, _callee20, this, [[14, 20]]);
+              }, _callee21, this, [[14, 20]]);
             }));
             function startRenderer() {
               return _startRenderer2.apply(this, arguments);
@@ -2675,36 +2811,36 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function () {
-            var _initAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
+            var _initAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
               var arMode;
-              return _regeneratorRuntime().wrap(function _callee21$(_context21) {
-                while (1) switch (_context21.prev = _context21.next) {
+              return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+                while (1) switch (_context22.prev = _context22.next) {
                   case 0:
                     if (util_1.Util.canAugment()) {
-                      _context21.next = 2;
+                      _context22.next = 2;
                       break;
                     }
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR not available in context");
                   case 2:
                     if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
-                      _context21.next = 4;
+                      _context22.next = 4;
                       break;
                     }
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices");
                   case 4:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _context21.t0 = arMode.toLowerCase();
-                    _context21.next = _context21.t0 === "inherited" ? 8 : _context21.t0 === "generated" ? 9 : 9;
+                    _context22.t0 = arMode.toLowerCase();
+                    _context22.next = _context22.t0 === "inherited" ? 8 : _context22.t0 === "generated" ? 9 : 9;
                     break;
                   case 8:
-                    return _context21.abrupt("return", this._InitARInherited());
+                    return _context22.abrupt("return", this._InitARInherited());
                   case 9:
-                    return _context21.abrupt("return", this._InitARGenerated());
+                    return _context22.abrupt("return", this._InitARGenerated());
                   case 10:
                   case "end":
-                    return _context21.stop();
+                    return _context22.stop();
                 }
-              }, _callee21, this);
+              }, _callee22, this);
             }));
             function initAR() {
               return _initAR2.apply(this, arguments);
@@ -2717,36 +2853,36 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_InitARInherited",
           value: function () {
-            var _InitARInherited3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+            var _InitARInherited3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
               var sceneID, state, first, sceneProductAR;
-              return _regeneratorRuntime().wrap(function _callee22$(_context22) {
-                while (1) switch (_context22.prev = _context22.next) {
+              return _regeneratorRuntime().wrap(function _callee23$(_context23) {
+                while (1) switch (_context23.prev = _context23.next) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context22.next = 3;
+                      _context23.next = 3;
                       break;
                     }
                     throw new Error("VTOController.initAR() - inherited AR minimum required attributes not set, use scene-id as a minimum");
                   case 3:
-                    _context22.next = 5;
+                    _context23.next = 5;
                     return this.getConfiguratorState();
                   case 5:
-                    state = _context22.sent.state;
+                    state = _context23.sent.state;
                     first = state.first();
                     if (!first) {
-                      _context22.next = 10;
+                      _context23.next = 10;
                       break;
                     }
                     sceneProductAR = new __1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                    return _context22.abrupt("return", sceneProductAR.init());
+                    return _context23.abrupt("return", sceneProductAR.init());
                   case 10:
                     throw new Error("VTOController.initAR() - invalid decoded config-state does not have any product states");
                   case 11:
                   case "end":
-                    return _context22.stop();
+                    return _context23.stop();
                 }
-              }, _callee22, this);
+              }, _callee23, this);
             }));
             function _InitARInherited() {
               return _InitARInherited3.apply(this, arguments);
@@ -2759,30 +2895,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_InitARGenerated",
           value: function () {
-            var _InitARGenerated3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
+            var _InitARGenerated3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
               var sceneID, configAR;
-              return _regeneratorRuntime().wrap(function _callee23$(_context23) {
-                while (1) switch (_context23.prev = _context23.next) {
+              return _regeneratorRuntime().wrap(function _callee24$(_context24) {
+                while (1) switch (_context24.prev = _context24.next) {
                   case 0:
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
-                      _context23.next = 3;
+                      _context24.next = 3;
                       break;
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 3:
-                    _context23.t0 = configurator_ar_1.ConfiguratorAR;
-                    _context23.next = 6;
+                    _context24.t0 = configurator_ar_1.ConfiguratorAR;
+                    _context24.next = 6;
                     return this.getConfiguratorState();
                   case 6:
-                    _context23.t1 = _context23.sent;
-                    configAR = new _context23.t0(_context23.t1);
-                    return _context23.abrupt("return", configAR.init());
+                    _context24.t1 = _context24.sent;
+                    configAR = new _context24.t0(_context24.t1);
+                    return _context24.abrupt("return", configAR.init());
                   case 9:
                   case "end":
-                    return _context23.stop();
+                    return _context24.stop();
                 }
-              }, _callee23, this);
+              }, _callee24, this);
             }));
             function _InitARGenerated() {
               return _InitARGenerated3.apply(this, arguments);
@@ -2836,6 +2972,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         EmbedType[EmbedType["VTO"] = 2] = "VTO";
         EmbedType[EmbedType["None"] = 3] = "None";
       })(EmbedType || (EmbedType = {}));
+      /**
+       * Controls the state of the observer
+       */
+      var ObserverState;
+      (function (ObserverState) {
+        ObserverState[ObserverState["Locked"] = 0] = "Locked";
+        ObserverState[ObserverState["Unlocked"] = 1] = "Unlocked";
+      })(ObserverState || (ObserverState = {}));
       /**
        * This is the primary <plattar-embed /> node that allows easy embedding
        * of Plattar related content
@@ -2849,6 +2993,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           _this25 = _super10.call(this);
           // this is the current embed type, viewer by default
           _this25._currentType = EmbedType.None;
+          _this25._observerState = ObserverState.Unlocked;
           _this25._controller = null;
           _this25._currentSceneID = null;
           _this25._observer = null;
@@ -2879,16 +3024,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             plattar_api_1.Server.create(plattar_api_1.Server.match(server || "production"));
             if (!this._observer) {
               this._observer = new MutationObserver(function (mutations) {
-                mutations.forEach(function (mutation) {
-                  if (mutation.type === "attributes") {
-                    var attributeName = mutation.attributeName ? mutation.attributeName : "none";
-                    if (_this26._currentType !== EmbedType.Legacy) {
-                      _this26._CreateEmbed(attributeName);
-                    } else {
-                      _this26._OnAttributesUpdated(attributeName);
+                if (_this26._observerState === ObserverState.Unlocked) {
+                  mutations.forEach(function (mutation) {
+                    if (mutation.type === "attributes") {
+                      var attributeName = mutation.attributeName ? mutation.attributeName : "none";
+                      if (_this26._currentType !== EmbedType.Legacy) {
+                        _this26._CreateEmbed(attributeName);
+                      } else {
+                        _this26._OnAttributesUpdated(attributeName);
+                      }
                     }
-                  }
-                });
+                  });
+                }
               });
               this._observer.observe(this, {
                 attributes: true
@@ -2898,9 +3045,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (productID) {
               this._currentType = EmbedType.Legacy;
               this._CreateLegacyEmbed();
-              return;
+              return this._controller;
             }
             this._CreateEmbed("none");
+            return this._controller;
+          }
+          /**
+           * Locks the observer so attribute changes do not trigger anything
+           */
+        }, {
+          key: "lockObserver",
+          value: function lockObserver() {
+            this._observerState = ObserverState.Locked;
+          }
+          /**
+           * Unlocks the observer so attribute changes will start to re-trigger properly
+           */
+        }, {
+          key: "unlockObserver",
+          value: function unlockObserver() {
+            this._observerState = ObserverState.Unlocked;
           }
           /**
            * Destroys the active instance of this embed and resets internal state to default
@@ -2996,22 +3160,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function () {
-            var _initAR3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
-              return _regeneratorRuntime().wrap(function _callee24$(_context24) {
-                while (1) switch (_context24.prev = _context24.next) {
+            var _initAR3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
+              return _regeneratorRuntime().wrap(function _callee25$(_context25) {
+                while (1) switch (_context25.prev = _context25.next) {
                   case 0:
                     if (this._controller) {
-                      _context24.next = 2;
+                      _context25.next = 2;
                       break;
                     }
                     throw new Error("PlattarEmbed.initAR() - cannot execute as controller has not loaded yet");
                   case 2:
-                    return _context24.abrupt("return", this._controller.initAR());
+                    return _context25.abrupt("return", this._controller.initAR());
                   case 3:
                   case "end":
-                    return _context24.stop();
+                    return _context25.stop();
                 }
-              }, _callee24, this);
+              }, _callee25, this);
             }));
             function initAR() {
               return _initAR3.apply(this, arguments);
@@ -3021,22 +3185,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startAR",
           value: function () {
-            var _startAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
-              return _regeneratorRuntime().wrap(function _callee25$(_context25) {
-                while (1) switch (_context25.prev = _context25.next) {
+            var _startAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
+              return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+                while (1) switch (_context26.prev = _context26.next) {
                   case 0:
                     if (this._controller) {
-                      _context25.next = 2;
+                      _context26.next = 2;
                       break;
                     }
                     throw new Error("PlattarEmbed.startAR() - cannot execute as controller has not loaded yet");
                   case 2:
-                    return _context25.abrupt("return", this._controller.startAR());
+                    return _context26.abrupt("return", this._controller.startAR());
                   case 3:
                   case "end":
-                    return _context25.stop();
+                    return _context26.stop();
                 }
-              }, _callee25, this);
+              }, _callee26, this);
             }));
             function startAR() {
               return _startAR2.apply(this, arguments);
@@ -3046,22 +3210,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startViewer",
           value: function () {
-            var _startViewer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
-              return _regeneratorRuntime().wrap(function _callee26$(_context26) {
-                while (1) switch (_context26.prev = _context26.next) {
+            var _startViewer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+              return _regeneratorRuntime().wrap(function _callee27$(_context27) {
+                while (1) switch (_context27.prev = _context27.next) {
                   case 0:
                     if (this._controller) {
-                      _context26.next = 2;
+                      _context27.next = 2;
                       break;
                     }
                     throw new Error("PlattarEmbed.startViewer() - cannot execute as controller has not loaded yet");
                   case 2:
-                    return _context26.abrupt("return", this._controller.startRenderer());
+                    return _context27.abrupt("return", this._controller.startRenderer());
                   case 3:
                   case "end":
-                    return _context26.stop();
+                    return _context27.stop();
                 }
-              }, _callee26, this);
+              }, _callee27, this);
             }));
             function startViewer() {
               return _startViewer.apply(this, arguments);
@@ -3071,25 +3235,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startQRCode",
           value: function () {
-            var _startQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+            var _startQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
               var options,
-                _args27 = arguments;
-              return _regeneratorRuntime().wrap(function _callee27$(_context27) {
-                while (1) switch (_context27.prev = _context27.next) {
+                _args28 = arguments;
+              return _regeneratorRuntime().wrap(function _callee28$(_context28) {
+                while (1) switch (_context28.prev = _context28.next) {
                   case 0:
-                    options = _args27.length > 0 && _args27[0] !== undefined ? _args27[0] : null;
+                    options = _args28.length > 0 && _args28[0] !== undefined ? _args28[0] : null;
                     if (this._controller) {
-                      _context27.next = 3;
+                      _context28.next = 3;
                       break;
                     }
                     throw new Error("PlattarEmbed.startQRCode() - cannot execute as controller has not loaded yet");
                   case 3:
-                    return _context27.abrupt("return", this._controller.startQRCode(options));
+                    return _context28.abrupt("return", this._controller.startQRCode(options));
                   case 4:
                   case "end":
-                    return _context27.stop();
+                    return _context28.stop();
                 }
-              }, _callee27, this);
+              }, _callee28, this);
             }));
             function startQRCode() {
               return _startQRCode2.apply(this, arguments);
@@ -3276,6 +3440,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             meta: {
               scene_product_index: 0,
               scene_model_index: 0,
+              product_index: 0,
               product_variation_index: 1,
               meta_index: 2
             },
@@ -3289,6 +3454,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (parsedState.meta) {
                 defaultState.meta.scene_product_index = parsedState.meta.scene_product_index || 0;
                 defaultState.meta.scene_model_index = parsedState.meta.scene_model_index || 0;
+                defaultState.meta.product_index = parsedState.meta.product_index || 0;
                 defaultState.meta.product_variation_index = parsedState.meta.product_variation_index || 1;
                 defaultState.meta.meta_index = parsedState.meta.meta_index || 2;
               }
@@ -3307,12 +3473,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(ConfiguratorState, [{
           key: "setVariationSKU",
           value: function setVariationSKU(productVariationSKU) {
-            var variationID = this._mappedVariationSKUValues.get(productVariationSKU);
-            if (!variationID) {
+            var _this27 = this;
+            var variationIDs = this._mappedVariationSKUValues.get(productVariationSKU);
+            if (!variationIDs) {
               console.warn("ConfiguratorState.setVariationSKU() - Variation SKU of " + productVariationSKU + " is not defined in any variations");
               return;
             }
-            this.setVariationID(variationID);
+            variationIDs.forEach(function (variationID) {
+              _this27.setVariationID(variationID);
+            });
           }
           /**
            * Modifyes the SceneProduct that this Variation belongs to and changes for
@@ -3374,6 +3543,38 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               newData[meta.meta_index] = metaData;
             }
           }
+          /**
+           * Adds a new Product with meta-data into the Configurator State
+           *
+           * @param productID - The Product ID to add
+           * @param metaData - Arbitrary meta-data that can be used against certain operaions
+           */
+        }, {
+          key: "setProduct",
+          value: function setProduct(productID, productVariationID) {
+            var metaData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+            if (productID && productVariationID) {
+              metaData = metaData || {
+                augment: true,
+                type: "product"
+              };
+              metaData.type = "product";
+              var states = this._state.states;
+              var meta = this._state.meta;
+              var newData = null;
+              var existingData = this.findSceneProductIndex(productID);
+              if (existingData) {
+                newData = existingData;
+              } else {
+                newData = [];
+                // push the new data into the stack
+                states.push(newData);
+              }
+              newData[meta.product_index] = productID;
+              newData[meta.product_variation_index] = productVariationID;
+              newData[meta.meta_index] = metaData;
+            }
+          }
           /**
            * Adds a new Scene Product/Variation combo with meta-data into the Configurator State
            *
@@ -3531,6 +3732,37 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
             return null;
           }
+          /**
+           * @returns Returns the first reference of data in the stack that matches a type, otherwise returns null
+           */
+        }, {
+          key: "firstOfType",
+          value: function firstOfType(type) {
+            var states = this._state.states;
+            if (states.length > 0) {
+              var meta = this._state.meta;
+              var found = states.find(function (productState) {
+                var check = productState[meta.scene_product_index];
+                if (check !== null && check !== undefined) {
+                  return productState.length === 3 && data.meta_data.type === type;
+                }
+                return false;
+              });
+              if (!found) {
+                return null;
+              }
+              var data = {
+                scene_product_id: found[meta.scene_product_index],
+                product_variation_id: found[meta.product_variation_index],
+                meta_data: {
+                  augment: found[meta.meta_index].augment || true,
+                  type: found[meta.meta_index].type || type
+                }
+              };
+              return data;
+            }
+            return null;
+          }
         }, {
           key: "length",
           get: function get() {
@@ -3566,20 +3798,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "decodeState",
           value: function () {
-            var _decodeState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
+            var _decodeState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
               var sceneID,
                 state,
                 configState,
                 fscene,
                 scene,
-                _args28 = arguments;
-              return _regeneratorRuntime().wrap(function _callee28$(_context28) {
-                while (1) switch (_context28.prev = _context28.next) {
+                _args29 = arguments;
+              return _regeneratorRuntime().wrap(function _callee29$(_context29) {
+                while (1) switch (_context29.prev = _context29.next) {
                   case 0:
-                    sceneID = _args28.length > 0 && _args28[0] !== undefined ? _args28[0] : null;
-                    state = _args28.length > 1 && _args28[1] !== undefined ? _args28[1] : null;
+                    sceneID = _args29.length > 0 && _args29[0] !== undefined ? _args29[0] : null;
+                    state = _args29.length > 1 && _args29[1] !== undefined ? _args29[1] : null;
                     if (!(!sceneID || !state)) {
-                      _context28.next = 4;
+                      _context29.next = 4;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeState(sceneID, state) - sceneID and state must be defined");
@@ -3587,22 +3819,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     configState = new ConfiguratorState(state);
                     fscene = new plattar_api_1.Scene(sceneID);
                     fscene.include(plattar_api_1.Project);
+                    fscene.include(plattar_api_1.Product);
                     fscene.include(plattar_api_1.SceneProduct);
                     fscene.include(plattar_api_1.SceneModel);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context28.next = 12;
+                    _context29.next = 13;
                     return fscene.get();
-                  case 12:
-                    scene = _context28.sent;
-                    return _context28.abrupt("return", {
+                  case 13:
+                    scene = _context29.sent;
+                    return _context29.abrupt("return", {
                       scene: scene,
                       state: configState
                     });
-                  case 14:
+                  case 15:
                   case "end":
-                    return _context28.stop();
+                    return _context29.stop();
                 }
-              }, _callee28);
+              }, _callee29);
             }));
             function decodeState() {
               return _decodeState.apply(this, arguments);
@@ -3618,20 +3851,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "decodeScene",
           value: function () {
-            var _decodeScene = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
+            var _decodeScene = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30() {
               var sceneID,
                 configState,
                 fscene,
                 scene,
                 sceneProducts,
                 sceneModels,
-                _args29 = arguments;
-              return _regeneratorRuntime().wrap(function _callee29$(_context29) {
-                while (1) switch (_context29.prev = _context29.next) {
+                products,
+                _args30 = arguments;
+              return _regeneratorRuntime().wrap(function _callee30$(_context30) {
+                while (1) switch (_context30.prev = _context30.next) {
                   case 0:
-                    sceneID = _args29.length > 0 && _args29[0] !== undefined ? _args29[0] : null;
+                    sceneID = _args30.length > 0 && _args30[0] !== undefined ? _args30[0] : null;
                     if (sceneID) {
-                      _context29.next = 3;
+                      _context30.next = 3;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeScene(sceneID) - sceneID must be defined");
@@ -3641,20 +3875,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     fscene.include(plattar_api_1.Project);
                     fscene.include(plattar_api_1.SceneProduct);
                     fscene.include(plattar_api_1.SceneModel);
+                    fscene.include(plattar_api_1.Product);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context29.next = 11;
+                    _context30.next = 12;
                     return fscene.get();
-                  case 11:
-                    scene = _context29.sent;
+                  case 12:
+                    scene = _context30.sent;
                     sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
-                    sceneModels = scene.relationships.filter(plattar_api_1.SceneModel); // add out scene models
+                    sceneModels = scene.relationships.filter(plattar_api_1.SceneModel);
+                    products = scene.relationships.filter(plattar_api_1.Product); // add our scene models
                     sceneModels.forEach(function (sceneModel) {
                       configState.setSceneModel(sceneModel.id, {
                         augment: sceneModel.attributes.include_in_augment,
                         type: "scenemodel"
                       });
                     });
-                    // add out scene products
+                    // add our products - this is used when scene == furniture
+                    products.forEach(function (product) {
+                      if (product.attributes.product_variation_id) {
+                        configState.setProduct(product.id, product.attributes.product_variation_id, {
+                          augment: true,
+                          type: "product"
+                        });
+                      }
+                    });
+                    // add our scene products
                     sceneProducts.forEach(function (sceneProduct) {
                       var product = sceneProduct.relationships.find(plattar_api_1.Product);
                       if (product) {
@@ -3669,20 +3914,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                         variations.forEach(function (variation) {
                           configState._mappedVariationIDValues.set(variation.id, sceneProduct.id);
                           if (variation.attributes.sku) {
-                            configState._mappedVariationSKUValues.set(variation.attributes.sku, variation.id);
+                            var existingSKUs = configState._mappedVariationSKUValues.get(variation.attributes.sku);
+                            if (existingSKUs) {
+                              existingSKUs.push(variation.id);
+                            } else {
+                              configState._mappedVariationSKUValues.set(variation.attributes.sku, [variation.id]);
+                            }
                           }
                         });
                       }
                     });
-                    return _context29.abrupt("return", {
+                    return _context30.abrupt("return", {
                       scene: scene,
                       state: configState
                     });
-                  case 17:
+                  case 20:
                   case "end":
-                    return _context29.stop();
+                    return _context30.stop();
                 }
-              }, _callee29);
+              }, _callee30);
             }));
             function decodeScene() {
               return _decodeScene.apply(this, arguments);
@@ -3810,7 +4060,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.155.2";
+      exports["default"] = "1.155.4-b1";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -3841,13 +4091,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(QuicklookViewer, _ar_viewer_1$default);
         var _super11 = _createSuper(QuicklookViewer);
         function QuicklookViewer() {
-          var _this27;
+          var _this28;
           _classCallCheck(this, QuicklookViewer);
-          _this27 = _super11.call(this);
-          _this27.araction = null;
-          _this27.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
-          _this27.arcallback = function () {};
-          return _this27;
+          _this28 = _super11.call(this);
+          _this28.araction = null;
+          _this28.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this28.arcallback = function () {};
+          return _this28;
         }
         _createClass(QuicklookViewer, [{
           key: "nodeType",
@@ -3862,7 +4112,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "start",
           value: function start() {
-            var _this28 = this;
+            var _this29 = this;
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
             }
@@ -3874,7 +4124,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (araction) {
               var handleQuicklook = function handleQuicklook(event) {
                 if (event.data === "_apple_ar_quicklook_button_tapped") {
-                  _this28.arcallback();
+                  _this29.arcallback();
                 }
                 document.body.removeChild(anchor);
                 anchor.removeEventListener("message", handleQuicklook, false);
@@ -3960,14 +4210,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(SceneViewer, _ar_viewer_1$default3);
         var _super13 = _createSuper(SceneViewer);
         function SceneViewer() {
-          var _this29;
+          var _this30;
           _classCallCheck(this, SceneViewer);
-          _this29 = _super13.call(this);
-          _this29.araction = null;
-          _this29.isVertical = false;
-          _this29.titleHTML = "<b>" + document.title;
-          _this29.isVertical = false;
-          return _this29;
+          _this30 = _super13.call(this);
+          _this30.araction = null;
+          _this30.isVertical = false;
+          _this30.titleHTML = "<b>" + document.title;
+          _this30.isVertical = false;
+          return _this30;
         }
         _createClass(SceneViewer, [{
           key: "nodeType",
@@ -4064,16 +4314,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
        */
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this30 = this;
+          var _this31 = this;
           _classCallCheck(this, Memory);
           this._messenger = messengerInstance;
           this._tempMemory = new TemporaryMemory(messengerInstance);
           this._permMemory = new PermanentMemory(messengerInstance);
           this._messenger.self.__memory__set_temp_var = function (name, data) {
-            _this30._tempMemory[name] = data;
+            _this31._tempMemory[name] = data;
           };
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this30._permMemory[name] = data;
+            _this31._permMemory[name] = data;
           };
         }
         _createClass(Memory, [{
@@ -4520,17 +4770,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "exec",
           value: function exec() {
-            var _this31 = this;
+            var _this32 = this;
             for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = arguments[_key3];
             }
             return new Promise(function (accept, reject) {
-              if (!_this31._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this31._funcName + "() is not defined"));
+              if (!_this32._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this32._funcName + "() is not defined"));
               }
               try {
                 // otherwise execute the function
-                var rObject = _this31._execute.apply(_this31, args);
+                var rObject = _this32._execute.apply(_this32, args);
 
                 // we need to check if the returned object is a Promise, if so, handle it
                 // differently. This can happen if the function wants to execute asyn
@@ -4596,7 +4846,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(FunctionObserver, [{
           key: "subscribe",
           value: function subscribe(functionName, callback) {
-            var _this32 = this;
+            var _this33 = this;
             if (!functionName || !Util.isFunction(callback)) {
               return function () {};
             }
@@ -4610,7 +4860,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
             list.push(callback);
             return function () {
-              return _this32.unsubscribe(functionName, callback);
+              return _this33.unsubscribe(functionName, callback);
             };
           }
 
@@ -4677,7 +4927,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
        */
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this33 = this;
+          var _this34 = this;
           _classCallCheck(this, GlobalEventHandler);
           this._eventListeners = {};
 
@@ -4697,11 +4947,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             // make sure the event is properly formatted
             if (jsonData && jsonData.event && jsonData.data) {
               // see if there are any listeners for this
-              if (_this33._eventListeners[jsonData.event]) {
+              if (_this34._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin);
 
                 // loop through and call all the event handlers
-                _this33._eventListeners[jsonData.event].forEach(function (callback) {
+                _this34._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -4893,33 +5143,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this34 = this;
+            var _this35 = this;
             GlobalEventHandler.instance().listen("__messenger__child_init", function (src, data) {
               var iframeID = src.id;
 
               // check reserved key list
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID cannot be undefined");
                 case "self":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
                 case "parent":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
                 case "id":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
                 case "onload":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
                 default:
                   break;
               }
 
               // initialise the child iframe as a messenger pipe
-              _this34[iframeID] = new RemoteFunctionList(iframeID, _this34._functionObserver);
-              _this34[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this35[iframeID] = new RemoteFunctionList(iframeID, _this35._functionObserver);
+              _this35[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
               // add the interface to the broadcaster
-              _this34._broadcaster._push(iframeID);
-              var callbacks = _this34._callbacks;
+              _this35._broadcaster._push(iframeID);
+              var callbacks = _this35._callbacks;
 
               // we have registered callbacks, begin execution
               if (callbacks.has(iframeID)) {
@@ -4943,26 +5193,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               // check reserved key list
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID cannot be undefined");
                 case "self":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
                 case "parent":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
                 case "id":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
                 case "onload":
-                  throw new Error("Messenger[" + _this34._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this35._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
                 default:
                   break;
               }
 
               // initialise the child iframe as a messenger pipe
-              _this34[iframeID] = new RemoteFunctionList(iframeID, _this34._functionObserver);
-              _this34[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this35[iframeID] = new RemoteFunctionList(iframeID, _this35._functionObserver);
+              _this35[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
               // add the interface to the broadcaster
-              _this34._broadcaster._push(iframeID);
-              var callbacks = _this34._callbacks;
+              _this35._broadcaster._push(iframeID);
+              var callbacks = _this35._callbacks;
 
               // we have registered callbacks, begin execution
               if (callbacks.has(iframeID)) {
@@ -4981,9 +5231,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this34[iframeID] = new RemoteFunctionList(iframeID, _this34._functionObserver);
-              _this34[iframeID].setup(new RemoteInterface(src.source, src.origin));
-              var callbacks = _this34._callbacks;
+              _this35[iframeID] = new RemoteFunctionList(iframeID, _this35._functionObserver);
+              _this35[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              var callbacks = _this35._callbacks;
 
               // we have registered callbacks, begin execution
               if (callbacks.has(iframeID)) {
@@ -5007,9 +5257,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
              */
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this34[iframeID] = new RemoteFunctionList(iframeID, _this34._functionObserver);
-              _this34[iframeID].setup(new RemoteInterface(src.source, src.origin));
-              var callbacks = _this34._callbacks;
+              _this35[iframeID] = new RemoteFunctionList(iframeID, _this35._functionObserver);
+              _this35[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              var callbacks = _this35._callbacks;
 
               // we have registered callbacks, begin execution
               if (callbacks.has(iframeID)) {
@@ -5231,7 +5481,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
        */
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface, functionObserver) {
-          var _this35 = this;
+          var _this36 = this;
           _classCallCheck(this, WrappedRemoteFunction);
           this._funcName = funcName;
           this._remoteInterface = remoteInterface;
@@ -5243,24 +5493,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var instanceID = data.instance_id;
 
             // the function name must match
-            if (data.function_name !== _this35._funcName) {
+            if (data.function_name !== _this36._funcName) {
               return;
             }
 
             // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
-            if (!_this35._callInstances[instanceID]) {
+            if (!_this36._callInstances[instanceID]) {
               return;
             }
-            var promise = _this35._callInstances[instanceID];
+            var promise = _this36._callInstances[instanceID];
 
             // remove the old instance
-            delete _this35._callInstances[instanceID];
+            delete _this36._callInstances[instanceID];
 
             // perform the promise callbacks
             if (data.function_status === "success") {
               // execute the observers
-              _this35._functionObserver.call(_this35._funcName, {
+              _this36._functionObserver.call(_this36._funcName, {
                 type: "return",
                 state: "success",
                 data: data.function_args
@@ -5268,7 +5518,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               promise.accept(data.function_args);
             } else {
               // execute the observers
-              _this35._functionObserver.call(_this35._funcName, {
+              _this36._functionObserver.call(_this36._funcName, {
                 type: "return",
                 state: "exception",
                 data: new Error(data.function_args)
@@ -5284,7 +5534,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this36 = this;
+            var _this37 = this;
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
             }
@@ -5303,20 +5553,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             // to be executed later
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this36._callInstances[instanceID] = {
+              _this37._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               };
 
               // execute this event in another context
-              _this36._remoteInterface.send("__messenger__exec_fnc", {
+              _this37._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this36._funcName,
+                function_name: _this37._funcName,
                 function_args: args
               });
 
               // execute the observers
-              _this36._functionObserver.call(_this36._funcName, {
+              _this37._functionObserver.call(_this37._funcName, {
                 type: "call",
                 state: "success",
                 data: args
@@ -5465,7 +5715,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var google_analytics_1 = require("./google/google-analytics");
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this37 = this;
+          var _this38 = this;
           _classCallCheck(this, Analytics);
           this._pageTime = null;
           this.origin = "production";
@@ -5479,17 +5729,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           this._ga = new google_analytics_1.GoogleAnalytics();
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this37._pageTime = new Date();
-            } else if (_this37._pageTime) {
+              _this38._pageTime = new Date();
+            } else if (_this38._pageTime) {
               var time2 = new Date();
-              var diff = time2.getTime() - _this37._pageTime.getTime();
-              var data = _this37.data;
+              var diff = time2.getTime() - _this38._pageTime.getTime();
+              var data = _this38.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
-              _this37.write();
-              _this37._pageTime = null;
-              document.removeEventListener("visibilitychange", _this37._handlePageHide, false);
+              _this38.write();
+              _this38._pageTime = null;
+              document.removeEventListener("visibilitychange", _this38._handlePageHide, false);
             }
           };
         }
@@ -5501,18 +5751,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "query",
           value: function query() {
-            var _this38 = this;
+            var _this39 = this;
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
               if (!_query) {
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
-              var url = _this38.origin === "dev" ? "https://localhost:3008/v3/read" : "https://analytics.plattar.com/v3/read";
+              var url = _this39.origin === "dev" ? "https://localhost:3008/v3/read" : "https://analytics.plattar.com/v3/read";
               var data = {
                 data: {
                   attributes: {
-                    application_id: _this38._applicationID,
-                    event: _this38.event,
+                    application_id: _this39._applicationID,
+                    event: _this39.event,
                     query: _query
                   }
                 }
@@ -5525,22 +5775,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "write",
           value: function write() {
-            var _this39 = this;
+            var _this40 = this;
             return new Promise(function (accept, reject) {
-              var data = _this39._data;
-              var url = _this39.origin === "dev" ? "https://localhost:3008/v3/write" : "https://analytics.plattar.com/v3/write";
-              data.push("applicationId", _this39._applicationID);
+              var data = _this40._data;
+              var url = _this40.origin === "dev" ? "https://localhost:3008/v3/write" : "https://analytics.plattar.com/v3/write";
+              data.push("applicationId", _this40._applicationID);
               var sendData = {
                 data: {
                   attributes: {
-                    application_id: _this39._applicationID,
-                    event: _this39.event,
-                    origin: _this39.origin,
+                    application_id: _this40._applicationID,
+                    event: _this40.event,
+                    origin: _this40.origin,
                     fields: data.data
                   }
                 }
               };
-              if (_this39.isBeacon === false) {
+              if (_this40.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result ? result : {});
                 })["catch"](reject);
@@ -5549,7 +5799,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   accept(result ? result : {});
                 })["catch"](reject);
               }
-              _this39.googleAnalytics.write(_this39.event, _this39.data);
+              _this40.googleAnalytics.write(_this40.event, _this40.data);
             });
           }
         }, {
@@ -6101,10 +6351,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this40 = this;
+            var _this41 = this;
             return new Promise(function (resolve, reject) {
-              var target = _this40.target;
-              var server = _this40.server;
+              var target = _this41.target;
+              var server = _this41.server;
 
               // we cannot perform a GET request without an ID
               if (!target.id) {
@@ -6129,15 +6379,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var origin = server.originLocation.api_read;
               var auth = server.authToken;
               var headers = {
-                'cookie': 'laravel_session=' + _this40.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this41.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this40._IncludeQuery;
-              var params = _this40._ParamFor("get");
+              var includeQuery = _this41._IncludeQuery;
+              var params = _this41._ParamFor("get");
               var endpoint = origin + target.type() + "/" + target.id;
               if (includeQuery) {
                 endpoint = endpoint + "?include=" + includeQuery;
@@ -6172,10 +6422,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_update",
           value: function _update() {
-            var _this41 = this;
+            var _this42 = this;
             return new Promise(function (resolve, reject) {
-              var target = _this41.target;
-              var server = _this41.server;
+              var target = _this42.target;
+              var server = _this42.server;
 
               // we cannot perform a GET request without an ID
               if (!target.id) {
@@ -6189,7 +6439,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this41.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this42.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -6203,7 +6453,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   meta: target.meta || {}
                 })
               };
-              var params = _this41._ParamFor("update");
+              var params = _this42._ParamFor("update");
               var endpoint = origin + target.type() + "/" + target.id;
               if (params) {
                 var appender = "?";
@@ -6239,10 +6489,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_create",
           value: function _create() {
-            var _this42 = this;
+            var _this43 = this;
             return new Promise(function (resolve, reject) {
-              var target = _this42.target;
-              var server = _this42.server;
+              var target = _this43.target;
+              var server = _this43.server;
 
               // otherwise, proceed with the fetching op
               var origin = server.originLocation.api_write;
@@ -6250,7 +6500,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this42.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this43.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -6263,7 +6513,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   meta: target.meta || {}
                 })
               };
-              var params = _this42._ParamFor("create");
+              var params = _this43._ParamFor("create");
               var endpoint = origin + target.type();
               if (params) {
                 var appender = "?";
@@ -6300,10 +6550,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_delete",
           value: function _delete() {
-            var _this43 = this;
+            var _this44 = this;
             return new Promise(function (resolve, reject) {
-              var target = _this43.target;
-              var server = _this43.server;
+              var target = _this44.target;
+              var server = _this44.server;
 
               // we cannot perform a GET request without an ID
               if (!target.id) {
@@ -6317,7 +6567,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this43.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this44.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -6331,7 +6581,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   meta: target.meta || {}
                 })
               };
-              var params = _this43._ParamFor("delete");
+              var params = _this44._ParamFor("delete");
               var endpoint = origin + target.type() + "/" + target.id;
               if (params) {
                 var appender = "?";
@@ -6386,7 +6636,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this44 = this;
+            var _this45 = this;
             if (!args || args.length <= 0) {
               return this;
             }
@@ -6396,20 +6646,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    _this44._getIncludeQuery.push(strObject);
+                    _this45._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this44.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this45.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
                 if (Array.isArray(type)) {
-                  _this44._include(type);
+                  _this45._include(type);
                 } else {
-                  _this44._getIncludeQuery.push(type);
+                  _this45._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this44.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this45.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -6544,12 +6794,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this45 = this;
+                var _this46 = this;
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this45.originLocation.api_write;
+                  var server = _this46.originLocation.api_write;
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
                     return;
@@ -6559,10 +6809,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     return;
                   }
                   if (!copt.validate) {
-                    _this45._authToken = {
+                    _this46._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this45);
+                    resolve(_this46);
                     return;
                   }
                   var endpoint = server + "plattaruser/xauth/validate";
@@ -6574,10 +6824,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this45._authToken = {
+                      _this46._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this45);
+                      resolve(_this46);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -6587,7 +6837,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this46 = this;
+                var _this47 = this;
                 var copt = opt || {
                   validate: false
                 };
@@ -6597,8 +6847,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                     return;
                   }
                   if (!copt.validate) {
-                    _this46._serverLocation = server;
-                    resolve(_this46);
+                    _this47._serverLocation = server;
+                    resolve(_this47);
                     return;
                   }
                   var endpoint = server.api_read + "ping";
@@ -6607,8 +6857,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this46._serverLocation = server;
-                      resolve(_this46);
+                      _this47._serverLocation = server;
+                      resolve(_this47);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -6942,13 +7192,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(FileBase, _PlattarBase11);
         var _super25 = _createSuper(FileBase);
         function FileBase(id, server) {
-          var _this47;
+          var _this48;
           _classCallCheck(this, FileBase);
-          _this47 = _super25.call(this, id, server || Server["default"]());
-          if (_this47.constructor === FileBase) {
+          _this48 = _super25.call(this, id, server || Server["default"]());
+          if (_this48.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
-          return _this47;
+          return _this48;
         }
         _createClass(FileBase, [{
           key: "sourcePath",
@@ -7101,13 +7351,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(PlattarBase, _PlattarObject);
         var _super30 = _createSuper(PlattarBase);
         function PlattarBase(id, server) {
-          var _this48;
+          var _this49;
           _classCallCheck(this, PlattarBase);
-          _this48 = _super30.call(this, id, server || Server["default"]());
-          if (_this48.constructor === PlattarBase) {
+          _this49 = _super30.call(this, id, server || Server["default"]());
+          if (_this49.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
-          return _this48;
+          return _this49;
         }
         return _createClass(PlattarBase);
       }(PlattarObject);
@@ -7174,7 +7424,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this49 = this;
+            var _this50 = this;
             if (!obj) {
               return [];
             }
@@ -7190,7 +7440,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this49.filter(inObject, id);
+                var retArray = _this50.filter(inObject, id);
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
                 }
@@ -7378,7 +7628,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "include",
           value: function include() {
-            var _this50 = this;
+            var _this51 = this;
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
             }
@@ -7391,15 +7641,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    includes.push("".concat(_this50.type(), ".").concat(strObject));
+                    includes.push("".concat(_this51.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this50.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this51.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this50.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this51.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this50.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this51.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -7529,13 +7779,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(CardBase, _PlattarBase17);
         var _super36 = _createSuper(CardBase);
         function CardBase(id, server) {
-          var _this51;
+          var _this52;
           _classCallCheck(this, CardBase);
-          _this51 = _super36.call(this, id, server || Server["default"]());
-          if (_this51.constructor === CardBase) {
+          _this52 = _super36.call(this, id, server || Server["default"]());
+          if (_this52.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
-          return _this51;
+          return _this52;
         }
         _createClass(CardBase, null, [{
           key: "type",
@@ -7852,13 +8102,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(ProductBase, _PlattarBase19);
         var _super50 = _createSuper(ProductBase);
         function ProductBase(id, server) {
-          var _this52;
+          var _this53;
           _classCallCheck(this, ProductBase);
-          _this52 = _super50.call(this, id, server || Server["default"]());
-          if (_this52.constructor === ProductBase) {
+          _this53 = _super50.call(this, id, server || Server["default"]());
+          if (_this53.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
-          return _this52;
+          return _this53;
         }
         _createClass(ProductBase, null, [{
           key: "type",
@@ -7968,13 +8218,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(SceneBase, _PlattarBase21);
         var _super55 = _createSuper(SceneBase);
         function SceneBase(id, server) {
-          var _this53;
+          var _this54;
           _classCallCheck(this, SceneBase);
-          _this53 = _super55.call(this, id, server || Server["default"]());
-          if (_this53.constructor === SceneBase) {
+          _this54 = _super55.call(this, id, server || Server["default"]());
+          if (_this54.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
-          return _this53;
+          return _this54;
         }
         _createClass(SceneBase, null, [{
           key: "type",
@@ -8677,15 +8927,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this54 = this;
+            var _this55 = this;
             if (this.hasAttribute("url")) {
               this.renderQRCode();
             }
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  if (_this54.hasAttribute("url")) {
-                    _this54.renderQRCode();
+                  if (_this55.hasAttribute("url")) {
+                    _this55.renderQRCode();
                   }
                 }
               });
@@ -8708,7 +8958,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "renderQRCode",
           value: function renderQRCode() {
-            var _this55 = this;
+            var _this56 = this;
             var url = this.hasAttribute("url") ? this.getAttribute("url") : undefined;
             if (!url) {
               console.warn("PlattarQR.renderQRCode() - required attribute \"url\" is missing or invalid, QR Code will not render");
@@ -8816,11 +9066,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var shortenURL = this.hasAttribute("shorten") ? this.getAttribute("shorten") : "false";
             if (shortenURL && shortenURL.toLowerCase() === "true") {
               this._ShortenURL(url).then(function (newURL) {
-                _this55._GenerateQRCode(newURL, width, height);
+                _this56._GenerateQRCode(newURL, width, height);
               })["catch"](function (_err) {
                 console.warn(_err);
                 // ignore error and just generate normal QR Code
-                _this55._GenerateQRCode(url, width, height);
+                _this56._GenerateQRCode(url, width, height);
               });
             } else {
               this._GenerateQRCode(url, width, height);
@@ -8889,9 +9139,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_ShortenURL",
           value: function _ShortenURL(url) {
-            var _this56 = this;
+            var _this57 = this;
             return new Promise(function (accept, reject) {
-              if (!_this56._IsFetchAPISupported()) {
+              if (!_this57._IsFetchAPISupported()) {
                 return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
               }
               try {
@@ -9084,10 +9334,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this57 = this;
+            var _this58 = this;
             return new Promise(function (accept, reject) {
-              _this57._CalculateHash().then(function () {
-                remote_request_1.RemoteRequest.request(_this57._GetPayload(), _this57.retry < 0 ? 0 : _this57.retry).then(accept)["catch"](reject);
+              _this58._CalculateHash().then(function () {
+                remote_request_1.RemoteRequest.request(_this58._GetPayload(), _this58.retry < 0 ? 0 : _this58.retry).then(accept)["catch"](reject);
               })["catch"](function (_err) {
                 reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
               });
@@ -9096,12 +9346,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_CalculateHash",
           value: function _CalculateHash() {
-            var _this58 = this;
+            var _this59 = this;
             return new Promise(function (accept, reject) {
               var promises = [];
               var oldOrigin = plattar_api_1.Server["default"]().originLocation.type;
-              plattar_api_1.Server.create(plattar_api_1.Server.match(_this58.server));
-              _this58._maps.forEach(function (map) {
+              plattar_api_1.Server.create(plattar_api_1.Server.match(_this59.server));
+              _this59._maps.forEach(function (map) {
                 if (map.productvariation) {
                   promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
                 }
@@ -9117,7 +9367,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               });
               Promise.all(promises).then(function (values) {
                 values.forEach(function (value) {
-                  _this58._attrHash.push(value.attributes);
+                  _this59._attrHash.push(value.attributes);
                 });
                 // reset server back
                 plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
@@ -9204,12 +9454,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this59 = this;
+            var _this60 = this;
             return new Promise(function (accept, reject) {
-              if (!_this59._model) {
+              if (!_this60._model) {
                 return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
               }
-              remote_request_1.RemoteRequest.request(_this59._Payload, _this59.retry < 0 ? 0 : _this59.retry).then(accept)["catch"](reject);
+              remote_request_1.RemoteRequest.request(_this60._Payload, _this60.retry < 0 ? 0 : _this60.retry).then(accept)["catch"](reject);
             });
           }
         }, {
@@ -10574,18 +10824,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this60 = this;
+            var _this61 = this;
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this60.hasAttribute(ele.key)) {
-                map.set(ele.map, _this60.getAttribute(ele.key));
+              if (_this61.hasAttribute(ele.key)) {
+                map.set(ele.map, _this61.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this60.hasAttribute(ele.key)) {
-                map.set(ele.map, _this60.getAttribute(ele.key));
+              if (_this61.hasAttribute(ele.key)) {
+                map.set(ele.map, _this61.getAttribute(ele.key));
               }
             });
             return map;
@@ -10685,7 +10935,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var IFrameController = require("./iframe-controller.js");
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this61 = this;
+          var _this62 = this;
           _classCallCheck(this, ElementController);
           this._element = element;
 
@@ -10698,7 +10948,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 var mutation = _step8.value;
                 if (mutation.type === 'attributes' && element.usesAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this61._load();
+                    _this62._load();
                   }
                 }
               }
@@ -10793,7 +11043,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var Util = require("../../util/util.js");
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this62 = this;
+          var _this63 = this;
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
           _classCallCheck(this, IFrameController);
           this._iframe = document.createElement("iframe");
@@ -10803,7 +11053,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this62._iframe);
+                onelemload(_this63._iframe);
               }
             };
           }
@@ -10920,13 +11170,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _inherits(EWallElement, _BaseElement4);
         var _super76 = _createSuper(EWallElement);
         function EWallElement() {
-          var _this63;
+          var _this64;
           _classCallCheck(this, EWallElement);
-          _this63 = _super76.call(this);
+          _this64 = _super76.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this63;
+          return _this64;
         }
         _createClass(EWallElement, [{
           key: "connectedCallback",