@plattar/plattar-ar-adapter 1.128.1 → 1.129.1

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

@@ -639,9 +639,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ConfiguratorController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -651,7 +648,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -852,6 +849,7 @@ exports.ConfiguratorController = ConfiguratorController;
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlattarController = exports.ControllerState = void 0;
+const plattar_api_1 = require("@plattar/plattar-api");
 var ControllerState;
 (function (ControllerState) {
     ControllerState[ControllerState["None"] = 0] = "None";
@@ -863,6 +861,9 @@ var ControllerState;
  */
 class PlattarController {
     constructor(parent) {
+        this._state = ControllerState.None;
+        this._element = null;
+        this._prevQROpt = null;
         this._parent = parent;
     }
     /**
@@ -887,6 +888,86 @@ class PlattarController {
             }).catch(reject);
         });
     }
+    /**
+     * Decide which QR Code to render according to the qr-type attribute
+     * @param options
+     * @returns
+     */
+    startQRCode(options) {
+        const qrType = this.getAttribute("qr-type") || "viewer";
+        switch (qrType.toLowerCase()) {
+            case "ar":
+                return this.startARQRCode(options);
+            case "viewer":
+            default:
+                return this.startViewerQRCode(options);
+        }
+    }
+    /**
+     * Displays a QR Code that sends the user direct to AR
+     * @param options
+     * @returns
+     */
+    startARQRCode(options) {
+        return new Promise((accept, reject) => {
+            // remove the old renderer instance if any
+            this.removeRenderer();
+            const opt = options || PlattarController.DEFAULT_QR_OPTIONS;
+            const viewer = document.createElement("plattar-qrcode");
+            // required attributes with defaults for plattar-viewer node
+            const width = this.getAttribute("width") || "500px";
+            const height = this.getAttribute("height") || "500px";
+            viewer.setAttribute("width", width);
+            viewer.setAttribute("height", height);
+            if (opt.color) {
+                viewer.setAttribute("color", opt.color);
+            }
+            if (opt.margin) {
+                viewer.setAttribute("margin", "" + opt.margin);
+            }
+            if (opt.qrType) {
+                viewer.setAttribute("qr-type", opt.qrType);
+            }
+            const qrOptions = btoa(JSON.stringify(opt));
+            let dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
+            const sceneID = this.getAttribute("scene-id");
+            const configState = this.getAttribute("config-state");
+            const embedType = this.getAttribute("embed-type");
+            const productID = this.getAttribute("product-id");
+            const sceneProductID = this.getAttribute("scene-product-id");
+            const variationID = this.getAttribute("variation-id");
+            const arMode = this.getAttribute("ar-mode");
+            if (configState) {
+                dst += "&config_state=" + configState;
+            }
+            if (embedType) {
+                dst += "&embed_type=" + embedType;
+            }
+            if (productID) {
+                dst += "&product_id=" + productID;
+            }
+            if (sceneProductID) {
+                dst += "&scene_product_id=" + sceneProductID;
+            }
+            if (variationID) {
+                dst += "&variation_id=" + variationID;
+            }
+            if (arMode) {
+                dst += "&ar_mode=" + arMode;
+            }
+            if (sceneID) {
+                dst += "&scene_id=" + sceneID;
+            }
+            viewer.setAttribute("url", opt.url || dst);
+            viewer.onload = () => {
+                return accept(viewer);
+            };
+            this._element = viewer;
+            this._state = ControllerState.QRCode;
+            this._prevQROpt = opt;
+            this.append(viewer);
+        });
+    }
     /**
      * Returns the Parent Instance
      */
@@ -912,7 +993,7 @@ class PlattarController {
 }
 exports.PlattarController = PlattarController;
 
-},{}],9:[function(require,module,exports){
+},{"@plattar/plattar-api":42}],9:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductController = void 0;
@@ -926,9 +1007,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ProductController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -949,7 +1027,7 @@ class ProductController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -1073,9 +1151,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ViewerController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -1097,7 +1172,7 @@ class ViewerController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -1249,9 +1324,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class VTOController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -1261,7 +1333,7 @@ class VTOController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -1981,7 +2053,7 @@ exports.Util = Util;
 },{}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.128.1";
+exports.default = "1.129.1";
 
 },{}],17:[function(require,module,exports){
 "use strict";