@plattar/plattar-ar-adapter 1.158.2 → 1.163.1

package/dist/ar/configurator-ar.d.ts

@@ -1,13 +1,17 @@
 import { LauncherAR } from "./launcher-ar";
 import { DecodedConfiguratorState } from "../util/configurator-state";
+export interface ConfiguratorAROptions {
+    readonly state: DecodedConfiguratorState;
+    readonly useARBanner: boolean;
+}
 /**
  * Performs AR functionality related to Plattar Scenes
  */
 export declare class ConfiguratorAR extends LauncherAR {
     private _analytics;
-    private _state;
+    private _options;
     private _ar;
-    constructor(state: DecodedConfiguratorState);
+    constructor(options: ConfiguratorAROptions);
     private _SetupAnalytics;
     /**
      * Composes a Scene into an AR Model (remote operation) that can be used to launch

package/dist/ar/configurator-ar.js

@@ -9,7 +9,6 @@ const plattar_api_1 = require("@plattar/plattar-api");
 const plattar_services_1 = require("@plattar/plattar-services");
 const util_1 = require("../util/util");
 const quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
-const reality_viewer_1 = __importDefault(require("../viewers/reality-viewer"));
 const scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
 const launcher_ar_1 = require("./launcher-ar");
 const version_1 = __importDefault(require("../version"));
@@ -17,18 +16,18 @@ const version_1 = __importDefault(require("../version"));
  * Performs AR functionality related to Plattar Scenes
  */
 class ConfiguratorAR extends launcher_ar_1.LauncherAR {
-    constructor(state) {
+    constructor(options) {
         super();
         // 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;
     }
     _SetupAnalytics() {
-        const scene = this._state.scene;
+        const scene = this._options.state.scene;
         let analytics = null;
         // setup scene stuff (if any)
         if (scene) {
@@ -44,6 +43,13 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
             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'
+                    };
+                }
             }
         }
     }
@@ -52,7 +58,7 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
      * an AR File
      */
     async _Compose(output) {
-        const objects = this._state.state.array();
+        const objects = this._options.state.state.array();
         if (objects.length <= 0) {
             throw new Error("ConfiguratorAR.Compose() - cannot proceed as scene does not contain AR components");
         }
@@ -89,7 +95,7 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
         if (!util_1.Util.canAugment()) {
             throw new Error("ConfiguratorAR.init() - cannot proceed as AR not available in context");
         }
-        const scene = this._state.scene;
+        const scene = this._options.state.scene;
         this._SetupAnalytics();
         const sceneOpt = scene.attributes.custom_json || {};
         // we need to define our AR module here
@@ -100,8 +106,9 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
             if (sceneOpt.anchor === "face") {
                 if (util_1.Util.canRealityViewer()) {
                     const modelUrl = await this._Compose("vto");
-                    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 this;
                 }
                 else {
@@ -113,6 +120,7 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
                 const modelUrl = await this._Compose("usdz");
                 this._ar = new quicklook_viewer_1.default();
                 this._ar.modelUrl = modelUrl;
+                this._ar.banner = this.options.banner;
                 return this;
             }
             throw new Error("ConfiguratorAR.init() - cannot proceed as IOS device does not support AR Mode");
@@ -123,6 +131,7 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
             const arviewer = new scene_viewer_1.default();
             arviewer.modelUrl = modelUrl;
             arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+            arviewer.banner = this.options.banner;
             if (sceneOpt.anchor === "vertical") {
                 arviewer.isVertical = true;
             }

package/dist/ar/launcher-ar.d.ts

@@ -1,5 +1,7 @@
+import { ARBanner } from "../viewers/ar-viewer";
 export interface LauncherAROptions {
     anchor: "horizontal" | "vertical" | "vto" | "horizontal_vertical";
+    banner: ARBanner | null;
 }
 export declare abstract class LauncherAR {
     private readonly _opt;

package/dist/ar/launcher-ar.js

@@ -4,7 +4,8 @@ exports.LauncherAR = void 0;
 class LauncherAR {
     constructor() {
         this._opt = {
-            anchor: "horizontal_vertical"
+            anchor: "horizontal_vertical",
+            banner: null
         };
     }
     /**

package/dist/ar/model-ar.d.ts

@@ -1,12 +1,16 @@
 import { LauncherAR } from "./launcher-ar";
+export interface ModelAROptions {
+    readonly modelID: string;
+    readonly useARBanner: boolean;
+}
 /**
  * Performs AT Functionality using Plattar FileModel types
  */
 export declare class ModelAR extends LauncherAR {
     private _analytics;
-    private readonly _modelID;
+    private readonly _options;
     private _ar;
-    constructor(modelID?: string | undefined | null);
+    constructor(options: ModelAROptions);
     get modelID(): string;
     private _SetupAnalytics;
     /**

package/dist/ar/model-ar.js

@@ -16,18 +16,18 @@ const version_1 = __importDefault(require("../version"));
  * Performs AT Functionality using Plattar FileModel types
  */
 class ModelAR extends launcher_ar_1.LauncherAR {
-    constructor(modelID = null) {
+    constructor(options) {
         super();
         // analytics instance
         this._analytics = null;
-        if (!modelID) {
+        if (!options.modelID) {
             throw new Error("ModelAR.constructor(modelID) - modelID must be defined");
         }
-        this._modelID = modelID;
+        this._options = options;
         this._ar = null;
     }
     get modelID() {
-        return this._modelID;
+        return this._options.modelID;
     }
     _SetupAnalytics(model) {
         let analytics = null;
@@ -43,6 +43,13 @@ class ModelAR extends launcher_ar_1.LauncherAR {
             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'
+                };
+            }
         }
     }
     /**
@@ -70,12 +77,14 @@ class ModelAR extends launcher_ar_1.LauncherAR {
                     if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
                         this._ar = new reality_viewer_1.default();
                         this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                        this._ar.banner = this.options.banner;
                         return accept(this);
                     }
                     // otherwise, load the USDZ stuff second if available
                     if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
                         this._ar = new quicklook_viewer_1.default();
                         this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                        this._ar.banner = this.options.banner;
                         return accept(this);
                     }
                     return reject(new Error("ModelAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
@@ -85,6 +94,7 @@ class ModelAR extends launcher_ar_1.LauncherAR {
                     const arviewer = new scene_viewer_1.default();
                     arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
                     arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    arviewer.banner = this.options.banner;
                     this._ar = arviewer;
                     return accept(this);
                 }

package/dist/ar/product-ar.d.ts

@@ -1,14 +1,18 @@
 import { LauncherAR } from "./launcher-ar";
+export interface ProductAROptions {
+    readonly productID: string;
+    readonly variationID: string | null;
+    readonly variationSKU: string | null;
+    readonly useARBanner: boolean;
+}
 /**
  * Performs AR functionality related to Plattar Products and Variation types
  */
 export declare class ProductAR extends LauncherAR {
     private _analytics;
-    private readonly _productID;
-    private readonly _variationID;
-    private readonly _variationSKU;
+    private readonly _options;
     private _ar;
-    constructor(productID?: string | undefined | null, variationID?: string | undefined | null, variationSKU?: string | undefined | null);
+    constructor(options: ProductAROptions);
     get productID(): string;
     get variationID(): string | null;
     get variationSKU(): string | null;

package/dist/ar/product-ar.js

@@ -16,26 +16,38 @@ const version_1 = __importDefault(require("../version"));
  * Performs AR functionality related to Plattar Products and Variation types
  */
 class ProductAR extends launcher_ar_1.LauncherAR {
-    constructor(productID = null, variationID = null, variationSKU = null) {
+    /*
+    constructor(productID: string | undefined | null = null, variationID: string | undefined | null = null, variationSKU: string | undefined | null = null) {
         super();
-        // analytics instance
-        this._analytics = null;
+
         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;
     }
+    */
+    constructor(options) {
+        super();
+        // analytics instance
+        this._analytics = null;
+        if (!options.productID) {
+            throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
+        }
+        this._options = options;
+        this._ar = null;
+    }
     get productID() {
-        return this._productID;
+        return this._options.productID;
     }
     get variationID() {
-        return this._variationID;
+        return this._options.variationID;
     }
     get variationSKU() {
-        return this._variationSKU;
+        return this._options.variationSKU;
     }
     _SetupAnalytics(product, variation) {
         let analytics = null;
@@ -54,6 +66,13 @@ class ProductAR extends launcher_ar_1.LauncherAR {
             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) {
@@ -129,12 +148,14 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                     if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
                         this._ar = new reality_viewer_1.default();
                         this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                        this._ar.banner = this.options.banner;
                         return accept(this);
                     }
                     // otherwise, load the USDZ stuff second if available
                     if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
                         this._ar = new quicklook_viewer_1.default();
                         this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                        this._ar.banner = this.options.banner;
                         return accept(this);
                     }
                     return reject(new Error("ProductAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
@@ -144,6 +165,7 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                     const arviewer = new scene_viewer_1.default();
                     arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
                     arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    arviewer.banner = this.options.banner;
                     const scene = product.relationships.find(plattar_api_1.Scene);
                     if (scene) {
                         const sceneOpt = scene.attributes.custom_json || {};

package/dist/ar/raw-ar.d.ts

@@ -1,13 +1,17 @@
 import { LauncherAR } from "./launcher-ar";
+export interface RawAROptions {
+    readonly modelLocation: string;
+    readonly sceneID: string | null;
+    readonly useARBanner: boolean;
+}
 /**
  * Allows launching AR Experiences provided a single remote 3D Model file
  */
 export declare class RawAR extends LauncherAR {
-    private readonly _modelLocation;
-    private readonly _sceneID;
+    private readonly _options;
     private _ar;
     private _analytics;
-    constructor(modelLocation?: string | undefined | null, sceneID?: string | undefined | null);
+    constructor(options: RawAROptions);
     get modelLocation(): string;
     private _SetupAnalytics;
     /**

package/dist/ar/raw-ar.js

@@ -16,17 +16,16 @@ const version_1 = __importDefault(require("../version"));
  * Allows launching AR Experiences provided a single remote 3D Model file
  */
 class RawAR extends launcher_ar_1.LauncherAR {
-    constructor(modelLocation = null, sceneID = null) {
+    constructor(options) {
         super();
         // analytics instance
         this._analytics = null;
-        if (!modelLocation) {
+        if (!options.modelLocation) {
             throw new Error("RawAR.constructor(modelLocation) - modelLocation must be defined");
         }
-        const lowerLoc = modelLocation.toLowerCase();
+        const lowerLoc = options.modelLocation.toLowerCase();
         if (lowerLoc.endsWith("usdz") || lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf") || lowerLoc.endsWith("reality")) {
-            this._modelLocation = modelLocation;
-            this._sceneID = sceneID;
+            this._options = options;
             this._ar = null;
         }
         else {
@@ -34,11 +33,11 @@ class RawAR extends launcher_ar_1.LauncherAR {
         }
     }
     get modelLocation() {
-        return this._modelLocation;
+        return this._options.modelLocation;
     }
     _SetupAnalytics() {
         return new Promise((accept, _reject) => {
-            const sceneID = this._sceneID;
+            const sceneID = this._options.sceneID;
             if (!sceneID) {
                 return accept();
             }
@@ -57,6 +56,13 @@ class RawAR extends launcher_ar_1.LauncherAR {
                 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'
+                        };
+                    }
                 }
                 accept();
             }).catch((_err) => {
@@ -78,7 +84,7 @@ class RawAR extends launcher_ar_1.LauncherAR {
             }
             // send the analytics (if any)
             this._SetupAnalytics().then(() => {
-                const modelLocation = this._modelLocation;
+                const modelLocation = this._options.modelLocation;
                 const lowerLoc = modelLocation.toLowerCase();
                 // we need to define our AR module here
                 // we are in Safari/Quicklook mode here
@@ -87,6 +93,7 @@ class RawAR extends launcher_ar_1.LauncherAR {
                     if (lowerLoc.endsWith("reality") && util_1.Util.canRealityViewer()) {
                         this._ar = new reality_viewer_1.default();
                         this._ar.modelUrl = modelLocation;
+                        this._ar.banner = this.options.banner;
                         return accept(this);
                     }
                     // load the usdz experience if dealing with usdz file
@@ -103,6 +110,7 @@ class RawAR extends launcher_ar_1.LauncherAR {
                         const arviewer = new scene_viewer_1.default();
                         arviewer.modelUrl = modelLocation;
                         arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                        arviewer.banner = this.options.banner;
                         this._ar = arviewer;
                         return accept(this);
                     }

package/dist/ar/scene-ar.d.ts

@@ -4,15 +4,19 @@ export interface SceneVariationSelection {
     readonly productID?: string;
     readonly variationID?: string;
 }
+export interface SceneAROptions {
+    readonly sceneID: string;
+    readonly variationSelection: SceneVariationSelection;
+    readonly useARBanner: boolean;
+}
 /**
  * Performs AR functionality related to Plattar Scenes
  */
 export declare class SceneAR extends LauncherAR {
     private _analytics;
-    private readonly _sceneID;
-    private readonly _variationSelection;
+    private readonly _options;
     private _ar;
-    constructor(sceneID?: string | undefined | null, variationSelection?: SceneVariationSelection | undefined | null);
+    constructor(options: SceneAROptions);
     get sceneID(): string;
     private _SetupAnalytics;
     /**

package/dist/ar/scene-ar.js

@@ -9,7 +9,6 @@ const plattar_api_1 = require("@plattar/plattar-api");
 const plattar_services_1 = require("@plattar/plattar-services");
 const util_1 = require("../util/util");
 const quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
-const reality_viewer_1 = __importDefault(require("../viewers/reality-viewer"));
 const scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
 const launcher_ar_1 = require("./launcher-ar");
 const version_1 = __importDefault(require("../version"));
@@ -17,19 +16,18 @@ const version_1 = __importDefault(require("../version"));
  * Performs AR functionality related to Plattar Scenes
  */
 class SceneAR extends launcher_ar_1.LauncherAR {
-    constructor(sceneID = null, variationSelection = null) {
+    constructor(options) {
         super();
         // analytics instance
         this._analytics = null;
-        if (!sceneID) {
+        if (!options.sceneID) {
             throw new Error("SceneAR.constructor(sceneID) - sceneID must be defined");
         }
-        this._sceneID = sceneID;
-        this._variationSelection = variationSelection || {};
+        this._options = options;
         this._ar = null;
     }
     get sceneID() {
-        return this._sceneID;
+        return this._options.sceneID;
     }
     _SetupAnalytics(scene) {
         let analytics = null;
@@ -47,6 +45,13 @@ class SceneAR extends launcher_ar_1.LauncherAR {
             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'
+                    };
+                }
             }
         }
     }
@@ -70,7 +75,7 @@ class SceneAR extends launcher_ar_1.LauncherAR {
             // add our scene products
             sceneProducts.forEach((sceneProduct) => {
                 const product = sceneProduct.relationships.find(plattar_api_1.Product);
-                const selection = this._variationSelection;
+                const selection = this._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)
@@ -135,8 +140,9 @@ class SceneAR extends launcher_ar_1.LauncherAR {
                     if (sceneOpt.anchor === "face") {
                         if (util_1.Util.canRealityViewer()) {
                             return this._ComposeScene(scene, "vto").then((modelUrl) => {
-                                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 accept(this);
                             }).catch(reject);
                         }
@@ -149,6 +155,7 @@ class SceneAR extends launcher_ar_1.LauncherAR {
                         return this._ComposeScene(scene, "usdz").then((modelUrl) => {
                             this._ar = new quicklook_viewer_1.default();
                             this._ar.modelUrl = modelUrl;
+                            this._ar.banner = this.options.banner;
                             return accept(this);
                         }).catch(reject);
                     }
@@ -160,6 +167,7 @@ class SceneAR extends launcher_ar_1.LauncherAR {
                         const arviewer = new scene_viewer_1.default();
                         arviewer.modelUrl = modelUrl;
                         arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                        arviewer.banner = this.options.banner;
                         if (sceneOpt.anchor === "vertical") {
                             arviewer.isVertical = true;
                         }

package/dist/ar/scene-product-ar.d.ts

@@ -1,4 +1,4 @@
-import { ProductAR } from "./product-ar";
+import { ProductAR, ProductAROptions } from "./product-ar";
 import { LauncherAR } from "./launcher-ar";
 /**
  * Allows launching Product AR by providing a SceneProduct ID instead.
@@ -7,7 +7,7 @@ import { LauncherAR } from "./launcher-ar";
 export declare class SceneProductAR extends ProductAR {
     private readonly _sceneProductID;
     private _attachedProductID;
-    constructor(sceneProductID?: string | undefined | null, variationID?: string | undefined | null, variationSKU?: string | undefined | null);
+    constructor(options: ProductAROptions);
     get sceneProductID(): string;
     get productID(): string;
     init(): Promise<LauncherAR>;

package/dist/ar/scene-product-ar.js

@@ -9,14 +9,15 @@ const util_1 = require("../util/util");
  * SceneProducts are much more convenient to grab from the Plattar CMS
  */
 class SceneProductAR extends product_ar_1.ProductAR {
-    constructor(sceneProductID = null, variationID = null, variationSKU = null) {
-        super(sceneProductID, variationID, variationSKU);
+    constructor(options) {
+        //super(sceneProductID, variationID, variationSKU);
+        super(options);
         // this is evaluated in the init() function
         this._attachedProductID = null;
-        if (!sceneProductID) {
+        if (!options.productID) {
             throw new Error("SceneProductAR.constructor(sceneProductID, variationID) - sceneProductID must be defined");
         }
-        this._sceneProductID = sceneProductID;
+        this._sceneProductID = options.productID;
     }
     get sceneProductID() {
         return this._sceneProductID;

package/dist/embed/controllers/configurator-controller.js

@@ -75,6 +75,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 this.parent.lockObserver();
                 this.parent.destroy();
                 this.setAttribute("product-id", product.scene_product_id);
+                this.removeAttribute("scene-id");
                 this.parent.unlockObserver();
                 const controller = this.parent.create();
                 if (controller) {
@@ -105,6 +106,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 this.parent.lockObserver();
                 this.parent.destroy();
                 this.setAttribute("product-id", product.scene_product_id);
+                this.removeAttribute("scene-id");
                 this.parent.unlockObserver();
                 const controller = this.parent.create();
                 if (controller) {
@@ -139,6 +141,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         let dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID;
         const showAR = this.getAttribute("show-ar");
         const showUI = this.getAttribute("show-ui");
+        const showBanner = this.getAttribute("show-ar-banner");
         if (showUI && showUI === "true") {
             dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
         }
@@ -148,6 +151,9 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         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;
@@ -176,6 +182,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 this.parent.lockObserver();
                 this.parent.destroy();
                 this.setAttribute("product-id", product.scene_product_id);
+                this.removeAttribute("scene-id");
                 this.parent.unlockObserver();
                 const controller = this.parent.create();
                 if (controller) {
@@ -232,6 +239,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 this.parent.lockObserver();
                 this.parent.destroy();
                 this.setAttribute("product-id", product.scene_product_id);
+                this.removeAttribute("scene-id");
                 this.parent.unlockObserver();
                 const controller = this.parent.create();
                 if (controller) {
@@ -263,7 +271,13 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         const state = (await this.getConfiguratorState()).state;
         const first = state.first();
         if (first) {
-            const 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);
+            const 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 sceneProductAR.init();
         }
         throw new Error("ConfiguratorController.initAR() - invalid decoded config-state does not have any product states");
@@ -276,7 +290,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         if (!sceneID) {
             throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
         }
-        const configAR = new configurator_ar_1.ConfiguratorAR(await this.getConfiguratorState());
+        const configAR = new configurator_ar_1.ConfiguratorAR({ state: await this.getConfiguratorState(), useARBanner: this.getBooleanAttribute("show-ar-banner") });
         return configAR.init();
     }
     removeRenderer() {

package/dist/embed/controllers/plattar-controller.d.ts

@@ -90,6 +90,12 @@ export declare abstract class PlattarController {
      * @returns - The attribute value or null
      */
     getAttribute(attribute: string): string | null;
+    /**
+     * Returns the specified attribute from the parent as a boolean
+     * @param attribute - The name of the attribute
+     * @returns - The attribute value
+     */
+    getBooleanAttribute(attribute: string): boolean;
     /**
      * Sets a particular attribute into the HTML DOM
      *
@@ -97,6 +103,12 @@ export declare abstract class PlattarController {
      * @param value - The value of the attribute
      */
     setAttribute(attribute: string, value: string): void;
+    /**
+     * Removes a particular attribute from HTML DOM
+     *
+     * @param attribute - The name of the attribute
+     */
+    removeAttribute(attribute: string): void;
     /**
      * Appends the provided element into the shadow-root of the parent element
      * @param element - The element to append