@plattar/plattar-ar-adapter 1.123.7 → 1.129.1

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

@@ -1106,15 +1106,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super6 = _createSuper(ConfiguratorController);
 
         function ConfiguratorController(parent) {
-          var _this12;
-
           _classCallCheck(this, ConfiguratorController);
 
-          _this12 = _super6.call(this, parent);
-          _this12._state = plattar_controller_1.ControllerState.None;
-          _this12._element = null;
-          _this12._prevQROpt = null;
-          return _this12;
+          return _super6.call(this, parent);
         }
 
         _createClass(ConfiguratorController, [{
@@ -1128,22 +1122,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this13 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this12 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this13.removeRenderer();
+              _this12.removeRenderer();
 
-              var sceneID = _this13.getAttribute("scene-id");
+              var sceneID = _this12.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this13.getAttribute("width") || "500px";
-                var height = _this13.getAttribute("height") || "500px";
+                var width = _this12.getAttribute("width") || "500px";
+                var height = _this12.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1161,9 +1155,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID; // optional attributes
 
-                var configState = _this13.getAttribute("config-state");
+                var configState = _this12.getAttribute("config-state");
 
-                var showAR = _this13.getAttribute("show-ar");
+                var showAR = _this12.getAttribute("show-ar");
 
                 if (configState) {
                   dst += "&config_state=" + configState;
@@ -1179,11 +1173,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this13.append(viewer);
+                _this12.append(viewer);
 
-                _this13._element = viewer;
-                _this13._state = plattar_controller_1.ControllerState.QRCode;
-                _this13._prevQROpt = opt;
+                _this12._element = viewer;
+                _this12._state = plattar_controller_1.ControllerState.QRCode;
+                _this12._prevQROpt = opt;
                 return;
               }
 
@@ -1193,28 +1187,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this14 = this;
+            var _this13 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this14.removeRenderer();
+              _this13.removeRenderer();
 
-              var sceneID = _this14.getAttribute("scene-id");
+              var sceneID = _this13.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-configurator node
-                var width = _this14.getAttribute("width") || "500px";
-                var height = _this14.getAttribute("height") || "500px";
-                var server = _this14.getAttribute("server") || "production";
+                var width = _this13.getAttribute("width") || "500px";
+                var height = _this13.getAttribute("height") || "500px";
+                var server = _this13.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-configurator");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var configState = _this14.getAttribute("config-state");
+                var configState = _this13.getAttribute("config-state");
 
-                var showAR = _this14.getAttribute("show-ar");
+                var showAR = _this13.getAttribute("show-ar");
 
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
@@ -1228,10 +1222,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this14.append(viewer);
+                _this13.append(viewer);
 
-                _this14._element = viewer;
-                _this14._state = plattar_controller_1.ControllerState.Renderer;
+                _this13._element = viewer;
+                _this13._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1241,24 +1235,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this15 = this;
+            var _this14 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ConfiguratorController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var arMode = _this15.getAttribute("ar-mode") || "generated";
+              var arMode = _this14.getAttribute("ar-mode") || "generated";
 
               switch (arMode.toLowerCase()) {
                 case "inherited":
-                  _this15._InitARInherited(accept, reject);
+                  _this14._InitARInherited(accept, reject);
 
                   return;
 
                 case "generated":
                 default:
-                  _this15._InitARGenerated(accept, reject);
+                  _this14._InitARGenerated(accept, reject);
 
               }
             });
@@ -1414,6 +1408,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         value: true
       });
       exports.PlattarController = exports.ControllerState = void 0;
+
+      var plattar_api_1 = require("@plattar/plattar-api");
+
       var ControllerState;
 
       (function (ControllerState) {
@@ -1430,6 +1427,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         function PlattarController(parent) {
           _classCallCheck(this, PlattarController);
 
+          this._state = ControllerState.None;
+          this._element = null;
+          this._prevQROpt = null;
           this._parent = parent;
         }
         /**
@@ -1444,15 +1444,128 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
            * Initialise and start AR mode if available
            */
           function startAR() {
-            var _this16 = this;
+            var _this15 = this;
 
             return new Promise(function (accept, reject) {
-              _this16.initAR().then(function (launcher) {
+              _this15.initAR().then(function (launcher) {
                 launcher.start();
                 accept();
               })["catch"](reject);
             });
           }
+          /**
+           * Decide which QR Code to render according to the qr-type attribute
+           * @param options
+           * @returns
+           */
+
+        }, {
+          key: "startQRCode",
+          value: function startQRCode(options) {
+            var qrType = this.getAttribute("qr-type") || "viewer";
+
+            switch (qrType.toLowerCase()) {
+              case "ar":
+                return this.startARQRCode(options);
+
+              case "viewer":
+              default:
+                return this.startViewerQRCode(options);
+            }
+          }
+          /**
+           * Displays a QR Code that sends the user direct to AR
+           * @param options
+           * @returns
+           */
+
+        }, {
+          key: "startARQRCode",
+          value: function startARQRCode(options) {
+            var _this16 = this;
+
+            return new Promise(function (accept, reject) {
+              // remove the old renderer instance if any
+              _this16.removeRenderer();
+
+              var opt = options || PlattarController.DEFAULT_QR_OPTIONS;
+              var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
+
+              var width = _this16.getAttribute("width") || "500px";
+              var height = _this16.getAttribute("height") || "500px";
+              viewer.setAttribute("width", width);
+              viewer.setAttribute("height", height);
+
+              if (opt.color) {
+                viewer.setAttribute("color", opt.color);
+              }
+
+              if (opt.margin) {
+                viewer.setAttribute("margin", "" + opt.margin);
+              }
+
+              if (opt.qrType) {
+                viewer.setAttribute("qr-type", opt.qrType);
+              }
+
+              var qrOptions = btoa(JSON.stringify(opt));
+              var dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
+
+              var sceneID = _this16.getAttribute("scene-id");
+
+              var configState = _this16.getAttribute("config-state");
+
+              var embedType = _this16.getAttribute("embed-type");
+
+              var productID = _this16.getAttribute("product-id");
+
+              var sceneProductID = _this16.getAttribute("scene-product-id");
+
+              var variationID = _this16.getAttribute("variation-id");
+
+              var arMode = _this16.getAttribute("ar-mode");
+
+              if (configState) {
+                dst += "&config_state=" + configState;
+              }
+
+              if (embedType) {
+                dst += "&embed_type=" + embedType;
+              }
+
+              if (productID) {
+                dst += "&product_id=" + productID;
+              }
+
+              if (sceneProductID) {
+                dst += "&scene_product_id=" + sceneProductID;
+              }
+
+              if (variationID) {
+                dst += "&variation_id=" + variationID;
+              }
+
+              if (arMode) {
+                dst += "&ar_mode=" + arMode;
+              }
+
+              if (sceneID) {
+                dst += "&scene_id=" + sceneID;
+              }
+
+              viewer.setAttribute("url", opt.url || dst);
+
+              viewer.onload = function () {
+                return accept(viewer);
+              };
+
+              _this16._element = viewer;
+              _this16._state = ControllerState.QRCode;
+              _this16._prevQROpt = opt;
+
+              _this16.append(viewer);
+            });
+          }
           /**
            * Returns the Parent Instance
            */
@@ -1501,7 +1614,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       }();
 
       exports.PlattarController = PlattarController;
-    }, {}],
+    }, {
+      "@plattar/plattar-api": 42
+    }],
     9: [function (require, module, exports) {
       "use strict";
 
@@ -1528,15 +1643,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super7 = _createSuper(ProductController);
 
         function ProductController(parent) {
-          var _this17;
-
           _classCallCheck(this, ProductController);
 
-          _this17 = _super7.call(this, parent);
-          _this17._state = plattar_controller_1.ControllerState.None;
-          _this17._element = null;
-          _this17._prevQROpt = null;
-          return _this17;
+          return _super7.call(this, parent);
         }
 
         _createClass(ProductController, [{
@@ -1565,22 +1674,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this18 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this17 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this18.removeRenderer();
+              _this17.removeRenderer();
 
-              var productID = _this18.getAttribute("product-id");
+              var productID = _this17.getAttribute("product-id");
 
               if (productID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this18.getAttribute("width") || "500px";
-                var height = _this18.getAttribute("height") || "500px";
+                var width = _this17.getAttribute("width") || "500px";
+                var height = _this17.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1597,7 +1706,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 } // optional attributes
 
 
-                var variationID = _this18.getAttribute("variation-id");
+                var variationID = _this17.getAttribute("variation-id");
+
+                var showAR = _this17.getAttribute("show-ar");
 
                 var dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
 
@@ -1605,17 +1716,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   dst += "&variation_id=" + variationID;
                 }
 
+                if (showAR) {
+                  dst += "&show_ar=" + showAR;
+                }
+
                 viewer.setAttribute("url", opt.url || dst);
 
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                _this18.append(viewer);
+                _this17.append(viewer);
 
-                _this18._element = viewer;
-                _this18._state = plattar_controller_1.ControllerState.QRCode;
-                _this18._prevQROpt = opt;
+                _this17._element = viewer;
+                _this17._state = plattar_controller_1.ControllerState.QRCode;
+                _this17._prevQROpt = opt;
                 return;
               }
 
@@ -1625,39 +1740,45 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this19 = this;
+            var _this18 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this19.removeRenderer();
+              _this18.removeRenderer();
 
-              var productID = _this19.getAttribute("product-id");
+              var productID = _this18.getAttribute("product-id");
 
               if (productID) {
                 // required attributes with defaults for plattar-product node
-                var width = _this19.getAttribute("width") || "500px";
-                var height = _this19.getAttribute("height") || "500px";
-                var server = _this19.getAttribute("server") || "production";
+                var width = _this18.getAttribute("width") || "500px";
+                var height = _this18.getAttribute("height") || "500px";
+                var server = _this18.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-product");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("product-id", productID); // optional attributes
 
-                var variationID = _this19.getAttribute("variation-id");
+                var variationID = _this18.getAttribute("variation-id");
+
+                var showAR = _this18.getAttribute("show-ar");
 
                 if (variationID) {
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (showAR) {
+                  viewer.setAttribute("show-ar", showAR);
+                }
+
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                _this19.append(viewer);
+                _this18.append(viewer);
 
-                _this19._element = viewer;
-                _this19._state = plattar_controller_1.ControllerState.Renderer;
+                _this18._element = viewer;
+                _this18._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1667,17 +1788,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this20 = this;
+            var _this19 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ProductController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var productID = _this20.getAttribute("product-id");
+              var productID = _this19.getAttribute("product-id");
 
               if (productID) {
-                var variationID = _this20.getAttribute("variation-id");
+                var variationID = _this19.getAttribute("variation-id");
 
                 var product = new product_ar_1.ProductAR(productID, variationID);
                 return product.init().then(accept)["catch"](reject);
@@ -1729,6 +1850,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var scene_product_ar_1 = require("../../ar/scene-product-ar");
 
+      var configurator_state_1 = require("../../util/configurator-state");
+
       var util_1 = require("../../util/util");
 
       var plattar_controller_1 = require("./plattar-controller");
@@ -1743,15 +1866,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super8 = _createSuper(ViewerController);
 
         function ViewerController(parent) {
-          var _this21;
-
           _classCallCheck(this, ViewerController);
 
-          _this21 = _super8.call(this, parent);
-          _this21._state = plattar_controller_1.ControllerState.None;
-          _this21._element = null;
-          _this21._prevQROpt = null;
-          return _this21;
+          return _super8.call(this, parent);
         }
 
         _createClass(ViewerController, [{
@@ -1781,22 +1898,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this22 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this20 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this22.removeRenderer();
+              _this20.removeRenderer();
 
-              var sceneID = _this22.getAttribute("scene-id");
+              var sceneID = _this20.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this22.getAttribute("width") || "500px";
-                var height = _this22.getAttribute("height") || "500px";
+                var width = _this20.getAttribute("width") || "500px";
+                var height = _this20.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1814,9 +1931,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + sceneID; // optional attributes
 
-                var productID = _this22.getAttribute("product-id") || _this22.getAttribute("scene-product-id");
+                var productID = _this20.getAttribute("product-id") || _this20.getAttribute("scene-product-id");
 
-                var variationID = _this22.getAttribute("variation-id");
+                var variationID = _this20.getAttribute("variation-id");
+
+                var showAR = _this20.getAttribute("show-ar");
 
                 if (productID) {
                   dst += "&productId=" + productID;
@@ -1826,17 +1945,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   dst += "&variationId=" + variationID;
                 }
 
+                if (showAR) {
+                  dst += "&show_ar=" + showAR;
+                }
+
                 viewer.setAttribute("url", opt.url || dst);
 
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                _this22.append(viewer);
+                _this20.append(viewer);
 
-                _this22._element = viewer;
-                _this22._state = plattar_controller_1.ControllerState.QRCode;
-                _this22._prevQROpt = opt;
+                _this20._element = viewer;
+                _this20._state = plattar_controller_1.ControllerState.QRCode;
+                _this20._prevQROpt = opt;
                 return;
               }
 
@@ -1846,28 +1969,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this23 = this;
+            var _this21 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this23.removeRenderer();
+              _this21.removeRenderer();
 
-              var sceneID = _this23.getAttribute("scene-id");
+              var sceneID = _this21.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-viewer node
-                var width = _this23.getAttribute("width") || "500px";
-                var height = _this23.getAttribute("height") || "500px";
-                var server = _this23.getAttribute("server") || "production";
+                var width = _this21.getAttribute("width") || "500px";
+                var height = _this21.getAttribute("height") || "500px";
+                var server = _this21.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-viewer");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var productID = _this23.getAttribute("product-id") || _this23.getAttribute("scene-product-id");
+                var productID = _this21.getAttribute("product-id") || _this21.getAttribute("scene-product-id");
 
-                var variationID = _this23.getAttribute("variation-id");
+                var variationID = _this21.getAttribute("variation-id");
+
+                var showAR = _this21.getAttribute("show-ar");
 
                 if (productID) {
                   viewer.setAttribute("product-id", productID);
@@ -1877,14 +2002,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (showAR) {
+                  viewer.setAttribute("show-ar", showAR);
+                }
+
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                _this23.append(viewer);
+                _this21.append(viewer);
 
-                _this23._element = viewer;
-                _this23._state = plattar_controller_1.ControllerState.Renderer;
+                _this21._element = viewer;
+                _this21._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1894,42 +2023,51 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this24 = this;
+            var _this22 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ViewerController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var productID = _this24.getAttribute("product-id"); // use product-id if available
+              var productID = _this22.getAttribute("product-id"); // use product-id if available
 
 
               if (productID) {
-                var variationID = _this24.getAttribute("variation-id");
+                var variationID = _this22.getAttribute("variation-id");
 
                 var product = new product_ar_1.ProductAR(productID, variationID);
                 return product.init().then(accept)["catch"](reject);
               }
 
-              var sceneProductID = _this24.getAttribute("scene-product-id"); // use scene-product-id if available
+              var sceneProductID = _this22.getAttribute("scene-product-id"); // use scene-product-id if available
 
 
               if (sceneProductID) {
-                var _variationID = _this24.getAttribute("variation-id");
+                var _variationID = _this22.getAttribute("variation-id");
 
                 var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID);
 
                 return _product.init().then(accept)["catch"](reject);
               }
 
-              var sceneID = _this24.getAttribute("scene-id"); // otherwise, scene was set so use SceneAR
+              var sceneID = _this22.getAttribute("scene-id"); // use the first default product-variation id if available
 
 
               if (sceneID) {
-                return reject(new Error("ViewerController.initAR() - AR mode for scene-id not yet supported, use product-id or scene-product-id"));
+                return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then(function (state) {
+                  var first = state.first();
+
+                  if (first) {
+                    var sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
+                    return sceneProductAR.init().then(accept)["catch"](reject);
+                  }
+
+                  return reject(new Error("ViewerController.initAR() - your scene does not contain any valid products"));
+                })["catch"](reject);
               }
 
-              return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use product-id or scene-product-id as a minimum"));
+              return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
             });
           }
         }, {
@@ -1958,6 +2096,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
     }, {
       "../../ar/product-ar": 3,
       "../../ar/scene-product-ar": 6,
+      "../../util/configurator-state": 14,
       "../../util/util": 15,
       "./plattar-controller": 8,
       "@plattar/plattar-api": 42
@@ -1992,15 +2131,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super9 = _createSuper(VTOController);
 
         function VTOController(parent) {
-          var _this25;
-
           _classCallCheck(this, VTOController);
 
-          _this25 = _super9.call(this, parent);
-          _this25._state = plattar_controller_1.ControllerState.None;
-          _this25._element = null;
-          _this25._prevQROpt = null;
-          return _this25;
+          return _super9.call(this, parent);
         }
 
         _createClass(VTOController, [{
@@ -2014,22 +2147,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this26 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this23 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this26.removeRenderer();
+              _this23.removeRenderer();
 
-              var sceneID = _this26.getAttribute("scene-id");
+              var sceneID = _this23.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this26.getAttribute("width") || "500px";
-                var height = _this26.getAttribute("height") || "500px";
+                var width = _this23.getAttribute("width") || "500px";
+                var height = _this23.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -2047,9 +2180,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/facear.html?scene_id=" + sceneID; // optional attributes
 
-                var configState = _this26.getAttribute("config-state");
+                var configState = _this23.getAttribute("config-state");
 
-                var showAR = _this26.getAttribute("show-ar");
+                var showAR = _this23.getAttribute("show-ar");
 
                 if (configState) {
                   dst += "&config_state=" + configState;
@@ -2065,11 +2198,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this26.append(viewer);
+                _this23.append(viewer);
 
-                _this26._element = viewer;
-                _this26._state = plattar_controller_1.ControllerState.QRCode;
-                _this26._prevQROpt = opt;
+                _this23._element = viewer;
+                _this23._state = plattar_controller_1.ControllerState.QRCode;
+                _this23._prevQROpt = opt;
                 return;
               }
 
@@ -2079,28 +2212,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this27 = this;
+            var _this24 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this27.removeRenderer();
+              _this24.removeRenderer();
 
-              var sceneID = _this27.getAttribute("scene-id");
+              var sceneID = _this24.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-facear node
-                var width = _this27.getAttribute("width") || "500px";
-                var height = _this27.getAttribute("height") || "500px";
-                var server = _this27.getAttribute("server") || "production";
+                var width = _this24.getAttribute("width") || "500px";
+                var height = _this24.getAttribute("height") || "500px";
+                var server = _this24.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-facear");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var configState = _this27.getAttribute("config-state");
+                var configState = _this24.getAttribute("config-state");
 
-                var showAR = _this27.getAttribute("show-ar");
+                var showAR = _this24.getAttribute("show-ar");
 
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
@@ -2114,10 +2247,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this27.append(viewer);
+                _this24.append(viewer);
 
-                _this27._element = viewer;
-                _this27._state = plattar_controller_1.ControllerState.Renderer;
+                _this24._element = viewer;
+                _this24._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -2127,7 +2260,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this28 = this;
+            var _this25 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
@@ -2138,17 +2271,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return reject(new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices"));
               }
 
-              var arMode = _this28.getAttribute("ar-mode") || "generated";
+              var arMode = _this25.getAttribute("ar-mode") || "generated";
 
               switch (arMode.toLowerCase()) {
                 case "inherited":
-                  _this28._InitARInherited(accept, reject);
+                  _this25._InitARInherited(accept, reject);
 
                   return;
 
                 case "generated":
                 default:
-                  _this28._InitARGenerated(accept, reject);
+                  _this25._InitARGenerated(accept, reject);
 
               }
             });
@@ -2323,15 +2456,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super10 = _createSuper(PlattarEmbed);
 
         function PlattarEmbed() {
-          var _this29;
+          var _this26;
 
           _classCallCheck(this, PlattarEmbed);
 
-          _this29 = _super10.call(this); // this is the current embed type, viewer by default
+          _this26 = _super10.call(this); // this is the current embed type, viewer by default
 
-          _this29._currentType = EmbedType.Viewer;
-          _this29._controller = null;
-          return _this29;
+          _this26._currentType = EmbedType.Viewer;
+          _this26._controller = null;
+          return _this26;
         }
 
         _createClass(PlattarEmbed, [{
@@ -2342,7 +2475,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this30 = this;
+            var _this27 = this;
 
             var embedType = this.hasAttribute("embed-type") ? this.getAttribute("embed-type") : "viewer";
 
@@ -2368,7 +2501,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  _this30._OnAttributesUpdated();
+                  _this27._OnAttributesUpdated();
                 }
               });
             });
@@ -2404,66 +2537,66 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             } else if (init === "ar-fallback-qrcode") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this30.startQRCode();
+                _this27.startQRCode();
               });
             } else if (init === "ar-fallback-viewer") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this30.startViewer();
+                _this27.startViewer();
               });
             }
           }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this31 = this;
+            var _this28 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this31._controller) {
+              if (!_this28._controller) {
                 return reject(new Error("PlattarEmbed.initAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this31._controller.initAR().then(accept)["catch"](reject);
+              return _this28._controller.initAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startAR",
           value: function startAR() {
-            var _this32 = this;
+            var _this29 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this32._controller) {
+              if (!_this29._controller) {
                 return reject(new Error("PlattarEmbed.startAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this32._controller.startAR().then(accept)["catch"](reject);
+              return _this29._controller.startAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startViewer",
           value: function startViewer() {
-            var _this33 = this;
+            var _this30 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this33._controller) {
+              if (!_this30._controller) {
                 return reject(new Error("PlattarEmbed.startViewer() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this33._controller.startRenderer().then(accept)["catch"](reject);
+              return _this30._controller.startRenderer().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startQRCode",
           value: function startQRCode() {
-            var _this34 = this;
+            var _this31 = this;
 
             var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
-              if (!_this34._controller) {
+              if (!_this31._controller) {
                 return reject(new Error("PlattarEmbed.startQRCode() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this34._controller.startQRCode(options).then(accept)["catch"](reject);
+              return _this31._controller.startQRCode(options).then(accept)["catch"](reject);
             });
           }
           /**
@@ -2511,12 +2644,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
         if (k2 === undefined) k2 = k;
-        Object.defineProperty(o, k2, {
-          enumerable: true,
-          get: function get() {
-            return m[k];
-          }
-        });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function get() {
+              return m[k];
+            }
+          };
+        }
+
+        Object.defineProperty(o, k2, desc);
       } : function (o, m, k, k2) {
         if (k2 === undefined) k2 = k;
         o[k2] = m[k];
@@ -3066,7 +3205,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.123.7";
+      exports["default"] = "1.129.1";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -3105,17 +3244,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super11 = _createSuper(QuicklookViewer);
 
         function QuicklookViewer() {
-          var _this35;
+          var _this32;
 
           _classCallCheck(this, QuicklookViewer);
 
-          _this35 = _super11.call(this);
-          _this35.araction = null;
-          _this35.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this32 = _super11.call(this);
+          _this32.araction = null;
+          _this32.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
 
-          _this35.arcallback = function () {};
+          _this32.arcallback = function () {};
 
-          return _this35;
+          return _this32;
         }
 
         _createClass(QuicklookViewer, [{
@@ -3131,7 +3270,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "start",
           value: function start() {
-            var _this36 = this;
+            var _this33 = this;
 
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
@@ -3146,7 +3285,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") {
-                  _this36.arcallback();
+                  _this33.arcallback();
                 }
 
                 document.body.removeChild(anchor);
@@ -3253,16 +3392,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super13 = _createSuper(SceneViewer);
 
         function SceneViewer() {
-          var _this37;
+          var _this34;
 
           _classCallCheck(this, SceneViewer);
 
-          _this37 = _super13.call(this);
-          _this37.araction = null;
-          _this37.isVertical = false;
-          _this37.titleHTML = "<b>" + document.title;
-          _this37.isVertical = false;
-          return _this37;
+          _this34 = _super13.call(this);
+          _this34.araction = null;
+          _this34.isVertical = false;
+          _this34.titleHTML = "<b>" + document.title;
+          _this34.isVertical = false;
+          return _this34;
         }
 
         _createClass(SceneViewer, [{
@@ -3374,7 +3513,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this38 = this;
+          var _this35 = this;
 
           _classCallCheck(this, Memory);
 
@@ -3383,11 +3522,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           this._permMemory = new PermanentMemory(messengerInstance);
 
           this._messenger.self.__memory__set_temp_var = function (name, data) {
-            _this38._tempMemory[name] = data;
+            _this35._tempMemory[name] = data;
           };
 
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this38._permMemory[name] = data;
+            _this35._permMemory[name] = data;
           };
         }
 
@@ -3885,20 +4024,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "exec",
           value: function exec() {
-            var _this39 = this;
+            var _this36 = 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 (!_this39._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this39._funcName + "() is not defined"));
+              if (!_this36._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this36._funcName + "() is not defined"));
               }
 
               try {
                 // otherwise execute the function
-                var rObject = _this39._execute.apply(_this39, args); // we need to check if the returned object is a Promise, if so, handle it
+                var rObject = _this36._execute.apply(_this36, 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
 
 
@@ -3962,7 +4101,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this40 = this;
+          var _this37 = this;
 
           _classCallCheck(this, GlobalEventHandler);
 
@@ -3984,10 +4123,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             if (jsonData && jsonData.event && jsonData.data) {
               // see if there are any listeners for this
-              if (_this40._eventListeners[jsonData.event]) {
+              if (_this37._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin); // loop through and call all the event handlers
 
-                _this40._eventListeners[jsonData.event].forEach(function (callback) {
+                _this37._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -4183,40 +4322,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this41 = this;
+            var _this38 = 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[" + _this41._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this41._broadcaster._push(iframeID);
+              _this38._broadcaster._push(iframeID);
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4240,33 +4379,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this41._broadcaster._push(iframeID);
+              _this38._broadcaster._push(iframeID);
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4286,11 +4425,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4315,11 +4454,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4557,7 +4696,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface) {
-          var _this42 = this;
+          var _this39 = this;
 
           _classCallCheck(this, WrappedRemoteFunction);
 
@@ -4568,19 +4707,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           GlobalEventHandler.instance().listen("__messenger__exec_fnc_result", function (src, data) {
             var instanceID = data.instance_id; // the function name must match
 
-            if (data.function_name !== _this42._funcName) {
+            if (data.function_name !== _this39._funcName) {
               return;
             } // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
 
 
-            if (!_this42._callInstances[instanceID]) {
+            if (!_this39._callInstances[instanceID]) {
               return;
             }
 
-            var promise = _this42._callInstances[instanceID]; // remove the old instance
+            var promise = _this39._callInstances[instanceID]; // remove the old instance
 
-            delete _this42._callInstances[instanceID]; // perform the promise callbacks
+            delete _this39._callInstances[instanceID]; // perform the promise callbacks
 
             if (data.function_status === "success") {
               promise.accept(data.function_args);
@@ -4597,7 +4736,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this43 = this;
+            var _this40 = this;
 
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
@@ -4617,14 +4756,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this43._callInstances[instanceID] = {
+              _this40._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               }; // execute this event in another context
 
-              _this43._remoteInterface.send("__messenger__exec_fnc", {
+              _this40._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this43._funcName,
+                function_name: _this40._funcName,
                 function_args: args
               });
             });
@@ -4773,7 +4912,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this44 = this;
+          var _this41 = this;
 
           _classCallCheck(this, Analytics);
 
@@ -4790,21 +4929,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this44._pageTime = new Date();
-            } else if (_this44._pageTime) {
+              _this41._pageTime = new Date();
+            } else if (_this41._pageTime) {
               var time2 = new Date();
 
-              var diff = time2.getTime() - _this44._pageTime.getTime();
+              var diff = time2.getTime() - _this41._pageTime.getTime();
 
-              var data = _this44.data;
+              var data = _this41.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
 
-              _this44.write();
+              _this41.write();
 
-              _this44._pageTime = null;
-              document.removeEventListener("visibilitychange", _this44._handlePageHide, false);
+              _this41._pageTime = null;
+              document.removeEventListener("visibilitychange", _this41._handlePageHide, false);
             }
           };
         }
@@ -4812,7 +4951,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(Analytics, [{
           key: "query",
           value: function query() {
-            var _this45 = this;
+            var _this42 = this;
 
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
@@ -4821,11 +4960,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
 
-              var url = _this45.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              var url = _this42.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
               var data = {
                 type: "read",
-                application_id: _this45._applicationID,
-                event: _this45.event,
+                application_id: _this42._applicationID,
+                event: _this42.event,
                 data: _query
               };
               basic_http_1["default"].exec("POST", url, data).then(function (result) {
@@ -4836,21 +4975,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "write",
           value: function write() {
-            var _this46 = this;
+            var _this43 = this;
 
             return new Promise(function (accept, reject) {
-              var data = _this46._data;
-              var url = _this46.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
-              data.push("applicationId", _this46._applicationID);
+              var data = _this43._data;
+              var url = _this43.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              data.push("applicationId", _this43._applicationID);
               var sendData = {
                 type: "write",
-                application_id: _this46._applicationID,
-                origin: _this46.origin,
-                event: _this46.event,
+                application_id: _this43._applicationID,
+                origin: _this43.origin,
+                event: _this43.event,
                 data: data.data
               };
 
-              if (_this46.isBeacon === false) {
+              if (_this43.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result && result.results ? result.results : {});
                 })["catch"](reject);
@@ -4886,12 +5025,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
         if (k2 === undefined) k2 = k;
-        Object.defineProperty(o, k2, {
-          enumerable: true,
-          get: function get() {
-            return m[k];
-          }
-        });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function get() {
+              return m[k];
+            }
+          };
+        }
+
+        Object.defineProperty(o, k2, desc);
       } : function (o, m, k, k2) {
         if (k2 === undefined) k2 = k;
         o[k2] = m[k];
@@ -5077,7 +5222,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.117.2";
+      exports["default"] = "1.124.1";
     }, {}],
     42: [function (require, module, exports) {
       "use strict";
@@ -5401,11 +5546,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this47 = this;
+            var _this44 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this47.target;
-              var server = _this47.server; // we cannot perform a GET request without an ID
+              var target = _this44.target;
+              var server = _this44.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".get() - object id is missing"));
@@ -5430,16 +5575,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var origin = server.originLocation.api_read;
               var auth = server.authToken;
               var headers = {
-                'cookie': 'laravel_session=' + _this47.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this44.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this47._IncludeQuery;
+              var includeQuery = _this44._IncludeQuery;
 
-              var params = _this47._ParamFor("get");
+              var params = _this44._ParamFor("get");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5480,11 +5625,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_update",
           value: function _update() {
-            var _this48 = this;
+            var _this45 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this48.target;
-              var server = _this48.server; // we cannot perform a GET request without an ID
+              var target = _this45.target;
+              var server = _this45.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".update() - object id is missing"));
@@ -5497,7 +5642,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this48.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this45.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5512,7 +5657,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this48._ParamFor("update");
+              var params = _this45._ParamFor("update");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5554,18 +5699,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_create",
           value: function _create() {
-            var _this49 = this;
+            var _this46 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this49.target;
-              var server = _this49.server; // otherwise, proceed with the fetching op
+              var target = _this46.target;
+              var server = _this46.server; // otherwise, proceed with the fetching op
 
               var origin = server.originLocation.api_write;
               var auth = server.authToken;
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this49.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this46.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5579,7 +5724,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this49._ParamFor("create");
+              var params = _this46._ParamFor("create");
 
               var endpoint = origin + target.type();
 
@@ -5623,11 +5768,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_delete",
           value: function _delete() {
-            var _this50 = this;
+            var _this47 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this50.target;
-              var server = _this50.server; // we cannot perform a GET request without an ID
+              var target = _this47.target;
+              var server = _this47.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".delete() - object id is missing"));
@@ -5640,7 +5785,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this50.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this47.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5655,7 +5800,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this50._ParamFor("delete");
+              var params = _this47._ParamFor("delete");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5718,7 +5863,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this51 = this;
+            var _this48 = this;
 
             if (!args || args.length <= 0) {
               return this;
@@ -5731,21 +5876,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    _this51._getIncludeQuery.push(strObject);
+                    _this48._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this51.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this48.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
 
                 if (Array.isArray(type)) {
-                  _this51._include(type);
+                  _this48._include(type);
                 } else {
-                  _this51._getIncludeQuery.push(type);
+                  _this48._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this51.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this48.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -5885,13 +6030,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this52 = this;
+                var _this49 = this;
 
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this52.originLocation.api_write;
+                  var server = _this49.originLocation.api_write;
 
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
@@ -5904,10 +6049,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this52._authToken = {
+                    _this49._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this52);
+                    resolve(_this49);
                     return;
                   }
 
@@ -5920,10 +6065,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this52._authToken = {
+                      _this49._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this52);
+                      resolve(_this49);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -5933,7 +6078,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this53 = this;
+                var _this50 = this;
 
                 var copt = opt || {
                   validate: false
@@ -5945,8 +6090,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this53._serverLocation = server;
-                    resolve(_this53);
+                    _this50._serverLocation = server;
+                    resolve(_this50);
                     return;
                   }
 
@@ -5956,8 +6101,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this53._serverLocation = server;
-                      resolve(_this53);
+                      _this50._serverLocation = server;
+                      resolve(_this50);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -6373,17 +6518,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super25 = _createSuper(FileBase);
 
         function FileBase(id, server) {
-          var _this54;
+          var _this51;
 
           _classCallCheck(this, FileBase);
 
-          _this54 = _super25.call(this, id, server || Server["default"]());
+          _this51 = _super25.call(this, id, server || Server["default"]());
 
-          if (_this54.constructor === FileBase) {
+          if (_this51.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
 
-          return _this54;
+          return _this51;
         }
 
         _createClass(FileBase, [{
@@ -6578,17 +6723,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super30 = _createSuper(PlattarBase);
 
         function PlattarBase(id, server) {
-          var _this55;
+          var _this52;
 
           _classCallCheck(this, PlattarBase);
 
-          _this55 = _super30.call(this, id, server || Server["default"]());
+          _this52 = _super30.call(this, id, server || Server["default"]());
 
-          if (_this55.constructor === PlattarBase) {
+          if (_this52.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
 
-          return _this55;
+          return _this52;
         }
 
         return _createClass(PlattarBase);
@@ -6660,7 +6805,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this56 = this;
+            var _this53 = this;
 
             if (!obj) {
               return [];
@@ -6678,7 +6823,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this56.filter(inObject, id);
+                var retArray = _this53.filter(inObject, id);
 
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
@@ -6881,7 +7026,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "include",
           value: function include() {
-            var _this57 = this;
+            var _this54 = this;
 
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
@@ -6897,15 +7042,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(_this57.type(), ".").concat(strObject));
+                    includes.push("".concat(_this54.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this57.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this54.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this57.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this54.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this57.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this54.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -7076,17 +7221,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super36 = _createSuper(CardBase);
 
         function CardBase(id, server) {
-          var _this58;
+          var _this55;
 
           _classCallCheck(this, CardBase);
 
-          _this58 = _super36.call(this, id, server || Server["default"]());
+          _this55 = _super36.call(this, id, server || Server["default"]());
 
-          if (_this58.constructor === CardBase) {
+          if (_this55.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
 
-          return _this58;
+          return _this55;
         }
 
         _createClass(CardBase, null, [{
@@ -7512,17 +7657,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super50 = _createSuper(ProductBase);
 
         function ProductBase(id, server) {
-          var _this59;
+          var _this56;
 
           _classCallCheck(this, ProductBase);
 
-          _this59 = _super50.call(this, id, server || Server["default"]());
+          _this56 = _super50.call(this, id, server || Server["default"]());
 
-          if (_this59.constructor === ProductBase) {
+          if (_this56.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
 
-          return _this59;
+          return _this56;
         }
 
         _createClass(ProductBase, null, [{
@@ -7669,17 +7814,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super55 = _createSuper(SceneBase);
 
         function SceneBase(id, server) {
-          var _this60;
+          var _this57;
 
           _classCallCheck(this, SceneBase);
 
-          _this60 = _super55.call(this, id, server || Server["default"]());
+          _this57 = _super55.call(this, id, server || Server["default"]());
 
-          if (_this60.constructor === SceneBase) {
+          if (_this57.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
 
-          return _this60;
+          return _this57;
         }
 
         _createClass(SceneBase, null, [{
@@ -8620,7 +8765,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this61 = this;
+            var _this58 = this;
 
             if (this.hasAttribute("url")) {
               this.renderQRCode();
@@ -8629,8 +8774,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  if (_this61.hasAttribute("url")) {
-                    _this61.renderQRCode();
+                  if (_this58.hasAttribute("url")) {
+                    _this58.renderQRCode();
                   }
                 }
               });
@@ -8654,7 +8799,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "renderQRCode",
           value: function renderQRCode() {
-            var _this62 = this;
+            var _this59 = this;
 
             var url = this.hasAttribute("url") ? this.getAttribute("url") : undefined;
 
@@ -8764,11 +8909,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             if (shortenURL && shortenURL.toLowerCase() === "true") {
               this._ShortenURL(url).then(function (newURL) {
-                _this62._GenerateQRCode(newURL, width, height);
+                _this59._GenerateQRCode(newURL, width, height);
               })["catch"](function (_err) {
                 console.warn(_err); // ignore error and just generate normal QR Code
 
-                _this62._GenerateQRCode(url, width, height);
+                _this59._GenerateQRCode(url, width, height);
               });
             } else {
               this._GenerateQRCode(url, width, height);
@@ -8828,10 +8973,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_ShortenURL",
           value: function _ShortenURL(url) {
-            var _this63 = this;
+            var _this60 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this63._IsFetchAPISupported()) {
+              if (!_this60._IsFetchAPISupported()) {
                 return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
               }
 
@@ -9059,11 +9204,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this64 = this;
+            var _this61 = this;
 
             return new Promise(function (accept, reject) {
-              _this64._CalculateHash().then(function () {
-                remote_request_1.RemoteRequest.request(_this64._GetPayload(), _this64.retry < 0 ? 0 : _this64.retry).then(accept)["catch"](reject);
+              _this61._CalculateHash().then(function () {
+                remote_request_1.RemoteRequest.request(_this61._GetPayload(), _this61.retry < 0 ? 0 : _this61.retry).then(accept)["catch"](reject);
               })["catch"](function (_err) {
                 reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
               });
@@ -9072,14 +9217,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_CalculateHash",
           value: function _CalculateHash() {
-            var _this65 = this;
+            var _this62 = 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(_this65.server));
+              plattar_api_1.Server.create(plattar_api_1.Server.match(_this62.server));
 
-              _this65._maps.forEach(function (map) {
+              _this62._maps.forEach(function (map) {
                 if (map.productvariation) {
                   promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
                 }
@@ -9099,7 +9244,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               Promise.all(promises).then(function (values) {
                 values.forEach(function (value) {
-                  _this65._attrHash.push(value.attributes);
+                  _this62._attrHash.push(value.attributes);
                 }); // reset server back
 
                 plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
@@ -9201,14 +9346,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this66 = this;
+            var _this63 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this66._model) {
+              if (!_this63._model) {
                 return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
               }
 
-              remote_request_1.RemoteRequest.request(_this66._Payload, _this66.retry < 0 ? 0 : _this66.retry).then(accept)["catch"](reject);
+              remote_request_1.RemoteRequest.request(_this63._Payload, _this63.retry < 0 ? 0 : _this63.retry).then(accept)["catch"](reject);
             });
           }
         }, {
@@ -9529,19 +9674,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this67 = this;
+            var _this64 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this67.hasAttribute(ele.key)) {
-                map.set(ele.map, _this67.getAttribute(ele.key));
+              if (_this64.hasAttribute(ele.key)) {
+                map.set(ele.map, _this64.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this67.hasAttribute(ele.key)) {
-                map.set(ele.map, _this67.getAttribute(ele.key));
+              if (_this64.hasAttribute(ele.key)) {
+                map.set(ele.map, _this64.getAttribute(ele.key));
               }
             });
             return map;
@@ -9641,7 +9786,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this68 = this;
+          var _this65 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -9657,7 +9802,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this68._load();
+                    _this65._load();
                   }
                 }
               }
@@ -9757,7 +9902,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this69 = this;
+          var _this66 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -9769,7 +9914,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this69._iframe);
+                onelemload(_this66._iframe);
               }
             };
           }
@@ -9910,15 +10055,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super76 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this70;
+          var _this67;
 
           _classCallCheck(this, EWallElement);
 
-          _this70 = _super76.call(this);
+          _this67 = _super76.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this70;
+          return _this67;
         }
 
         _createClass(EWallElement, [{
@@ -9935,7 +10080,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               }
             };
 
-            window.addEventListener('load', onLoad, false);
+            window.addEventListener("load", onLoad, false);
           }
         }, {
           key: "permissions",
@@ -10085,6 +10230,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variation_id"
+            }, {
+              key: "show-ar",
+              map: "show_ar"
             }];
           }
         }]);
@@ -10162,6 +10310,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "product-id",
               map: "productId"
+            }, {
+              key: "show-ar",
+              map: "show_ar"
             }];
           }
         }]);
@@ -10380,7 +10531,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = Util;
     }, {}],
     129: [function (require, module, exports) {
-      module.exports = "1.123.1";
+      module.exports = "1.128.1";
     }, {}],
     130: [function (require, module, exports) {
       (function (global) {