clarity-visualize 0.8.53 → 0.8.54-beta

package/build/clarity.visualize.module.js

@@ -14,20 +14,6 @@ PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 /* global Reflect, Promise */
 
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -1459,14 +1445,16 @@ var LayoutHelper = /** @class */ (function () {
             }
         };
         this.customElement = function (event) {
-            if (!_this.state.window.customElements.get(event.data.name)) {
-                _this.state.window.customElements.define(event.data.name, /** @class */ (function (_super) {
-                    __extends(class_1, _super);
-                    function class_1() {
-                        return _super !== null && _super.apply(this, arguments) || this;
-                    }
-                    return class_1;
-                }(_this.state.window.HTMLElement)));
+            var tagName = event.data.name;
+            if (!_this.state.window.customElements.get(tagName)) {
+                try {
+                    // Use eval to create class in target window context (avoids ES5 transpilation issues)
+                    var EmptyElement = _this.state.window.eval('(class extends HTMLElement { constructor() { super(); } })');
+                    _this.state.window.customElements.define(tagName, EmptyElement);
+                }
+                catch (e) {
+                    console.error("Failed to define custom element ".concat(tagName, ":"), e);
+                }
             }
         };
         this.exists = function (hash) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clarity-visualize",
-  "version": "0.8.53",
+  "version": "0.8.54-beta",
   "description": "An analytics library that uses web page interactions to generate aggregated insights",
   "author": "Microsoft Corp.",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "url": "https://github.com/Microsoft/clarity/issues"
   },
   "dependencies": {
-    "clarity-decode": "^0.8.53"
+    "clarity-decode": "^0.8.54-beta"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^24.0.0",

package/src/layout.ts

@@ -245,8 +245,17 @@ export class LayoutHelper {
     }
 
     public customElement = (event: DecodedLayout.CustomElementEvent): void => {
-        if (!this.state.window.customElements.get(event.data.name)) {
-            this.state.window.customElements.define(event.data.name, class extends (this.state.window as typeof window).HTMLElement {});
+        const tagName = event.data.name;
+        if (!this.state.window.customElements.get(tagName)) {
+            try {
+                // Use eval to create class in target window context (avoids ES5 transpilation issues)
+                const EmptyElement = (this.state.window as any).eval(
+                    '(class extends HTMLElement { constructor() { super(); } })'
+                );
+                this.state.window.customElements.define(tagName, EmptyElement);
+            } catch (e) {
+                console.error(`Failed to define custom element ${tagName}:`, e);
+            }
         }
     }