@plattar/plattar-ar-adapter 1.130.1 → 1.131.1

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

@@ -24,17 +24,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 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; } 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 _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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } 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 _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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -394,6 +394,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           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);
 
@@ -406,7 +407,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           }
 
           _this4._productID = productID;
-          _this4._variationID = variationID ? variationID : "default";
+          _this4._variationSKU = variationSKU;
+          _this4._variationID = variationID ? variationID : variationSKU ? null : "default";
           _this4._ar = null;
           return _this4;
         }
@@ -421,6 +423,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return this._variationID;
           }
+        }, {
+          key: "variationSKU",
+          get: function get() {
+            return this._variationSKU;
+          }
         }, {
           key: "_SetupAnalytics",
           value: function _SetupAnalytics(product, variation) {
@@ -478,16 +485,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               product.include(plattar_api_1.Scene.include(plattar_api_1.Project));
               product.get().then(function (product) {
                 // find the required variation from our product
-                var variationID = _this5.variationID ? _this5.variationID === "default" ? product.attributes.product_variation_id : _this5.variationID : product.attributes.product_variation_id;
+                var variationID = _this5.variationID ? _this5.variationID === "default" ? product.attributes.product_variation_id : _this5.variationID : null;
+                var variationSKU = _this5.variationSKU;
 
-                if (!variationID) {
-                  return reject(new Error("ProductAR.init() - cannot proceed as variation was not defined correctly"));
+                if (!variationID && !variationSKU) {
+                  return reject(new Error("ProductAR.init() - cannot proceed as variation-id or variation-sku was not set correctly"));
                 }
 
-                var variation = product.relationships.find(plattar_api_1.ProductVariation, variationID); // make sure our variation is actually available before moving forward
+                var variation = undefined;
+
+                if (variationID) {
+                  variation = product.relationships.find(plattar_api_1.ProductVariation, variationID);
+                } // if no variation was found with variationID - try searching variation sku
+
+
+                if (!variation && variationSKU) {
+                  var variations = product.relationships.filter(plattar_api_1.ProductVariation);
+
+                  if (variations) {
+                    variation = variations.find(function (element) {
+                      return element.attributes.sku === variationSKU;
+                    });
+                  }
+                } // make sure our variation is actually available before moving forward
+
 
                 if (!variation) {
-                  return reject(new Error("ProductAR.init() - cannot proceed as variation with id " + variationID + " cannot be found"));
+                  return reject(new Error("ProductAR.init() - cannot proceed as variation with id " + variationID + " or sku " + variationSKU + " cannot be found"));
                 } // otherwise both the product and variation are available
                 // we need to figure out if we can actually do AR though
                 // check if variation has a model file defined
@@ -1044,10 +1068,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           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);
 
-          _this10 = _super5.call(this, sceneProductID, variationID); // this is evaluated in the init() function
+          _this10 = _super5.call(this, sceneProductID, variationID, variationSKU); // this is evaluated in the init() function
 
           _this10._attachedProductID = null;
 
@@ -1195,6 +1220,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var showAR = _this12.getAttribute("show-ar");
 
+                var showUI = _this12.getAttribute("show-ui");
+
+                if (showUI && showUI === "true") {
+                  dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
+                }
+
                 if (configState) {
                   dst += "&config_state=" + configState;
                 }
@@ -1246,6 +1277,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var showAR = _this13.getAttribute("show-ar");
 
+                var showUI = _this13.getAttribute("show-ui");
+
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
                 }
@@ -1254,6 +1287,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("show-ar", showAR);
                 }
 
+                if (showUI) {
+                  viewer.setAttribute("show-ui", showUI);
+                }
+
                 viewer.onload = function () {
                   return accept(viewer);
                 };
@@ -1559,6 +1596,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               var variationID = _this16.getAttribute("variation-id");
 
+              var variationSKU = _this16.getAttribute("variation-sku");
+
               var arMode = _this16.getAttribute("ar-mode");
 
               if (configState) {
@@ -1581,6 +1620,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 dst += "&variation_id=" + variationID;
               }
 
+              if (variationSKU) {
+                dst += "&variation_sku=" + variationSKU;
+              }
+
               if (arMode) {
                 dst += "&ar_mode=" + arMode;
               }
@@ -1744,12 +1787,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this17.getAttribute("variation-id");
 
+                var variationSKU = _this17.getAttribute("variation-sku");
+
                 var showAR = _this17.getAttribute("show-ar");
 
                 var dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
 
                 if (variationID) {
-                  dst += "&variation_id=" + variationID;
+                  dst += "&variationId=" + variationID;
+                }
+
+                if (variationSKU) {
+                  dst += "&variationSku=" + variationSKU;
                 }
 
                 if (showAR) {
@@ -1797,12 +1846,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this18.getAttribute("variation-id");
 
+                var variationSKU = _this18.getAttribute("variation-sku");
+
                 var showAR = _this18.getAttribute("show-ar");
 
                 if (variationID) {
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (variationSKU) {
+                  viewer.setAttribute("variation-sku", variationSKU);
+                }
+
                 if (showAR) {
                   viewer.setAttribute("show-ar", showAR);
                 }
@@ -1836,7 +1891,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (productID) {
                 var variationID = _this19.getAttribute("variation-id");
 
-                var product = new product_ar_1.ProductAR(productID, variationID);
+                var variationSKU = _this19.getAttribute("variation-sku");
+
+                var product = new product_ar_1.ProductAR(productID, variationID, variationSKU);
                 return product.init().then(accept)["catch"](reject);
               }
 
@@ -1884,6 +1941,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var product_ar_1 = require("../../ar/product-ar");
 
+      var scene_ar_1 = require("../../ar/scene-ar");
+
       var scene_product_ar_1 = require("../../ar/scene-product-ar");
 
       var configurator_state_1 = require("../../util/configurator-state");
@@ -1971,6 +2030,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this20.getAttribute("variation-id");
 
+                var variationSKU = _this20.getAttribute("variation-sku");
+
                 var showAR = _this20.getAttribute("show-ar");
 
                 if (productID) {
@@ -1981,6 +2042,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   dst += "&variationId=" + variationID;
                 }
 
+                if (variationSKU) {
+                  dst += "&variationSku=" + variationSKU;
+                }
+
                 if (showAR) {
                   dst += "&show_ar=" + showAR;
                 }
@@ -2028,6 +2093,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this21.getAttribute("variation-id");
 
+                var variationSKU = _this21.getAttribute("variation-sku");
+
                 var showAR = _this21.getAttribute("show-ar");
 
                 if (productID) {
@@ -2038,6 +2105,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (variationSKU) {
+                  viewer.setAttribute("variation-sku", variationSKU);
+                }
+
                 if (showAR) {
                   viewer.setAttribute("show-ar", showAR);
                 }
@@ -2072,7 +2143,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (productID) {
                 var variationID = _this22.getAttribute("variation-id");
 
-                var product = new product_ar_1.ProductAR(productID, variationID);
+                var variationSKU = _this22.getAttribute("variation-sku");
+
+                var product = new product_ar_1.ProductAR(productID, variationID, variationSKU);
                 return product.init().then(accept)["catch"](reject);
               }
 
@@ -2082,24 +2155,39 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (sceneProductID) {
                 var _variationID = _this22.getAttribute("variation-id");
 
-                var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID);
+                var _variationSKU = _this22.getAttribute("variation-sku");
+
+                var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID, _variationSKU);
 
                 return _product.init().then(accept)["catch"](reject);
               }
 
-              var sceneID = _this22.getAttribute("scene-id"); // use the first default product-variation id if available
+              var sceneID = _this22.getAttribute("scene-id"); // fallback to using default SceneAR implementation
 
 
               if (sceneID) {
+                // special case - check if scene only has a single product, if so
+                // we need to use provided variation-id or variation-sku to override
+                var _variationID2 = _this22.getAttribute("variation-id");
+
+                var _variationSKU2 = _this22.getAttribute("variation-sku"); // just do scene-ar if variation ID and variation SKU is not set
+
+
+                if (!_variationID2 && !_variationSKU2) {
+                  var sceneAR = new scene_ar_1.SceneAR(sceneID);
+                  return sceneAR.init().then(accept)["catch"](reject);
+                } // otherwise decode scene
+
+
                 return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then(function (state) {
-                  var first = state.first();
+                  var firstProduct = state.first();
 
-                  if (first) {
-                    var sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                    return sceneProductAR.init().then(accept)["catch"](reject);
+                  if (state.length > 1 || !firstProduct) {
+                    return reject(new Error("ViewerController.initAR() - single product required to override variation-id or variation-sku"));
                   }
 
-                  return reject(new Error("ViewerController.initAR() - your scene does not contain any valid products"));
+                  var product = new scene_product_ar_1.SceneProductAR(firstProduct.scene_product_id, _variationID2, _variationSKU2);
+                  return product.init().then(accept)["catch"](reject);
                 })["catch"](reject);
               }
 
@@ -2131,6 +2219,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ViewerController = ViewerController;
     }, {
       "../../ar/product-ar": 3,
+      "../../ar/scene-ar": 5,
       "../../ar/scene-product-ar": 6,
       "../../util/configurator-state": 14,
       "../../util/util": 15,
@@ -3251,7 +3340,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.130.1";
+      exports["default"] = "1.131.1";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -9610,6 +9699,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports["default"] = "1.120.1";
     }, {}],
     115: [function (require, module, exports) {
+      var Util = require("../../util/util");
+
       var ElementController = require("../controllers/element-controller");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
@@ -9774,6 +9865,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return "none";
           }
+        }, {
+          key: "elementLocation",
+          get: function get() {
+            return Util.getElementLocation(this.elementType);
+          }
         }]);
 
         return BaseElement;
@@ -9781,6 +9877,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = BaseElement;
     }, {
+      "../../util/util": 128,
       "../controllers/element-controller": 117
     }],
     116: [function (require, module, exports) {
@@ -9807,6 +9904,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return "configurator";
           }
+        }, {
+          key: "elementLocation",
+          get: function get() {
+            if (this.hasAttribute("show-ui")) {
+              var state = this.getAttribute("show-ui");
+              return state === "true" ? "configurator/dist/index.html" : _get(_getPrototypeOf(ConfiguratorElement.prototype), "elementLocation", this);
+            }
+
+            return _get(_getPrototypeOf(ConfiguratorElement.prototype), "elementLocation", this);
+          }
         }, {
           key: "optionalAttributes",
           get: function get() {
@@ -9891,7 +9998,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               throw new Error("ElementController - attribute \"server\" must be one of \"production\", \"staging\" or \"dev\"");
             }
 
-            var embedLocation = Util.getElementLocation(element.elementType);
+            var embedLocation = element.elementLocation;
 
             if (embedLocation === undefined) {
               throw new Error("ElementController - element named \"" + elementType + "\" is invalid");
@@ -9999,7 +10106,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           if (element.hasAttribute("fullscreen")) {
             var style = document.createElement('style');
-            style.textContent = "\n                ._PlattarFullScreen {\n                    width: 100%;\n                    height: 100%;\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                }\n            ";
+            style.textContent = "._PlattarFullScreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }";
             this._iframe.className = "_PlattarFullScreen";
             shadow.append(style);
             this._fsStyle = style;
@@ -10187,6 +10294,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variationId"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "product-id",
               map: "productId"
@@ -10286,6 +10396,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variation_id"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "show-ar",
               map: "show_ar"
@@ -10363,6 +10476,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variationId"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "product-id",
               map: "productId"
@@ -10499,13 +10615,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           value: function getServerLocation(server) {
             switch (server) {
               case "production":
-                return "https://app.plattar.com/renderer/";
+                return "https://app.plattar.com/";
 
               case "staging":
-                return "https://staging.plattar.space/renderer/";
+                return "https://staging.plattar.space/";
 
               case "dev":
-                return "https://localhost/renderer/";
+                return "https://localhost/";
 
               default:
                 return undefined;
@@ -10517,25 +10633,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var isValid = Util.isValidType(etype);
 
             if (isValid) {
-              return etype + ".html";
-            }
-
-            return undefined;
-          }
-        }, {
-          key: "getElementBundleLocation",
-          value: function getElementBundleLocation(etype, server) {
-            var location = Util.getServerLocation(server);
-
-            if (!location) {
-              return undefined;
-            }
-
-            var isValid = Util.isValidType(etype);
-
-            if (isValid) {
-              var isMinified = location === "dev" ? false : true;
-              return isMinified ? etype + "-bundle.min.js" : etype + "-bundle.js";
+              return "renderer/" + etype + ".html";
             }
 
             return undefined;
@@ -10587,7 +10685,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = Util;
     }, {}],
     129: [function (require, module, exports) {
-      module.exports = "1.129.1";
+      module.exports = "1.131.1";
     }, {}],
     130: [function (require, module, exports) {
       (function (global) {