@plattar/plattar-ar-adapter 1.167.6 → 1.167.7

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

@@ -20,6 +20,5 @@ export declare class ConfiguratorController extends PlattarController {
      * Private Function - This launches the Dynamic/Generated AR Mode
      */
     private _InitARGenerated;
-    removeRenderer(): boolean;
     get element(): HTMLElement | null;
 }

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

@@ -293,15 +293,6 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         const configAR = new configurator_ar_1.ConfiguratorAR({ state: await this.getConfiguratorState(), useARBanner: this.getBooleanAttribute("show-ar-banner") });
         return configAR.init();
     }
-    removeRenderer() {
-        if (this._element) {
-            this._element.remove();
-            this._element = null;
-            return true;
-        }
-        this.removeMessengerObservers();
-        return false;
-    }
     get element() {
         return this._element;
     }

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

@@ -75,7 +75,7 @@ export declare abstract class PlattarController {
     /**
      * Removes the currently active renderer view from the DOM
      */
-    abstract removeRenderer(): boolean;
+    removeRenderer(): boolean;
     /**
      * Get the underlying renderer component (if any)
      */
@@ -114,4 +114,9 @@ export declare abstract class PlattarController {
      * @param element - The element to append
      */
     append(element: HTMLElement): void;
+    /**
+     *
+     * @param element
+     */
+    removeChild(element: HTMLElement): void;
 }

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

@@ -201,6 +201,23 @@ class PlattarController {
             };
         });
     }
+    /**
+     * Removes the currently active renderer view from the DOM
+     */
+    removeRenderer() {
+        // remove all other children
+        const shadow = this.parent.shadowRoot;
+        if (shadow) {
+            let child = shadow.lastElementChild;
+            while (child) {
+                shadow.removeChild(child);
+                child = shadow.lastElementChild;
+            }
+        }
+        this._element = null;
+        this.removeMessengerObservers();
+        return true;
+    }
     /**
      * Returns the Parent Instance
      */
@@ -252,5 +269,15 @@ class PlattarController {
         const shadow = this.parent.shadowRoot || this.parent.attachShadow({ mode: 'open' });
         shadow.append(element);
     }
+    /**
+     *
+     * @param element
+     */
+    removeChild(element) {
+        const shadow = this.parent.shadowRoot;
+        if (shadow) {
+            shadow.removeChild(element);
+        }
+    }
 }
 exports.PlattarController = PlattarController;

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

@@ -19,6 +19,5 @@ export declare class ProductController extends PlattarController {
     startARQRCode(options: any): Promise<HTMLElement>;
     startRenderer(): Promise<HTMLElement>;
     initAR(): Promise<LauncherAR>;
-    removeRenderer(): boolean;
     get element(): HTMLElement | null;
 }

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

@@ -217,14 +217,6 @@ class ProductController extends plattar_controller_1.PlattarController {
             return reject(new Error("ProductController.initAR() - minimum required attributes not set, use product-id as a minimum"));
         });
     }
-    removeRenderer() {
-        if (this._element) {
-            this._element.remove();
-            this._element = null;
-            return true;
-        }
-        return false;
-    }
     get element() {
         return this._element;
     }

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

@@ -19,6 +19,5 @@ export declare class VTOController extends PlattarController {
      * Private Function - This launches the Dynamic/Generated AR Mode
      */
     private _InitARGenerated;
-    removeRenderer(): boolean;
     get element(): HTMLElement | null;
 }

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

@@ -231,15 +231,6 @@ class VTOController extends plattar_controller_1.PlattarController {
         const configAR = new configurator_ar_1.ConfiguratorAR({ state: await this.getConfiguratorState(), useARBanner: this.getBooleanAttribute("show-ar-banner") });
         return configAR.init();
     }
-    removeRenderer() {
-        if (this._element) {
-            this._element.remove();
-            this._element = null;
-            return true;
-        }
-        this.removeMessengerObservers();
-        return false;
-    }
     get element() {
         return this._element;
     }

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

@@ -9,6 +9,7 @@ export default class PlattarEmbed extends HTMLElement {
     private _observerState;
     private _controller;
     private _currentSceneID;
+    private _currentServer;
     private _observer;
     constructor();
     get viewer(): HTMLElement | null;

package/dist/embed/plattar-embed.js

@@ -4,6 +4,7 @@ const plattar_api_1 = require("@plattar/plattar-api");
 const configurator_controller_1 = require("./controllers/configurator-controller");
 const vto_controller_1 = require("./controllers/vto-controller");
 const product_controller_1 = require("./controllers/product-controller");
+const util_1 = require("../util/util");
 /**
  * This tracks the current embed type
  */
@@ -34,6 +35,7 @@ class PlattarEmbed extends HTMLElement {
         this._observerState = ObserverState.Unlocked;
         this._controller = null;
         this._currentSceneID = null;
+        this._currentServer = null;
         this._observer = null;
     }
     get viewer() {
@@ -49,9 +51,6 @@ class PlattarEmbed extends HTMLElement {
      * creates a brand new instance of this embed
      */
     create() {
-        // server cannot be changed once its set - defaults to production
-        const server = this.hasAttribute("server") ? this.getAttribute("server") : "production";
-        plattar_api_1.Server.create(plattar_api_1.Server.match(server || "production"));
         if (!this._observer) {
             this._observer = new MutationObserver((mutations) => {
                 if (this._observerState === ObserverState.Unlocked) {
@@ -108,15 +107,23 @@ class PlattarEmbed extends HTMLElement {
      * embedding products with variations (without a scene-id)
      */
     _CreateLegacyEmbed() {
-        this._controller = new product_controller_1.ProductController(this);
-        const init = this.hasAttribute("init") ? this.getAttribute("init") : null;
-        switch (init) {
-            case "viewer":
-                this.startViewer();
-                break;
-            case "qrcode":
-                this.startQRCode();
-                break;
+        // server cannot be changed once its set - defaults to production
+        const server = this.hasAttribute("server") ? this.getAttribute("server") : "production";
+        if (util_1.Util.isValidServerLocation(server)) {
+            plattar_api_1.Server.create(plattar_api_1.Server.match(server || "production"));
+            this._controller = new product_controller_1.ProductController(this);
+            const init = this.hasAttribute("init") ? this.getAttribute("init") : null;
+            switch (init) {
+                case "viewer":
+                    this.startViewer();
+                    break;
+                case "qrcode":
+                    this.startQRCode();
+                    break;
+            }
+        }
+        else {
+            console.warn("PlattarEmbed.CreateLegacy - cannot create as server attribute " + server + " is invalid, embed status remains unchanged");
         }
     }
     /**
@@ -124,6 +131,21 @@ class PlattarEmbed extends HTMLElement {
      * this can also be called when attributes/state changes so embeds can be re-loaded
      */
     _CreateEmbed(attributeName) {
+        // check if controller needs to be destroyed due to server change
+        const serverAttribute = this.hasAttribute("server") ? this.getAttribute("server") : "production";
+        if (this._currentServer !== serverAttribute) {
+            this._currentServer = serverAttribute || "production";
+            // reset the controller if any
+            if (this._controller) {
+                this._controller.removeRenderer();
+                this._controller = null;
+            }
+        }
+        if (!util_1.Util.isValidServerLocation(this._currentServer)) {
+            console.warn("PlattarEmbed.Create - cannot create as server attribute " + this._currentServer + " is invalid, embed status remains unchanged");
+            return;
+        }
+        plattar_api_1.Server.create(plattar_api_1.Server.match(this._currentServer || "production"));
         const embedType = this.hasAttribute("embed-type") ? this.getAttribute("embed-type") : "configurator";
         const currentEmbed = this._currentType;
         if (embedType) {

package/dist/util/util.d.ts

@@ -2,6 +2,7 @@
  * Static Utility Functions
  */
 export declare class Util {
+    static isValidServerLocation(server: string | null | undefined): boolean;
     static canAugment(): boolean;
     static canQuicklook(): boolean;
     static canSceneViewer(): boolean;

package/dist/util/util.js

@@ -5,6 +5,30 @@ exports.Util = void 0;
  * Static Utility Functions
  */
 class Util {
+    static isValidServerLocation(server) {
+        if (!server) {
+            return false;
+        }
+        switch (server.toLowerCase()) {
+            case "staging.plattar.space":
+            case "cdn-staging.plattar.space":
+            case "staging":
+            case "app.plattar.com":
+            case "cdn.plattar.com":
+            case "prod":
+            case "production":
+            case "review.plattar.com":
+            case "review":
+            case "qa":
+            case "dev":
+            case "developer":
+            case "development":
+            case "local":
+            case "localhost":
+                return true;
+        }
+        return false;
+    }
     static canAugment() {
         return Util.canQuicklook() || Util.canSceneViewer();
     }

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.167.6";
+declare const _default: "1.167.7";
 export default _default;

package/dist/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.167.6";
+exports.default = "1.167.7";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plattar/plattar-ar-adapter",
-  "version": "1.167.6",
+  "version": "1.167.7",
   "description": "Plattar AR Adapter for interfacing with Google & Apple WebAR",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -39,16 +39,16 @@
   "dependencies": {
     "@plattar/plattar-analytics": "^1.152.2",
     "@plattar/plattar-api": "^1.159.1",
-    "@plattar/plattar-qrcode": "1.160.1",
+    "@plattar/plattar-qrcode": "1.165.1",
     "@plattar/plattar-services": "^1.157.1",
-    "@plattar/plattar-web": "^1.154.3"
+    "@plattar/plattar-web": "^1.165.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.3",
-    "@babel/preset-env": "^7.23.3",
+    "@babel/cli": "^7.23.9",
+    "@babel/core": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
     "browserify": "^17.0.0",
-    "typescript": "^5.3.2",
+    "typescript": "^5.3.3",
     "uglify-js": "^3.17.4"
   },
   "publishConfig": {