@plattar/plattar-ar-adapter 1.119.1 → 1.120.1

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

@@ -134,7 +134,7 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                 this._setupAnalytics(product, variation);
                 // we need to define our AR module here
                 // 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()) {
@@ -489,18 +489,20 @@ exports.Util = void 0;
  */
 class Util {
     static canAugment() {
-        if (/Macintosh|iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
+        const 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;
         }
         return false;
@@ -533,6 +535,13 @@ class Util {
         }
         return false;
     }
+    static isChromeOnIOS() {
+        const userAgent = navigator.userAgent;
+        if (userAgent) {
+            return Util.canAugment() && /CriOS/i.test(userAgent);
+        }
+        return false;
+    }
     static getIOSVersion() {
         if (/iP(hone|od|ad)/.test(navigator.platform)) {
             const v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
@@ -561,7 +570,7 @@ exports.Util = Util;
 },{}],8:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.119.1";
+exports.default = "1.120.1";
 
 },{}],9:[function(require,module,exports){
 "use strict";
@@ -2886,7 +2895,7 @@ PlattarServer.match = (serverName) => {
                 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"
             }
@@ -2899,7 +2908,7 @@ PlattarServer.match = (serverName) => {
                 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"
             }
@@ -2914,7 +2923,7 @@ PlattarServer.match = (serverName) => {
                 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"
             }
@@ -4129,7 +4138,7 @@ PlattarUtil.match = (type) => {
 
 module.exports = PlattarUtil;
 },{"../types/application.js":37,"../types/content-pipeline/brief.js":38,"../types/content-pipeline/comment-brief.js":39,"../types/content-pipeline/comment-quote.js":40,"../types/content-pipeline/comment-solution.js":41,"../types/content-pipeline/folder.js":42,"../types/content-pipeline/pipeline-user.js":43,"../types/content-pipeline/quote.js":44,"../types/content-pipeline/rating.js":45,"../types/content-pipeline/solution.js":46,"../types/file/file-audio.js":47,"../types/file/file-image.js":49,"../types/file/file-model.js":50,"../types/file/file-script.js":51,"../types/file/file-video.js":52,"../types/interfaces/plattar-object.js":55,"../types/misc/application-build.js":56,"../types/misc/asset-library":57,"../types/misc/async-job.js":58,"../types/misc/script-event.js":59,"../types/misc/tag.js":60,"../types/page/card-button.js":62,"../types/page/card-html.js":63,"../types/page/card-iframe.js":64,"../types/page/card-image.js":65,"../types/page/card-map.js":66,"../types/page/card-paragraph.js":67,"../types/page/card-row.js":68,"../types/page/card-slider.js":69,"../types/page/card-title.js":70,"../types/page/card-video.js":71,"../types/page/card-youtube.js":72,"../types/page/page.js":73,"../types/product/product-annotation.js":74,"../types/product/product-variation.js":76,"../types/product/product.js":77,"../types/scene/scene-annotation.js":78,"../types/scene/scene-audio.js":79,"../types/scene/scene-button.js":81,"../types/scene/scene-camera.js":82,"../types/scene/scene-carousel.js":83,"../types/scene/scene-image.js":84,"../types/scene/scene-model.js":85,"../types/scene/scene-panorama.js":86,"../types/scene/scene-poller.js":87,"../types/scene/scene-product.js":88,"../types/scene/scene-script.js":89,"../types/scene/scene-shadow.js":90,"../types/scene/scene-video.js":91,"../types/scene/scene-volumetric.js":92,"../types/scene/scene-youtube.js":93,"../types/scene/scene.js":94,"../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){
 const QRCodeStyling = require("qr-code-styling");
@@ -4143,6 +4152,20 @@ class BaseElement extends HTMLElement {
         if (this.hasAttribute("url")) {
             this.renderQRCode();
         }
+
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === "attributes") {
+                    if (this.hasAttribute("url")) {
+                        this.renderQRCode();
+                    }
+                }
+            });
+        });
+
+        observer.observe(this, {
+            attributes: true
+        });
     }
 
     download(options) {
@@ -4160,7 +4183,8 @@ class BaseElement extends HTMLElement {
         const 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;
         }
 
         const width = this.hasAttribute("width") ? parseInt(this.getAttribute("width")) : 512;
@@ -4239,11 +4263,12 @@ class BaseElement extends HTMLElement {
                     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;
@@ -4268,25 +4293,40 @@ class BaseElement extends HTMLElement {
 
         if (!qrCode) {
             const 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);
 
-            const 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);
+    }
+
+    _UpdateCanvas(width, height) {
+        if (!this._qrCode) {
+            return;
+        }
+
+        const canvas = this._qrCode._canvas;
+
+        if (canvas) {
+            canvas.style.width = "100%";
+            canvas.style.height = "100%";
+        }
+
+        if (this._divContainer) {
+            const div = this._divContainer;
+
+            div.style.width = width + "px";
+            div.style.height = height + "px";
+        }
     }
 }
 
@@ -4314,7 +4354,7 @@ module.exports = {
     version: Version
 };
 },{"./elements/qrcode-element.js":99,"./version":101}],101:[function(require,module,exports){
-module.exports = "1.119.1";
+module.exports = "1.120.3";
 
 },{}],102:[function(require,module,exports){
 const ElementController = require("../controllers/element-controller");