@plattar/plattar-ar-adapter 1.119.1 → 1.120.1

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

@@ -329,7 +329,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 // we are in Safari/Quicklook mode here
 
 
-                if (util_1.Util.isSafari()) {
+                if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
                   // model needs to have either USDZ or REALITY files defined
                   // we load REALITY stuff first if available
                   if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
@@ -919,19 +919,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(Util, null, [{
           key: "canAugment",
           value: function canAugment() {
-            if (/Macintosh|iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
+            var userAgent = navigator.userAgent; // test google chrome on IOS and standard IOS test
+
+            if ((/CriOS/i.test(userAgent) || /Macintosh|iPad|iPhone|iPod/.test(userAgent)) && !window.MSStream) {
               // inside facebook browser
-              if (/\bFB[\w_]+\//.test(navigator.userAgent)) {
+              if (/\bFB[\w_]+\//.test(userAgent)) {
                 return false;
               } // inside instagram browser
 
 
-              if (/\bInstagram/i.test(navigator.userAgent)) {
+              if (/\bInstagram/i.test(userAgent)) {
                 return false;
               }
 
               return Util.canQuicklook();
-            } else if (/android/i.test(navigator.userAgent)) {
+            } else if (/android/i.test(userAgent)) {
               return true;
             }
 
@@ -973,6 +975,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return false;
           }
         }, {
+          key: "isChromeOnIOS",
+          value: function isChromeOnIOS() {
+            var userAgent = navigator.userAgent;
+
+            if (userAgent) {
+              return Util.canAugment() && /CriOS/i.test(userAgent);
+            }
+
+            return false;
+          }
+        }, {
           key: "getIOSVersion",
           value: function getIOSVersion() {
             if (/iP(hone|od|ad)/.test(navigator.platform)) {
@@ -1017,7 +1030,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.119.1";
+      exports["default"] = "1.120.1";
     }, {}],
     9: [function (require, module, exports) {
       "use strict";
@@ -3934,7 +3947,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   api_read: "https://staging.plattar.space/api/v2/",
                   api_write: "https://cms.plattar.space/api/v2/",
                   cdn: "https://cdn-staging.plattar.space/",
-                  cdn_image: "http://plattar-staging.s3-website-ap-southeast-2.amazonaws.com/",
+                  cdn_image: "https://images.plattar.space/",
                   analytics: "https://c.plattar.space/api/v2/analytics",
                   type: "staging"
                 };
@@ -3948,7 +3961,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   api_read: "https://app.plattar.com/api/v2/",
                   api_write: "https://cms.plattar.com/api/v2/",
                   cdn: "https://cdn.plattar.com/",
-                  cdn_image: "http://plattar-production.s3-website-ap-southeast-2.amazonaws.com/",
+                  cdn_image: "https://images.plattar.com/",
                   analytics: "https://c.plattar.space/api/v2/analytics",
                   type: "production"
                 };
@@ -3964,7 +3977,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   api_read: "https://localhost/api/v2/",
                   api_write: "https://localhost/api/v2/",
                   cdn: "https://cdn-dev.plattar.space/",
-                  cdn_image: "http://plattar-dev.s3-website-ap-southeast-2.amazonaws.com/",
+                  cdn_image: "https://images-dev.plattar.space/'",
                   analytics: "https://localhost:3000/api/v2/analytics/",
                   type: "dev"
                 };
@@ -6552,7 +6565,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       "../types/trigger/trigger-image.js": 95
     }],
     97: [function (require, module, exports) {
-      module.exports = "1.118.1";
+      module.exports = "1.120.1";
     }, {}],
     98: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
@@ -6571,9 +6584,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
+            var _this36 = this;
+
             if (this.hasAttribute("url")) {
               this.renderQRCode();
             }
+
+            var observer = new MutationObserver(function (mutations) {
+              mutations.forEach(function (mutation) {
+                if (mutation.type === "attributes") {
+                  if (_this36.hasAttribute("url")) {
+                    _this36.renderQRCode();
+                  }
+                }
+              });
+            });
+            observer.observe(this, {
+              attributes: true
+            });
           }
         }, {
           key: "download",
@@ -6593,7 +6621,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             var url = this.hasAttribute("url") ? this.getAttribute("url") : undefined;
 
             if (!url) {
-              throw new Error("BaseElement.renderQRCode() - required attribute \"url\" is missing or invalid");
+              console.warn("PlattarQR.renderQRCode() - required attribute \"url\" is missing or invalid, QR Code will not render");
+              return;
             }
 
             var width = this.hasAttribute("width") ? parseInt(this.getAttribute("width")) : 512;
@@ -6671,10 +6700,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   color2: "#ffffff",
                   rotation: "0"
                 }
-              }
+              },
+              width: 1024,
+              height: 1024,
+              type: "canvas"
             };
-            this._options.width = 2048;
-            this._options.height = 2048;
             this._options.data = url;
             this._options.margin = margin;
             this._options.image = image; // set the colors
@@ -6700,24 +6730,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             if (!qrCode) {
               var div = document.createElement("div");
-              div.style.width = width + "px";
-              div.style.height = height + "px";
               shadow.appendChild(div);
+              this._divContainer = div;
               this._qrCode = new QRCodeStyling(this._options);
 
               this._qrCode.append(div);
 
-              var canvas = this._qrCode._canvas;
-
-              if (canvas) {
-                canvas.style.width = "100%";
-                canvas.style.height = "100%";
-              }
+              this._UpdateCanvas(width, height);
 
               return;
             }
 
             this._qrCode.update(this._options);
+
+            this._UpdateCanvas(width, height);
+          }
+        }, {
+          key: "_UpdateCanvas",
+          value: function _UpdateCanvas(width, height) {
+            if (!this._qrCode) {
+              return;
+            }
+
+            var canvas = this._qrCode._canvas;
+
+            if (canvas) {
+              canvas.style.width = "100%";
+              canvas.style.height = "100%";
+            }
+
+            if (this._divContainer) {
+              var div = this._divContainer;
+              div.style.width = width + "px";
+              div.style.height = height + "px";
+            }
           }
         }]);
 
@@ -6766,7 +6812,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       "./version": 101
     }],
     101: [function (require, module, exports) {
-      module.exports = "1.119.1";
+      module.exports = "1.120.3";
     }, {}],
     102: [function (require, module, exports) {
       var ElementController = require("../controllers/element-controller");
@@ -6879,19 +6925,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this36 = this;
+            var _this37 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this36.hasAttribute(ele.key)) {
-                map.set(ele.map, _this36.getAttribute(ele.key));
+              if (_this37.hasAttribute(ele.key)) {
+                map.set(ele.map, _this37.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this36.hasAttribute(ele.key)) {
-                map.set(ele.map, _this36.getAttribute(ele.key));
+              if (_this37.hasAttribute(ele.key)) {
+                map.set(ele.map, _this37.getAttribute(ele.key));
               }
             });
             return map;
@@ -6947,7 +6993,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this37 = this;
+          var _this38 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -6963,7 +7009,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this37._load();
+                    _this38._load();
                   }
                 }
               }
@@ -7063,7 +7109,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this38 = this;
+          var _this39 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -7075,7 +7121,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this38._iframe);
+                onelemload(_this39._iframe);
               }
             };
           }
@@ -7216,15 +7262,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         var _super69 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this39;
+          var _this40;
 
           _classCallCheck(this, EWallElement);
 
-          _this39 = _super69.call(this);
+          _this40 = _super69.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this39;
+          return _this40;
         }
 
         _createClass(EWallElement, [{