@plattar/plattar-ar-adapter 1.155.1 → 1.155.3

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

@@ -1449,6 +1449,76 @@ class ProductController extends plattar_controller_1.PlattarController {
             return reject(new Error("ProductController.startQRCode() - minimum required attributes not set, use product-id as a minimum"));
         });
     }
+    /**
+     * 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 || this._GetDefaultQROptions();
+            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);
+            }
+            viewer.setAttribute("shorten", (opt.shorten && (opt.shorten === true || opt.shorten === "true")) ? "true" : "false");
+            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 variationSKU = this.getAttribute("variation-sku");
+            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 (variationSKU) {
+                dst += "&variation_sku=" + variationSKU;
+            }
+            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 = plattar_controller_1.ControllerState.QRCode;
+            this._prevQROpt = opt;
+            this.append(viewer);
+        });
+    }
     startRenderer() {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
@@ -1825,9 +1895,8 @@ class PlattarEmbed extends HTMLElement {
                 attributes: true
             });
         }
-        const sceneID = this.hasAttribute("scene-id") ? this.getAttribute("scene-id") : null;
         const productID = this.hasAttribute("product-id") ? this.getAttribute("product-id") : null;
-        if (!sceneID && productID) {
+        if (productID) {
             this._currentType = EmbedType.Legacy;
             this._CreateLegacyEmbed();
             return;
@@ -1850,6 +1919,15 @@ class PlattarEmbed extends HTMLElement {
      */
     _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;
+        }
     }
     /**
      * creates the embed
@@ -2063,12 +2141,14 @@ class ConfiguratorState {
      * purposes of Configuration
      */
     setVariationSKU(productVariationSKU) {
-        const variationID = this._mappedVariationSKUValues.get(productVariationSKU);
-        if (!variationID) {
+        const variationIDs = this._mappedVariationSKUValues.get(productVariationSKU);
+        if (!variationIDs) {
             console.warn("ConfiguratorState.setVariationSKU() - Variation SKU of " + productVariationSKU + " is not defined in any variations");
             return;
         }
-        this.setVariationID(variationID);
+        variationIDs.forEach((variationID) => {
+            this.setVariationID(variationID);
+        });
     }
     /**
      * Modifyes the SceneProduct that this Variation belongs to and changes for
@@ -2338,7 +2418,13 @@ class ConfiguratorState {
                 variations.forEach((variation) => {
                     configState._mappedVariationIDValues.set(variation.id, sceneProduct.id);
                     if (variation.attributes.sku) {
-                        configState._mappedVariationSKUValues.set(variation.attributes.sku, variation.id);
+                        const existingSKUs = configState._mappedVariationSKUValues.get(variation.attributes.sku);
+                        if (existingSKUs) {
+                            existingSKUs.push(variation.id);
+                        }
+                        else {
+                            configState._mappedVariationSKUValues.set(variation.attributes.sku, [variation.id]);
+                        }
                     }
                 });
             }
@@ -2435,7 +2521,7 @@ exports.Util = Util;
 },{}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.155.1";
+exports.default = "1.155.3";
 
 },{}],17:[function(require,module,exports){
 "use strict";