@plattar/plattar-ar-adapter 1.158.2 → 1.163.1

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

@@ -13,7 +13,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
+function _isNativeFunction(fn) { try { return Function.toString.call(fn).indexOf("[native code]") !== -1; } catch (e) { return typeof fn === "function"; } }
 function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
@@ -95,33 +95,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var plattar_services_1 = require("@plattar/plattar-services");
       var util_1 = require("../util/util");
       var quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
-      var reality_viewer_1 = __importDefault(require("../viewers/reality-viewer"));
       var scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
       var launcher_ar_1 = require("./launcher-ar");
       var version_1 = __importDefault(require("../version"));
       /**
        * Performs AR functionality related to Plattar Scenes
        */
-      var ConfiguratorAR = /*#__PURE__*/function (_launcher_ar_1$Launch, _Compose2, _init) {
+      var ConfiguratorAR = /*#__PURE__*/function (_launcher_ar_1$Launch) {
         _inherits(ConfiguratorAR, _launcher_ar_1$Launch);
         var _super = _createSuper(ConfiguratorAR);
-        function ConfiguratorAR(state) {
+        function ConfiguratorAR(options) {
           var _this;
           _classCallCheck(this, ConfiguratorAR);
           _this = _super.call(this);
           // analytics instance
           _this._analytics = null;
-          if (!state) {
+          if (!options.state) {
             throw new Error("ConfiguratorAR.constructor(state) - state must be defined");
           }
-          _this._state = state;
+          _this._options = options;
           _this._ar = null;
           return _this;
         }
         _createClass(ConfiguratorAR, [{
           key: "_SetupAnalytics",
           value: function _SetupAnalytics() {
-            var scene = this._state.scene;
+            var scene = this._options.state.scene;
             var analytics = null;
             // setup scene stuff (if any)
             if (scene) {
@@ -137,6 +136,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (application) {
                 analytics.data.push("applicationId", application.id);
                 analytics.data.push("applicationTitle", application.attributes.title);
+                if (this._options.useARBanner) {
+                  this.options.banner = {
+                    title: application.attributes.title,
+                    subtitle: scene.attributes.title,
+                    button: 'Visit'
+                  };
+                }
               }
             }
           }
@@ -146,13 +152,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            */
         }, {
           key: "_Compose",
-          value: function _Compose(_x) {
-            return (_Compose2 = _Compose2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(output) {
+          value: (function () {
+            var _Compose2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(output) {
               var objects, configurator, totalARObjectCount, results;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    objects = this._state.state.array();
+                    objects = this._options.state.state.array();
                     if (!(objects.length <= 0)) {
                       _context.next = 3;
                       break;
@@ -190,8 +196,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context.stop();
                 }
               }, _callee, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function _Compose(_x) {
+              return _Compose2.apply(this, arguments);
+            }
+            return _Compose;
+          }()
           /**
            * Initialise the SceneAR instance. This returns a Promise that resolves
            * successfully if initialisation is successful, otherwise it will fail.
@@ -199,10 +209,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            * filure can occur for a number of reasons but it generally means that AR
            * cannot be performed.
            */
+          )
         }, {
           key: "init",
-          value: function init() {
-            return (_init = _init || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          value: (function () {
+            var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
               var scene, sceneOpt, modelUrl, _modelUrl, _modelUrl2, arviewer;
               return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                 while (1) switch (_context2.prev = _context2.next) {
@@ -213,71 +224,78 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("ConfiguratorAR.init() - cannot proceed as AR not available in context");
                   case 2:
-                    scene = this._state.scene;
+                    scene = this._options.state.scene;
                     this._SetupAnalytics();
                     sceneOpt = scene.attributes.custom_json || {}; // we need to define our AR module here
                     // we are in Safari/Quicklook mode here
                     if (!(util_1.Util.isSafari() || util_1.Util.isChromeOnIOS())) {
-                      _context2.next = 25;
+                      _context2.next = 27;
                       break;
                     }
                     if (!(sceneOpt.anchor === "face")) {
-                      _context2.next = 17;
+                      _context2.next = 18;
                       break;
                     }
                     if (!util_1.Util.canRealityViewer()) {
-                      _context2.next = 16;
+                      _context2.next = 17;
                       break;
                     }
                     _context2.next = 10;
                     return this._Compose("vto");
                   case 10:
                     modelUrl = _context2.sent;
-                    this._ar = new reality_viewer_1["default"]();
+                    this._ar = new quicklook_viewer_1["default"]();
                     this._ar.modelUrl = modelUrl;
+                    this._ar.banner = this.options.banner;
                     return _context2.abrupt("return", this);
-                  case 16:
-                    throw new Error("ConfiguratorAR.init() - cannot proceed as VTO AR requires Reality Viewer support");
                   case 17:
+                    throw new Error("ConfiguratorAR.init() - cannot proceed as VTO AR requires Reality Viewer support");
+                  case 18:
                     if (!util_1.Util.canQuicklook()) {
-                      _context2.next = 24;
+                      _context2.next = 26;
                       break;
                     }
-                    _context2.next = 20;
+                    _context2.next = 21;
                     return this._Compose("usdz");
-                  case 20:
+                  case 21:
                     _modelUrl = _context2.sent;
                     this._ar = new quicklook_viewer_1["default"]();
                     this._ar.modelUrl = _modelUrl;
+                    this._ar.banner = this.options.banner;
                     return _context2.abrupt("return", this);
-                  case 24:
+                  case 26:
                     throw new Error("ConfiguratorAR.init() - cannot proceed as IOS device does not support AR Mode");
-                  case 25:
+                  case 27:
                     if (!util_1.Util.canSceneViewer()) {
-                      _context2.next = 35;
+                      _context2.next = 38;
                       break;
                     }
-                    _context2.next = 28;
+                    _context2.next = 30;
                     return this._Compose("glb");
-                  case 28:
+                  case 30:
                     _modelUrl2 = _context2.sent;
                     arviewer = new scene_viewer_1["default"]();
                     arviewer.modelUrl = _modelUrl2;
                     arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    arviewer.banner = this.options.banner;
                     if (sceneOpt.anchor === "vertical") {
                       arviewer.isVertical = true;
                     }
                     this._ar = arviewer;
                     return _context2.abrupt("return", this);
-                  case 35:
+                  case 38:
                     throw new Error("ConfiguratorAR.init() - could not initialise AR correctly, check values");
-                  case 36:
+                  case 39:
                   case "end":
                     return _context2.stop();
                 }
               }, _callee2, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function init() {
+              return _init.apply(this, arguments);
+            }
+            return init;
+          }())
         }, {
           key: "start",
           value: function start() {
@@ -318,7 +336,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "../util/util": 15,
       "../version": 16,
       "../viewers/quicklook-viewer": 18,
-      "../viewers/reality-viewer": 19,
       "../viewers/scene-viewer": 20,
       "./launcher-ar": 2,
       "@plattar/plattar-analytics": 40,
@@ -332,11 +349,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         value: true
       });
       exports.LauncherAR = void 0;
-      var LauncherAR = /*#__PURE__*/function (_launch) {
+      var LauncherAR = /*#__PURE__*/function () {
         function LauncherAR() {
           _classCallCheck(this, LauncherAR);
           this._opt = {
-            anchor: "horizontal_vertical"
+            anchor: "horizontal_vertical",
+            banner: null
           };
         }
         /**
@@ -345,8 +363,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
          */
         _createClass(LauncherAR, [{
           key: "launch",
-          value: function launch() {
-            return (_launch = _launch || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          value: (function () {
+            var _launch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
               var value;
               return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                 while (1) switch (_context3.prev = _context3.next) {
@@ -361,11 +379,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context3.stop();
                 }
               }, _callee3, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function launch() {
+              return _launch.apply(this, arguments);
+            }
+            return launch;
+          }()
           /**
            * AR Options used for launching AR
            */
+          )
         }, {
           key: "options",
           get: function get() {
@@ -402,24 +425,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var ModelAR = /*#__PURE__*/function (_launcher_ar_1$Launch2) {
         _inherits(ModelAR, _launcher_ar_1$Launch2);
         var _super2 = _createSuper(ModelAR);
-        function ModelAR() {
+        function ModelAR(options) {
           var _this2;
-          var modelID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           _classCallCheck(this, ModelAR);
           _this2 = _super2.call(this);
           // analytics instance
           _this2._analytics = null;
-          if (!modelID) {
+          if (!options.modelID) {
             throw new Error("ModelAR.constructor(modelID) - modelID must be defined");
           }
-          _this2._modelID = modelID;
+          _this2._options = options;
           _this2._ar = null;
           return _this2;
         }
         _createClass(ModelAR, [{
           key: "modelID",
           get: function get() {
-            return this._modelID;
+            return this._options.modelID;
           }
         }, {
           key: "_SetupAnalytics",
@@ -437,6 +459,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               analytics.data.push("modelId", model.id);
               analytics.data.push("modelTitle", model.attributes.title);
               this._analytics = analytics;
+              if (this._options.useARBanner) {
+                this.options.banner = {
+                  title: project.attributes.title,
+                  subtitle: model.attributes.title,
+                  button: 'Visit'
+                };
+              }
             }
           }
           /**
@@ -467,12 +496,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
                     _this3._ar = new reality_viewer_1["default"]();
                     _this3._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                    _this3._ar.banner = _this3.options.banner;
                     return accept(_this3);
                   }
                   // otherwise, load the USDZ stuff second if available
                   if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
                     _this3._ar = new quicklook_viewer_1["default"]();
                     _this3._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                    _this3._ar.banner = _this3.options.banner;
                     return accept(_this3);
                   }
                   return reject(new Error("ModelAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
@@ -482,6 +513,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   var arviewer = new scene_viewer_1["default"]();
                   arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
                   arviewer.isVertical = _this3.options.anchor === "vertical" ? true : false;
+                  arviewer.banner = _this3.options.banner;
                   _this3._ar = arviewer;
                   return accept(_this3);
                 }
@@ -566,38 +598,45 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var ProductAR = /*#__PURE__*/function (_launcher_ar_1$Launch3) {
         _inherits(ProductAR, _launcher_ar_1$Launch3);
         var _super3 = _createSuper(ProductAR);
-        function ProductAR() {
+        /*
+        constructor(productID: string | undefined | null = null, variationID: string | undefined | null = null, variationSKU: string | undefined | null = null) {
+            super();
+             if (!productID) {
+                throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
+            }
+             this._productID = productID;
+            this._variationSKU = variationSKU;
+            this._variationID = variationID ? variationID : (variationSKU ? null : "default");
+            this._ar = null;
+        }
+        */
+        function ProductAR(options) {
           var _this4;
-          var productID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          var variationID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-          var variationSKU = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
           _classCallCheck(this, ProductAR);
           _this4 = _super3.call(this);
           // analytics instance
           _this4._analytics = null;
-          if (!productID) {
+          if (!options.productID) {
             throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
           }
-          _this4._productID = productID;
-          _this4._variationSKU = variationSKU;
-          _this4._variationID = variationID ? variationID : variationSKU ? null : "default";
+          _this4._options = options;
           _this4._ar = null;
           return _this4;
         }
         _createClass(ProductAR, [{
           key: "productID",
           get: function get() {
-            return this._productID;
+            return this._options.productID;
           }
         }, {
           key: "variationID",
           get: function get() {
-            return this._variationID;
+            return this._options.variationID;
           }
         }, {
           key: "variationSKU",
           get: function get() {
-            return this._variationSKU;
+            return this._options.variationSKU;
           }
         }, {
           key: "_SetupAnalytics",
@@ -618,6 +657,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (application) {
                 analytics.data.push("applicationId", application.id);
                 analytics.data.push("applicationTitle", application.attributes.title);
+                if (this._options.useARBanner) {
+                  this.options.banner = {
+                    title: product.attributes.title,
+                    subtitle: variation.attributes.title,
+                    button: 'Visit'
+                  };
+                }
               }
             }
             if (analytics) {
@@ -696,12 +742,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
                     _this5._ar = new reality_viewer_1["default"]();
                     _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                    _this5._ar.banner = _this5.options.banner;
                     return accept(_this5);
                   }
                   // otherwise, load the USDZ stuff second if available
                   if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
                     _this5._ar = new quicklook_viewer_1["default"]();
                     _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                    _this5._ar.banner = _this5.options.banner;
                     return accept(_this5);
                   }
                   return reject(new Error("ProductAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
@@ -711,6 +759,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   var arviewer = new scene_viewer_1["default"]();
                   arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
                   arviewer.isVertical = _this5.options.anchor === "vertical" ? true : false;
+                  arviewer.banner = _this5.options.banner;
                   var scene = product.relationships.find(plattar_api_1.Scene);
                   if (scene) {
                     var sceneOpt = scene.attributes.custom_json || {};
@@ -802,21 +851,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var RawAR = /*#__PURE__*/function (_launcher_ar_1$Launch4) {
         _inherits(RawAR, _launcher_ar_1$Launch4);
         var _super4 = _createSuper(RawAR);
-        function RawAR() {
+        function RawAR(options) {
           var _this6;
-          var modelLocation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          var sceneID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
           _classCallCheck(this, RawAR);
           _this6 = _super4.call(this);
           // analytics instance
           _this6._analytics = null;
-          if (!modelLocation) {
+          if (!options.modelLocation) {
             throw new Error("RawAR.constructor(modelLocation) - modelLocation must be defined");
           }
-          var lowerLoc = modelLocation.toLowerCase();
+          var lowerLoc = options.modelLocation.toLowerCase();
           if (lowerLoc.endsWith("usdz") || lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf") || lowerLoc.endsWith("reality")) {
-            _this6._modelLocation = modelLocation;
-            _this6._sceneID = sceneID;
+            _this6._options = options;
             _this6._ar = null;
           } else {
             throw new Error("RawAR.constructor(modelLocation) - modelLocation must be one of gltf, glb, usdz or reality");
@@ -826,14 +872,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         _createClass(RawAR, [{
           key: "modelLocation",
           get: function get() {
-            return this._modelLocation;
+            return this._options.modelLocation;
           }
         }, {
           key: "_SetupAnalytics",
           value: function _SetupAnalytics() {
             var _this7 = this;
             return new Promise(function (accept, _reject) {
-              var sceneID = _this7._sceneID;
+              var sceneID = _this7._options.sceneID;
               if (!sceneID) {
                 return accept();
               }
@@ -852,6 +898,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 if (application) {
                   analytics.data.push("applicationId", application.id);
                   analytics.data.push("applicationTitle", application.attributes.title);
+                  if (_this7._options.useARBanner) {
+                    _this7.options.banner = {
+                      title: application.attributes.title,
+                      subtitle: scene.attributes.title,
+                      button: 'Visit'
+                    };
+                  }
                 }
                 accept();
               })["catch"](function (_err) {
@@ -876,7 +929,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               }
               // send the analytics (if any)
               _this8._SetupAnalytics().then(function () {
-                var modelLocation = _this8._modelLocation;
+                var modelLocation = _this8._options.modelLocation;
                 var lowerLoc = modelLocation.toLowerCase();
                 // we need to define our AR module here
                 // we are in Safari/Quicklook mode here
@@ -885,6 +938,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   if (lowerLoc.endsWith("reality") && util_1.Util.canRealityViewer()) {
                     _this8._ar = new reality_viewer_1["default"]();
                     _this8._ar.modelUrl = modelLocation;
+                    _this8._ar.banner = _this8.options.banner;
                     return accept(_this8);
                   }
                   // load the usdz experience if dealing with usdz file
@@ -901,6 +955,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     var arviewer = new scene_viewer_1["default"]();
                     arviewer.modelUrl = modelLocation;
                     arviewer.isVertical = _this8.options.anchor === "vertical" ? true : false;
+                    arviewer.banner = _this8.options.banner;
                     _this8._ar = arviewer;
                     return accept(_this8);
                   }
@@ -978,7 +1033,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var plattar_services_1 = require("@plattar/plattar-services");
       var util_1 = require("../util/util");
       var quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
-      var reality_viewer_1 = __importDefault(require("../viewers/reality-viewer"));
       var scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
       var launcher_ar_1 = require("./launcher-ar");
       var version_1 = __importDefault(require("../version"));
@@ -988,26 +1042,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var SceneAR = /*#__PURE__*/function (_launcher_ar_1$Launch5) {
         _inherits(SceneAR, _launcher_ar_1$Launch5);
         var _super5 = _createSuper(SceneAR);
-        function SceneAR() {
+        function SceneAR(options) {
           var _this9;
-          var sceneID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          var variationSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
           _classCallCheck(this, SceneAR);
           _this9 = _super5.call(this);
           // analytics instance
           _this9._analytics = null;
-          if (!sceneID) {
+          if (!options.sceneID) {
             throw new Error("SceneAR.constructor(sceneID) - sceneID must be defined");
           }
-          _this9._sceneID = sceneID;
-          _this9._variationSelection = variationSelection || {};
+          _this9._options = options;
           _this9._ar = null;
           return _this9;
         }
         _createClass(SceneAR, [{
           key: "sceneID",
           get: function get() {
-            return this._sceneID;
+            return this._options.sceneID;
           }
         }, {
           key: "_SetupAnalytics",
@@ -1027,6 +1078,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (application) {
                 analytics.data.push("applicationId", application.id);
                 analytics.data.push("applicationTitle", application.attributes.title);
+                if (this._options.useARBanner) {
+                  this.options.banner = {
+                    title: application.attributes.title,
+                    subtitle: scene.attributes.title,
+                    button: 'Visit'
+                  };
+                }
               }
             }
           }
@@ -1053,7 +1111,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               // add our scene products
               sceneProducts.forEach(function (sceneProduct) {
                 var product = sceneProduct.relationships.find(plattar_api_1.Product);
-                var selection = _this10._variationSelection;
+                var selection = _this10._options.variationSelection;
                 // we have a specific product selection
                 if (sceneProduct.attributes.include_in_augment) {
                   // check if this product is the one we want (from selection optionally)
@@ -1119,8 +1177,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   if (sceneOpt.anchor === "face") {
                     if (util_1.Util.canRealityViewer()) {
                       return _this11._ComposeScene(scene, "vto").then(function (modelUrl) {
-                        _this11._ar = new reality_viewer_1["default"]();
+                        _this11._ar = new quicklook_viewer_1["default"]();
                         _this11._ar.modelUrl = modelUrl;
+                        _this11._ar.banner = _this11.options.banner;
                         return accept(_this11);
                       })["catch"](reject);
                     } else {
@@ -1132,6 +1191,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _this11._ComposeScene(scene, "usdz").then(function (modelUrl) {
                       _this11._ar = new quicklook_viewer_1["default"]();
                       _this11._ar.modelUrl = modelUrl;
+                      _this11._ar.banner = _this11.options.banner;
                       return accept(_this11);
                     })["catch"](reject);
                   }
@@ -1143,6 +1203,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     var arviewer = new scene_viewer_1["default"]();
                     arviewer.modelUrl = modelUrl;
                     arviewer.isVertical = _this11.options.anchor === "vertical" ? true : false;
+                    arviewer.banner = _this11.options.banner;
                     if (sceneOpt.anchor === "vertical") {
                       arviewer.isVertical = true;
                     }
@@ -1196,7 +1257,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "../util/util": 15,
       "../version": 16,
       "../viewers/quicklook-viewer": 18,
-      "../viewers/reality-viewer": 19,
       "../viewers/scene-viewer": 20,
       "./launcher-ar": 2,
       "@plattar/plattar-analytics": 40,
@@ -1220,19 +1280,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var SceneProductAR = /*#__PURE__*/function (_product_ar_1$Product) {
         _inherits(SceneProductAR, _product_ar_1$Product);
         var _super6 = _createSuper(SceneProductAR);
-        function SceneProductAR() {
+        function SceneProductAR(options) {
           var _this12;
-          var sceneProductID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-          var variationID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-          var variationSKU = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
           _classCallCheck(this, SceneProductAR);
-          _this12 = _super6.call(this, sceneProductID, variationID, variationSKU);
+          //super(sceneProductID, variationID, variationSKU);
+          _this12 = _super6.call(this, options);
           // this is evaluated in the init() function
           _this12._attachedProductID = null;
-          if (!sceneProductID) {
+          if (!options.productID) {
             throw new Error("SceneProductAR.constructor(sceneProductID, variationID) - sceneProductID must be defined");
           }
-          _this12._sceneProductID = sceneProductID;
+          _this12._sceneProductID = options.productID;
           return _this12;
         }
         _createClass(SceneProductAR, [{
@@ -1292,7 +1350,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       /**
        * Manages an instance of the <plattar-configurator> HTML Element
        */
-      var ConfiguratorController = /*#__PURE__*/function (_plattar_controller_, _getConfiguratorState, _onAttributesUpdated, _startARQRCode, _startViewerQRCode, _startRenderer, _initAR, _InitARInherited2, _InitARGenerated2) {
+      var ConfiguratorController = /*#__PURE__*/function (_plattar_controller_) {
         _inherits(ConfiguratorController, _plattar_controller_);
         var _super7 = _createSuper(ConfiguratorController);
         function ConfiguratorController() {
@@ -1304,8 +1362,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }
         _createClass(ConfiguratorController, [{
           key: "getConfiguratorState",
-          value: function getConfiguratorState() {
-            return (_getConfiguratorState = _getConfiguratorState || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          value: function () {
+            var _getConfiguratorState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
               return _regeneratorRuntime().wrap(function _callee4$(_context4) {
                 while (1) switch (_context4.prev = _context4.next) {
                   case 0:
@@ -1322,12 +1380,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context4.stop();
                 }
               }, _callee4, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function getConfiguratorState() {
+              return _getConfiguratorState.apply(this, arguments);
+            }
+            return getConfiguratorState;
+          }()
         }, {
           key: "onAttributesUpdated",
-          value: function onAttributesUpdated(_x2) {
-            return (_onAttributesUpdated = _onAttributesUpdated || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(attributeName) {
+          value: function () {
+            var _onAttributesUpdated = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(attributeName) {
               var state, viewer, variationIDs, variationIDsList, variationSKUs, variationSKUList, configState, _variationIDs, _variationIDsList, _configState, _variationSKUs, _variationSKUList;
               return _regeneratorRuntime().wrap(function _callee5$(_context5) {
                 while (1) switch (_context5.prev = _context5.next) {
@@ -1409,12 +1471,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context5.stop();
                 }
               }, _callee5, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function onAttributesUpdated(_x2) {
+              return _onAttributesUpdated.apply(this, arguments);
+            }
+            return onAttributesUpdated;
+          }()
         }, {
           key: "startARQRCode",
-          value: function startARQRCode(_x3) {
-            return (_startARQRCode = _startARQRCode || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(options) {
+          value: function () {
+            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) {
@@ -1428,42 +1494,47 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context6.next = 14;
+                      _context6.next = 15;
                       break;
                     }
                     this.parent.lockObserver();
                     this.parent.destroy();
                     this.setAttribute("product-id", product.scene_product_id);
+                    this.removeAttribute("scene-id");
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context6.next = 13;
+                      _context6.next = 14;
                       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;
+                    return _context6.abrupt("return", Promise.reject(new Error("ConfiguratorController.startARQRCode() - legacy product transition failed")));
+                  case 15:
+                    _context6.next = 19;
                     break;
-                  case 16:
-                    _context6.prev = 16;
+                  case 17:
+                    _context6.prev = 17;
                     _context6.t0 = _context6["catch"](0);
-                  case 18:
-                    return _context6.abrupt("return", _get(_getPrototypeOf(ConfiguratorController.prototype), "startARQRCode", this).call(this, options));
                   case 19:
+                    return _context6.abrupt("return", _get(_getPrototypeOf(ConfiguratorController.prototype), "startARQRCode", this).call(this, options));
+                  case 20:
                   case "end":
                     return _context6.stop();
                 }
-              }, _callee6, this, [[0, 16]]);
-            }))).apply(this, arguments);
-          }
+              }, _callee6, this, [[0, 17]]);
+            }));
+            function startARQRCode(_x3) {
+              return _startARQRCode.apply(this, arguments);
+            }
+            return startARQRCode;
+          }()
         }, {
           key: "startViewerQRCode",
-          value: function startViewerQRCode(_x4) {
-            return (_startViewerQRCode = _startViewerQRCode || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(options) {
+          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;
+              var sceneID, configState, dState, product, controller, opt, viewer, width, height, dst, showAR, showUI, showBanner;
               return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                 while (1) switch (_context7.prev = _context7.next) {
                   case 0:
@@ -1487,31 +1558,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context7.next = 19;
+                      _context7.next = 20;
                       break;
                     }
                     this.parent.lockObserver();
                     this.parent.destroy();
                     this.setAttribute("product-id", product.scene_product_id);
+                    this.removeAttribute("scene-id");
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context7.next = 18;
+                      _context7.next = 19;
                       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:
+                    return _context7.abrupt("return", Promise.reject(new Error("ConfiguratorController.startViewerQRCode() - legacy product transition failed")));
+                  case 20:
                     configState = dState.state.encode();
-                    _context7.next = 25;
+                    _context7.next = 26;
                     break;
-                  case 22:
-                    _context7.prev = 22;
+                  case 23:
+                    _context7.prev = 23;
                     _context7.t0 = _context7["catch"](5);
                     // config state is not available
                     configState = null;
-                  case 25:
+                  case 26:
                     opt = options || this._GetDefaultQROptions();
                     viewer = document.createElement("plattar-qrcode");
                     this._element = viewer;
@@ -1533,6 +1605,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID;
                     showAR = this.getAttribute("show-ar");
                     showUI = this.getAttribute("show-ui");
+                    showBanner = this.getAttribute("show-ar-banner");
                     if (showUI && showUI === "true") {
                       dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
                     }
@@ -1542,6 +1615,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showAR) {
                       dst += "&show_ar=" + showAR;
                     }
+                    if (showBanner) {
+                      dst += "&show_ar_banner=" + showBanner;
+                    }
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
@@ -1551,17 +1627,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       };
                       _this15.append(viewer);
                     }));
-                  case 46:
+                  case 49:
                   case "end":
                     return _context7.stop();
                 }
-              }, _callee7, this, [[5, 22]]);
-            }))).apply(this, arguments);
-          }
+              }, _callee7, this, [[5, 23]]);
+            }));
+            function startViewerQRCode(_x4) {
+              return _startViewerQRCode.apply(this, arguments);
+            }
+            return startViewerQRCode;
+          }()
         }, {
           key: "startRenderer",
-          value: function startRenderer() {
-            return (_startRenderer = _startRenderer || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+          value: function () {
+            var _startRenderer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
               var _this16 = this;
               var sceneID, configState, dState, product, controller, width, height, server, viewer, showAR, showUI;
               return _regeneratorRuntime().wrap(function _callee8$(_context8) {
@@ -1587,31 +1667,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context8.next = 19;
+                      _context8.next = 20;
                       break;
                     }
                     this.parent.lockObserver();
                     this.parent.destroy();
                     this.setAttribute("product-id", product.scene_product_id);
+                    this.removeAttribute("scene-id");
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context8.next = 18;
+                      _context8.next = 19;
                       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:
+                    return _context8.abrupt("return", Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
+                  case 20:
                     configState = dState;
-                    _context8.next = 25;
+                    _context8.next = 26;
                     break;
-                  case 22:
-                    _context8.prev = 22;
+                  case 23:
+                    _context8.prev = 23;
                     _context8.t0 = _context8["catch"](5);
                     // config state is not available
                     configState = null;
-                  case 25:
+                  case 26:
                     // required attributes with defaults for plattar-configurator node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -1641,17 +1722,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       }
                       return accept(viewer);
                     }));
-                  case 41:
+                  case 42:
                   case "end":
                     return _context8.stop();
                 }
-              }, _callee8, this, [[5, 22]]);
-            }))).apply(this, arguments);
-          }
+              }, _callee8, this, [[5, 23]]);
+            }));
+            function startRenderer() {
+              return _startRenderer.apply(this, arguments);
+            }
+            return startRenderer;
+          }()
         }, {
           key: "initAR",
-          value: function initAR() {
-            return (_initAR = _initAR || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+          value: function () {
+            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) {
@@ -1671,50 +1756,55 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context9.next = 16;
+                      _context9.next = 17;
                       break;
                     }
                     this.parent.lockObserver();
                     this.parent.destroy();
                     this.setAttribute("product-id", product.scene_product_id);
+                    this.removeAttribute("scene-id");
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context9.next = 15;
+                      _context9.next = 16;
                       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;
+                    return _context9.abrupt("return", Promise.reject(new Error("ConfiguratorController.initAR() - legacy product transition failed")));
+                  case 17:
+                    _context9.next = 21;
                     break;
-                  case 18:
-                    _context9.prev = 18;
+                  case 19:
+                    _context9.prev = 19;
                     _context9.t0 = _context9["catch"](2);
-                  case 20:
+                  case 21:
                     arMode = this.getAttribute("ar-mode") || "generated";
                     _context9.t1 = arMode.toLowerCase();
-                    _context9.next = _context9.t1 === "inherited" ? 24 : _context9.t1 === "generated" ? 25 : 25;
+                    _context9.next = _context9.t1 === "inherited" ? 25 : _context9.t1 === "generated" ? 26 : 26;
                     break;
-                  case 24:
-                    return _context9.abrupt("return", this._InitARInherited());
                   case 25:
-                    return _context9.abrupt("return", this._InitARGenerated());
+                    return _context9.abrupt("return", this._InitARInherited());
                   case 26:
+                    return _context9.abrupt("return", this._InitARGenerated());
+                  case 27:
                   case "end":
                     return _context9.stop();
                 }
-              }, _callee9, this, [[2, 18]]);
-            }))).apply(this, arguments);
-          }
+              }, _callee9, this, [[2, 19]]);
+            }));
+            function initAR() {
+              return _initAR.apply(this, arguments);
+            }
+            return initAR;
+          }()
           /**
            * Private Function - This launches the Static/Inherited AR Mode
            */
         }, {
           key: "_InitARInherited",
-          value: function _InitARInherited() {
-            return (_InitARInherited2 = _InitARInherited2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+          value: (function () {
+            var _InitARInherited2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
               var sceneID, state, first, sceneProductAR;
               return _regeneratorRuntime().wrap(function _callee10$(_context10) {
                 while (1) switch (_context10.prev = _context10.next) {
@@ -1735,7 +1825,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       _context10.next = 10;
                       break;
                     }
-                    sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
+                    //const sceneProductAR: SceneProductAR = new SceneProductAR(first.scene_product_id, first.product_variation_id);
+                    sceneProductAR = new scene_product_ar_1.SceneProductAR({
+                      productID: first.scene_product_id,
+                      variationID: first.product_variation_id,
+                      variationSKU: null,
+                      useARBanner: this.getBooleanAttribute("show-ar-banner")
+                    });
                     return _context10.abrupt("return", sceneProductAR.init());
                   case 10:
                     throw new Error("ConfiguratorController.initAR() - invalid decoded config-state does not have any product states");
@@ -1744,15 +1840,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context10.stop();
                 }
               }, _callee10, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function _InitARInherited() {
+              return _InitARInherited2.apply(this, arguments);
+            }
+            return _InitARInherited;
+          }()
           /**
            * Private Function - This launches the Dynamic/Generated AR Mode
            */
+          )
         }, {
           key: "_InitARGenerated",
-          value: function _InitARGenerated() {
-            return (_InitARGenerated2 = _InitARGenerated2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+          value: (function () {
+            var _InitARGenerated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
               var sceneID, configAR;
               return _regeneratorRuntime().wrap(function _callee11$(_context11) {
                 while (1) switch (_context11.prev = _context11.next) {
@@ -1769,15 +1870,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return this.getConfiguratorState();
                   case 6:
                     _context11.t1 = _context11.sent;
-                    configAR = new _context11.t0(_context11.t1);
+                    _context11.t2 = this.getBooleanAttribute("show-ar-banner");
+                    _context11.t3 = {
+                      state: _context11.t1,
+                      useARBanner: _context11.t2
+                    };
+                    configAR = new _context11.t0(_context11.t3);
                     return _context11.abrupt("return", configAR.init());
-                  case 9:
+                  case 11:
                   case "end":
                     return _context11.stop();
                 }
               }, _callee11, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function _InitARGenerated() {
+              return _InitARGenerated2.apply(this, arguments);
+            }
+            return _InitARGenerated;
+          }())
         }, {
           key: "removeRenderer",
           value: function removeRenderer() {
@@ -1823,7 +1933,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       /**
        * All Plattar Controllers are derived from the same interface
        */
-      var PlattarController = /*#__PURE__*/function (_createConfiguratorState, _startAR, _startQRCode, _startARQRCode2) {
+      var PlattarController = /*#__PURE__*/function () {
         function PlattarController(parent) {
           _classCallCheck(this, PlattarController);
           this._state = ControllerState.None;
@@ -1852,8 +1962,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           }
         }, {
           key: "createConfiguratorState",
-          value: function createConfiguratorState() {
-            return (_createConfiguratorState = _createConfiguratorState || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+          value: (function () {
+            var _createConfiguratorState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
               var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList;
               return _regeneratorRuntime().wrap(function _callee12$(_context12) {
                 while (1) switch (_context12.prev = _context12.next) {
@@ -1902,12 +2012,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context12.stop();
                 }
               }, _callee12, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function createConfiguratorState() {
+              return _createConfiguratorState.apply(this, arguments);
+            }
+            return createConfiguratorState;
+          }()
           /**
            * Setup messenger observers to detect variation changes and apply to the internal
            * configuration state
            */
+          )
         }, {
           key: "setupMessengerObservers",
           value: function setupMessengerObservers(viewer, configState) {
@@ -1950,8 +2065,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            */
         }, {
           key: "startAR",
-          value: function startAR() {
-            return (_startAR = _startAR || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
+          value: (function () {
+            var _startAR = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
               var launcher;
               return _regeneratorRuntime().wrap(function _callee13$(_context13) {
                 while (1) switch (_context13.prev = _context13.next) {
@@ -1966,17 +2081,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context13.stop();
                 }
               }, _callee13, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startAR() {
+              return _startAR.apply(this, arguments);
+            }
+            return startAR;
+          }()
           /**
            * Decide which QR Code to render according to the qr-type attribute
            * @param options
            * @returns
            */
+          )
         }, {
           key: "startQRCode",
-          value: function startQRCode(_x5) {
-            return (_startQRCode = _startQRCode || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(options) {
+          value: (function () {
+            var _startQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(options) {
               var qrType;
               return _regeneratorRuntime().wrap(function _callee14$(_context14) {
                 while (1) switch (_context14.prev = _context14.next) {
@@ -1994,19 +2114,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context14.stop();
                 }
               }, _callee14, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startQRCode(_x5) {
+              return _startQRCode.apply(this, arguments);
+            }
+            return startQRCode;
+          }()
           /**
            * Displays a QR Code that sends the user direct to AR
            * @param options
            * @returns
            */
+          )
         }, {
           key: "startARQRCode",
-          value: function startARQRCode(_x6) {
-            return (_startARQRCode2 = _startARQRCode2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(options) {
+          value: (function () {
+            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;
+              var opt, viewer, width, height, qrOptions, dst, configState, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner;
               return _regeneratorRuntime().wrap(function _callee15$(_context15) {
                 while (1) switch (_context15.prev = _context15.next) {
                   case 0:
@@ -2040,19 +2165,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     variationID = this.getAttribute("variation-id");
                     variationSKU = this.getAttribute("variation-sku");
                     arMode = this.getAttribute("ar-mode");
-                    _context15.prev = 22;
-                    _context15.next = 25;
+                    showBanner = this.getAttribute("show-ar-banner");
+                    _context15.prev = 23;
+                    _context15.next = 26;
                     return this.getConfiguratorState();
-                  case 25:
+                  case 26:
                     configState = _context15.sent.state.encode();
-                    _context15.next = 31;
+                    _context15.next = 32;
                     break;
-                  case 28:
-                    _context15.prev = 28;
-                    _context15.t0 = _context15["catch"](22);
+                  case 29:
+                    _context15.prev = 29;
+                    _context15.t0 = _context15["catch"](23);
                     // config state not available for some reason
                     configState = null;
-                  case 31:
+                  case 32:
                     if (configState) {
                       dst += "&config_state=" + configState;
                     }
@@ -2077,6 +2203,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (sceneID) {
                       dst += "&scene_id=" + sceneID;
                     }
+                    if (showBanner) {
+                      dst += "&show_ar_banner=" + showBanner;
+                    }
                     viewer.setAttribute("url", opt.url || dst);
                     this._state = ControllerState.QRCode;
                     this._prevQROpt = opt;
@@ -2086,16 +2215,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         return accept(viewer);
                       };
                     }));
-                  case 43:
+                  case 45:
                   case "end":
                     return _context15.stop();
                 }
-              }, _callee15, this, [[22, 28]]);
-            }))).apply(this, arguments);
-          }
+              }, _callee15, this, [[23, 29]]);
+            }));
+            function startARQRCode(_x6) {
+              return _startARQRCode2.apply(this, arguments);
+            }
+            return startARQRCode;
+          }()
           /**
            * Returns the Parent Instance
            */
+          )
         }, {
           key: "parent",
           get: function get() {
@@ -2111,6 +2245,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function getAttribute(attribute) {
             return this.parent ? this.parent.hasAttribute(attribute) ? this.parent.getAttribute(attribute) : null : null;
           }
+          /**
+           * Returns the specified attribute from the parent as a boolean
+           * @param attribute - The name of the attribute
+           * @returns - The attribute value
+           */
+        }, {
+          key: "getBooleanAttribute",
+          value: function getBooleanAttribute(attribute) {
+            var _this$parent$getAttri;
+            return this.parent ? this.parent.hasAttribute(attribute) ? ((_this$parent$getAttri = this.parent.getAttribute(attribute)) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.toLowerCase()) === "true" ? true : false : false : false;
+          }
           /**
            * Sets a particular attribute into the HTML DOM
            *
@@ -2124,6 +2269,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               this.parent.setAttribute(attribute, value);
             }
           }
+          /**
+           * Removes a particular attribute from HTML DOM
+           *
+           * @param attribute - The name of the attribute
+           */
+        }, {
+          key: "removeAttribute",
+          value: function removeAttribute(attribute) {
+            if (this.parent) {
+              this.parent.removeAttribute(attribute);
+            }
+          }
           /**
            * Appends the provided element into the shadow-root of the parent element
            * @param element - The element to append
@@ -2161,7 +2318,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
        * NOTE: As of 14th June 2023, this is now a legacy Controller and only used in legacy embeds
        * and should be deprecated from both documentation and previous integrations
        */
-      var ProductController = /*#__PURE__*/function (_plattar_controller_2, _getConfiguratorState2, _onAttributesUpdated2) {
+      var ProductController = /*#__PURE__*/function (_plattar_controller_2) {
         _inherits(ProductController, _plattar_controller_2);
         var _super8 = _createSuper(ProductController);
         function ProductController() {
@@ -2170,8 +2327,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }
         _createClass(ProductController, [{
           key: "getConfiguratorState",
-          value: function getConfiguratorState() {
-            return (_getConfiguratorState2 = _getConfiguratorState2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+          value: function () {
+            var _getConfiguratorState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
               return _regeneratorRuntime().wrap(function _callee16$(_context16) {
                 while (1) switch (_context16.prev = _context16.next) {
                   case 0:
@@ -2181,12 +2338,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context16.stop();
                 }
               }, _callee16);
-            }))).apply(this, arguments);
-          }
+            }));
+            function getConfiguratorState() {
+              return _getConfiguratorState2.apply(this, arguments);
+            }
+            return getConfiguratorState;
+          }()
         }, {
           key: "onAttributesUpdated",
-          value: function onAttributesUpdated(_x7) {
-            return (_onAttributesUpdated2 = _onAttributesUpdated2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(attributeName) {
+          value: function () {
+            var _onAttributesUpdated2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(attributeName) {
               var state, viewer, variationID;
               return _regeneratorRuntime().wrap(function _callee17$(_context17) {
                 while (1) switch (_context17.prev = _context17.next) {
@@ -2214,8 +2375,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context17.stop();
                 }
               }, _callee17, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function onAttributesUpdated(_x7) {
+              return _onAttributesUpdated2.apply(this, arguments);
+            }
+            return onAttributesUpdated;
+          }()
         }, {
           key: "startViewerQRCode",
           value: function startViewerQRCode(options) {
@@ -2308,6 +2473,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               var variationID = _this19.getAttribute("variation-id");
               var variationSKU = _this19.getAttribute("variation-sku");
               var arMode = _this19.getAttribute("ar-mode");
+              var showBanner = _this19.getAttribute("show-ar-banner");
               if (configState) {
                 dst += "&config_state=" + configState;
               }
@@ -2332,6 +2498,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (sceneID) {
                 dst += "&scene_id=" + sceneID;
               }
+              if (showBanner) {
+                dst += "&show_ar_banner=" + showBanner;
+              }
               viewer.setAttribute("url", opt.url || dst);
               viewer.onload = function () {
                 return accept(viewer);
@@ -2396,7 +2565,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               if (productID) {
                 var variationID = _this21.getAttribute("variation-id");
                 var variationSKU = _this21.getAttribute("variation-sku");
-                var product = new product_ar_1.ProductAR(productID, variationID, variationSKU);
+                //const product: ProductAR = new ProductAR(productID, variationID, variationSKU);
+                var product = new product_ar_1.ProductAR({
+                  productID: productID,
+                  variationID: variationID ? variationID : variationSKU ? null : "default",
+                  variationSKU: variationSKU,
+                  useARBanner: _this21.getBooleanAttribute("show-ar-banner")
+                });
                 return product.init().then(accept)["catch"](reject);
               }
               return reject(new Error("ProductController.initAR() - minimum required attributes not set, use product-id as a minimum"));
@@ -2442,7 +2617,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       /**
        * Manages an instance of the <plattar-configurator> HTML Element
        */
-      var VTOController = /*#__PURE__*/function (_plattar_controller_3, _getConfiguratorState3, _onAttributesUpdated3, _startViewerQRCode2, _startRenderer2, _initAR2, _InitARInherited3, _InitARGenerated3) {
+      var VTOController = /*#__PURE__*/function (_plattar_controller_3) {
         _inherits(VTOController, _plattar_controller_3);
         var _super9 = _createSuper(VTOController);
         function VTOController() {
@@ -2454,8 +2629,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }
         _createClass(VTOController, [{
           key: "getConfiguratorState",
-          value: function getConfiguratorState() {
-            return (_getConfiguratorState3 = _getConfiguratorState3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+          value: function () {
+            var _getConfiguratorState3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
               return _regeneratorRuntime().wrap(function _callee18$(_context18) {
                 while (1) switch (_context18.prev = _context18.next) {
                   case 0:
@@ -2472,12 +2647,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context18.stop();
                 }
               }, _callee18, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function getConfiguratorState() {
+              return _getConfiguratorState3.apply(this, arguments);
+            }
+            return getConfiguratorState;
+          }()
         }, {
           key: "onAttributesUpdated",
-          value: function onAttributesUpdated(_x8) {
-            return (_onAttributesUpdated3 = _onAttributesUpdated3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(attributeName) {
+          value: function () {
+            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 _callee19$(_context19) {
                 while (1) switch (_context19.prev = _context19.next) {
@@ -2559,12 +2738,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context19.stop();
                 }
               }, _callee19, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function onAttributesUpdated(_x8) {
+              return _onAttributesUpdated3.apply(this, arguments);
+            }
+            return onAttributesUpdated;
+          }()
         }, {
           key: "startViewerQRCode",
-          value: function startViewerQRCode(_x9) {
-            return (_startViewerQRCode2 = _startViewerQRCode2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(options) {
+          value: function () {
+            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 _callee20$(_context20) {
@@ -2645,12 +2828,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context20.stop();
                 }
               }, _callee20, this, [[17, 23]]);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startViewerQRCode(_x9) {
+              return _startViewerQRCode2.apply(this, arguments);
+            }
+            return startViewerQRCode;
+          }()
         }, {
           key: "startRenderer",
-          value: function startRenderer() {
-            return (_startRenderer2 = _startRenderer2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
+          value: function () {
+            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 _callee21$(_context21) {
@@ -2722,12 +2909,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context21.stop();
                 }
               }, _callee21, this, [[14, 20]]);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startRenderer() {
+              return _startRenderer2.apply(this, arguments);
+            }
+            return startRenderer;
+          }()
         }, {
           key: "initAR",
-          value: function initAR() {
-            return (_initAR2 = _initAR2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+          value: function () {
+            var _initAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
               var arMode;
               return _regeneratorRuntime().wrap(function _callee22$(_context22) {
                 while (1) switch (_context22.prev = _context22.next) {
@@ -2757,15 +2948,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context22.stop();
                 }
               }, _callee22, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function initAR() {
+              return _initAR2.apply(this, arguments);
+            }
+            return initAR;
+          }()
           /**
            * Private Function - This launches the Static/Inherited AR Mode
            */
         }, {
           key: "_InitARInherited",
-          value: function _InitARInherited() {
-            return (_InitARInherited3 = _InitARInherited3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
+          value: (function () {
+            var _InitARInherited3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
               var sceneID, state, first, sceneProductAR;
               return _regeneratorRuntime().wrap(function _callee23$(_context23) {
                 while (1) switch (_context23.prev = _context23.next) {
@@ -2786,7 +2981,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       _context23.next = 10;
                       break;
                     }
-                    sceneProductAR = new __1.SceneProductAR(first.scene_product_id, first.product_variation_id);
+                    sceneProductAR = new __1.SceneProductAR({
+                      productID: first.scene_product_id,
+                      variationID: first.product_variation_id,
+                      variationSKU: null,
+                      useARBanner: this.getBooleanAttribute("show-ar-banner")
+                    });
                     return _context23.abrupt("return", sceneProductAR.init());
                   case 10:
                     throw new Error("VTOController.initAR() - invalid decoded config-state does not have any product states");
@@ -2795,15 +2995,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context23.stop();
                 }
               }, _callee23, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function _InitARInherited() {
+              return _InitARInherited3.apply(this, arguments);
+            }
+            return _InitARInherited;
+          }()
           /**
            * Private Function - This launches the Dynamic/Generated AR Mode
            */
+          )
         }, {
           key: "_InitARGenerated",
-          value: function _InitARGenerated() {
-            return (_InitARGenerated3 = _InitARGenerated3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
+          value: (function () {
+            var _InitARGenerated3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
               var sceneID, configAR;
               return _regeneratorRuntime().wrap(function _callee24$(_context24) {
                 while (1) switch (_context24.prev = _context24.next) {
@@ -2820,15 +3025,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return this.getConfiguratorState();
                   case 6:
                     _context24.t1 = _context24.sent;
-                    configAR = new _context24.t0(_context24.t1);
+                    _context24.t2 = this.getBooleanAttribute("show-ar-banner");
+                    _context24.t3 = {
+                      state: _context24.t1,
+                      useARBanner: _context24.t2
+                    };
+                    configAR = new _context24.t0(_context24.t3);
                     return _context24.abrupt("return", configAR.init());
-                  case 9:
+                  case 11:
                   case "end":
                     return _context24.stop();
                 }
               }, _callee24, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function _InitARGenerated() {
+              return _InitARGenerated3.apply(this, arguments);
+            }
+            return _InitARGenerated;
+          }())
         }, {
           key: "removeRenderer",
           value: function removeRenderer() {
@@ -2888,7 +3102,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
        * This is the primary <plattar-embed /> node that allows easy embedding
        * of Plattar related content
        */
-      var PlattarEmbed = /*#__PURE__*/function (_HTMLElement, _initAR3, _startAR2, _startViewer, _startQRCode2) {
+      var PlattarEmbed = /*#__PURE__*/function (_HTMLElement) {
         _inherits(PlattarEmbed, _HTMLElement);
         var _super10 = _createSuper(PlattarEmbed);
         function PlattarEmbed() {
@@ -3063,8 +3277,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           }
         }, {
           key: "initAR",
-          value: function initAR() {
-            return (_initAR3 = _initAR3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
+          value: function () {
+            var _initAR3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
               return _regeneratorRuntime().wrap(function _callee25$(_context25) {
                 while (1) switch (_context25.prev = _context25.next) {
                   case 0:
@@ -3080,12 +3294,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context25.stop();
                 }
               }, _callee25, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function initAR() {
+              return _initAR3.apply(this, arguments);
+            }
+            return initAR;
+          }()
         }, {
           key: "startAR",
-          value: function startAR() {
-            return (_startAR2 = _startAR2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
+          value: function () {
+            var _startAR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
               return _regeneratorRuntime().wrap(function _callee26$(_context26) {
                 while (1) switch (_context26.prev = _context26.next) {
                   case 0:
@@ -3101,12 +3319,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context26.stop();
                 }
               }, _callee26, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startAR() {
+              return _startAR2.apply(this, arguments);
+            }
+            return startAR;
+          }()
         }, {
           key: "startViewer",
-          value: function startViewer() {
-            return (_startViewer = _startViewer || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+          value: function () {
+            var _startViewer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
               return _regeneratorRuntime().wrap(function _callee27$(_context27) {
                 while (1) switch (_context27.prev = _context27.next) {
                   case 0:
@@ -3122,12 +3344,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context27.stop();
                 }
               }, _callee27, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startViewer() {
+              return _startViewer.apply(this, arguments);
+            }
+            return startViewer;
+          }()
         }, {
           key: "startQRCode",
-          value: function startQRCode() {
-            return (_startQRCode2 = _startQRCode2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
+          value: function () {
+            var _startQRCode2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
               var options,
                 _args28 = arguments;
               return _regeneratorRuntime().wrap(function _callee28$(_context28) {
@@ -3146,8 +3372,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context28.stop();
                 }
               }, _callee28, this);
-            }))).apply(this, arguments);
-          }
+            }));
+            function startQRCode() {
+              return _startQRCode2.apply(this, arguments);
+            }
+            return startQRCode;
+          }()
           /**
            * This will remove the currently active Renderer
            *
@@ -3172,6 +3402,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               this._controller.onAttributesUpdated(attributeName);
             }
           }
+        }, {
+          key: "addEventListener",
+          value: function addEventListener(type, listener, options) {
+            var _this27 = this;
+            // add to the element event listener
+            _get(_getPrototypeOf(PlattarEmbed.prototype), "addEventListener", this).call(this, type, listener, options);
+            var eventType = 'arclick';
+            if (type === eventType) {
+              // automatically enable `show-ar-banner` to true if an arclick event is added
+              this.setAttribute('show-ar-banner', 'true');
+              // if this is a redirect url from an AR Action - we need to fire the event listener now
+              var url = new URL(location.href);
+              if (url.searchParams.get('plattar_ar_action') === 'true') {
+                setTimeout(function () {
+                  _this27.dispatchEvent(new Event(eventType));
+                }, 200);
+              }
+            }
+          }
         }]);
         return PlattarEmbed;
       }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
@@ -3318,7 +3567,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
        * Manages a Configuration State of multiple Products with multiple Variations
        * Allows easily changing
        */
-      var ConfiguratorState = /*#__PURE__*/function (_decodeState, _decodeScene) {
+      var ConfiguratorState = /*#__PURE__*/function () {
         function ConfiguratorState() {
           var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           _classCallCheck(this, ConfiguratorState);
@@ -3361,14 +3610,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         _createClass(ConfiguratorState, [{
           key: "setVariationSKU",
           value: function setVariationSKU(productVariationSKU) {
-            var _this27 = this;
+            var _this28 = this;
             var variationIDs = this._mappedVariationSKUValues.get(productVariationSKU);
             if (!variationIDs) {
               console.warn("ConfiguratorState.setVariationSKU() - Variation SKU of " + productVariationSKU + " is not defined in any variations");
               return;
             }
             variationIDs.forEach(function (variationID) {
-              _this27.setVariationID(variationID);
+              _this28.setVariationID(variationID);
             });
           }
           /**
@@ -3685,8 +3934,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            */
         }, {
           key: "decodeState",
-          value: function decodeState() {
-            return (_decodeState = _decodeState || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
+          value: (function () {
+            var _decodeState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
               var sceneID,
                 state,
                 configState,
@@ -3724,18 +3973,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context29.stop();
                 }
               }, _callee29);
-            }))).apply(this, arguments);
-          }
+            }));
+            function decodeState() {
+              return _decodeState.apply(this, arguments);
+            }
+            return decodeState;
+          }()
           /**
            * Generates a new ConfiguratorState instance from all SceneProducts and default
            * variations from the provided Scene ID
            * @param sceneID - the Scene ID to generate
            * @returns - Promise that resolves into a ConfiguratorState instance
            */
+          )
         }, {
           key: "decodeScene",
-          value: function decodeScene() {
-            return (_decodeScene = _decodeScene || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30() {
+          value: (function () {
+            var _decodeScene = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30() {
               var sceneID,
                 configState,
                 fscene,
@@ -3817,8 +4071,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context30.stop();
                 }
               }, _callee30);
-            }))).apply(this, arguments);
-          }
+            }));
+            function decodeScene() {
+              return _decodeScene.apply(this, arguments);
+            }
+            return decodeScene;
+          }())
         }]);
         return ConfiguratorState;
       }();
@@ -3940,7 +4198,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.158.2";
+      exports["default"] = "1.163.1";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -3948,36 +4206,38 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var ARViewer = /*#__PURE__*/_createClass(function ARViewer() {
-        _classCallCheck(this, ARViewer);
-        this.modelUrl = null;
-        this.modelUrl = null;
-      });
-      exports["default"] = ARViewer;
+      exports.ARViewer = void 0;
+      var ARViewer = /*#__PURE__*/function () {
+        function ARViewer() {
+          _classCallCheck(this, ARViewer);
+          this.modelUrl = null;
+          this.banner = null;
+        }
+        _createClass(ARViewer, [{
+          key: "composedActionURL",
+          get: function get() {
+            var link = new URL(location.href);
+            link.searchParams.set("plattar_ar_action", "true");
+            return encodeURI(link.href);
+          }
+        }]);
+        return ARViewer;
+      }();
+      exports.ARViewer = ARViewer;
     }, {}],
     18: [function (require, module, exports) {
       "use strict";
 
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
-      };
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var ar_viewer_1 = __importDefault(require("./ar-viewer"));
-      var QuicklookViewer = /*#__PURE__*/function (_ar_viewer_1$default) {
-        _inherits(QuicklookViewer, _ar_viewer_1$default);
+      var ar_viewer_1 = require("./ar-viewer");
+      var QuicklookViewer = /*#__PURE__*/function (_ar_viewer_1$ARViewer) {
+        _inherits(QuicklookViewer, _ar_viewer_1$ARViewer);
         var _super11 = _createSuper(QuicklookViewer);
         function QuicklookViewer() {
-          var _this28;
           _classCallCheck(this, QuicklookViewer);
-          _this28 = _super11.call(this);
-          _this28.araction = null;
-          _this28.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
-          _this28.arcallback = function () {};
-          return _this28;
+          return _super11.call(this);
         }
         _createClass(QuicklookViewer, [{
           key: "nodeType",
@@ -3999,29 +4259,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             var anchor = document.createElement("a");
             anchor.setAttribute("rel", "ar");
             anchor.appendChild(document.createElement("img"));
+            var banner = this.banner;
             var url = this.modelUrl;
-            var araction = this.araction;
-            if (araction) {
+            if (banner) {
+              url += "#callToAction=".concat(banner.button);
+              url += "&checkoutTitle=".concat(banner.title);
+              url += "&checkoutSubtitle=".concat(banner.subtitle);
               var handleQuicklook = function handleQuicklook(event) {
                 if (event.data === "_apple_ar_quicklook_button_tapped") {
-                  _this29.arcallback();
+                  window.location.assign(_this29.composedActionURL);
                 }
-                document.body.removeChild(anchor);
-                anchor.removeEventListener("message", handleQuicklook, false);
               };
               anchor.addEventListener("message", handleQuicklook, false);
-              document.body.appendChild(anchor);
-              url += "#callToAction=" + araction;
-              if (this.titleHTML) {
-                url += this.titleHTML;
-              }
             }
+            document.body.appendChild(anchor);
             anchor.setAttribute("href", encodeURI(url));
             anchor.click();
           }
         }]);
         return QuicklookViewer;
-      }(ar_viewer_1["default"]);
+      }(ar_viewer_1.ARViewer);
       exports["default"] = QuicklookViewer;
     }, {
       "./ar-viewer": 17
@@ -4029,17 +4286,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     19: [function (require, module, exports) {
       "use strict";
 
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
-      };
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var ar_viewer_1 = __importDefault(require("./ar-viewer"));
-      var RealityViewer = /*#__PURE__*/function (_ar_viewer_1$default2) {
-        _inherits(RealityViewer, _ar_viewer_1$default2);
+      var ar_viewer_1 = require("./ar-viewer");
+      var RealityViewer = /*#__PURE__*/function (_ar_viewer_1$ARViewer2) {
+        _inherits(RealityViewer, _ar_viewer_1$ARViewer2);
         var _super12 = _createSuper(RealityViewer);
         function RealityViewer() {
           _classCallCheck(this, RealityViewer);
@@ -4069,7 +4321,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           }
         }]);
         return RealityViewer;
-      }(ar_viewer_1["default"]);
+      }(ar_viewer_1.ARViewer);
       exports["default"] = RealityViewer;
     }, {
       "./ar-viewer": 17
@@ -4077,25 +4329,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     20: [function (require, module, exports) {
       "use strict";
 
-      var __importDefault = this && this.__importDefault || function (mod) {
-        return mod && mod.__esModule ? mod : {
-          "default": mod
-        };
-      };
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var ar_viewer_1 = __importDefault(require("./ar-viewer"));
-      var SceneViewer = /*#__PURE__*/function (_ar_viewer_1$default3) {
-        _inherits(SceneViewer, _ar_viewer_1$default3);
+      var ar_viewer_1 = require("./ar-viewer");
+      var SceneViewer = /*#__PURE__*/function (_ar_viewer_1$ARViewer3) {
+        _inherits(SceneViewer, _ar_viewer_1$ARViewer3);
         var _super13 = _createSuper(SceneViewer);
         function SceneViewer() {
           var _this30;
           _classCallCheck(this, SceneViewer);
           _this30 = _super13.call(this);
-          _this30.araction = null;
           _this30.isVertical = false;
-          _this30.titleHTML = "<b>" + document.title;
           _this30.isVertical = false;
           return _this30;
         }
@@ -4115,34 +4360,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             if (!this.modelUrl) {
               throw new Error("SceneViewer.start() - model url not set, use SceneViewer.modelUrl");
             }
-            var araction = this.araction;
-            var composedLink = encodeURIComponent(location.href);
-            if (araction) {
-              var link = new URL(location.href);
-              link.searchParams.set("araction", araction);
-              composedLink = encodeURIComponent(link.href);
-            }
-            if (!composedLink) {
-              throw new Error("SceneViewer.start() - failed to create composition link, check parameters");
-            }
-            var linkOverride = encodeURIComponent(location.href + '#no-ar-fallback');
-            var intent = 'intent://arvr.google.com/scene-viewer/1.1';
-            intent += '?file=' + this.modelUrl;
-            intent += '&mode=ar_preferred';
-            intent += '&link=' + composedLink;
-            intent += '&title=<b>' + this.titleHTML;
+            var linkOverride = encodeURIComponent("".concat(location.href, "#no-ar-fallback"));
+            var intent = "intent://arvr.google.com/scene-viewer/1.1?file=".concat(this.modelUrl, "&mode=ar_preferred");
+            var banner = this.banner;
+            if (banner) {
+              intent += "&title=<b>".concat(banner.title, "</b><br>").concat(banner.subtitle);
+              intent += "&link=".concat(this.composedActionURL);
+            }
             if (this.isVertical) {
               intent += '&enable_vertical_placement=true';
             }
             intent += ' #Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;';
-            intent += 'S.browser_fallback_url=' + linkOverride + ';end;';
+            intent += "S.browser_fallback_url=".concat(linkOverride, ";end;");
             var anchor = document.createElement("a");
             anchor.setAttribute("href", intent);
             anchor.click();
           }
         }]);
         return SceneViewer;
-      }(ar_viewer_1["default"]);
+      }(ar_viewer_1.ARViewer);
       exports["default"] = SceneViewer;
     }, {
       "./ar-viewer": 17
@@ -6801,7 +7037,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   api_read: "https://localhost:3000/v3/",
                   api_write: "https://localhost:3000/v3/",
                   cdn: "https://cdn-dev.plattar.space/",
-                  cdn_image: "https://images-dev.plattar.space/'",
+                  cdn_image: "https://images-dev.plattar.space/",
                   analytics: "https://localhost:3000/api/v2/analytics/",
                   type: "dev"
                 };
@@ -8792,7 +9028,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "../types/trigger/trigger-image.js": 105
     }],
     107: [function (require, module, exports) {
-      module.exports = "1.154.1";
+      module.exports = "1.159.1";
     }, {}],
     108: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
@@ -8997,7 +9233,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               this._qrCode = new QRCodeStyling(this._options);
               this._qrCode.append(div);
               this._UpdateCanvas(width, height);
-              div.style.display = "block";
+              div.style.display = "flex";
               return;
             }
             var newHash = hash({
@@ -9097,7 +9333,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "./version": 111
     }],
     111: [function (require, module, exports) {
-      module.exports = "1.150.2";
+      module.exports = "1.160.1";
     }, {}],
     112: [function (require, module, exports) {
       "use strict";