clarity-decode 0.6.26 → 0.6.30

package/build/clarity.decode.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version$1 = "0.6.26";
+var version$1 = "0.6.30";
 var version = version$1;
 
 function decode$5(tokens) {
@@ -93,12 +93,6 @@ function decode$4(tokens) {
     var time = tokens[0];
     var event = tokens[1];
     switch (event) {
-        case 32 /* ImageError */:
-            var imageError = {
-                source: tokens[2],
-                target: tokens[3],
-            };
-            return { time: time, event: event, data: imageError };
         case 31 /* ScriptError */:
             var scriptError = {
                 message: tokens[2],
@@ -157,6 +151,9 @@ function decode$3(tokens) {
                 hashBeta: clickHashes.length > 0 ? clickHashes[1] : null
             };
             return { time: time, event: event, data: clickData };
+        case 38 /* Clipboard */:
+            var clipData = { target: tokens[2], action: tokens[3] };
+            return { time: time, event: event, data: clipData };
         case 11 /* Resize */:
             var resizeData = { width: tokens[2], height: tokens[3] };
             return { time: time, event: event, data: resizeData };
@@ -174,6 +171,11 @@ function decode$3(tokens) {
                 endOffset: tokens[5]
             };
             return { time: time, event: event, data: selectionData };
+        case 39 /* Submit */:
+            var submitData = {
+                target: tokens[2]
+            };
+            return { time: time, event: event, data: submitData };
         case 10 /* Scroll */:
             var scrollData = {
                 target: tokens[2],
@@ -370,14 +372,6 @@ function decode$1(tokens) {
     var time = tokens[0];
     var event = tokens[1];
     switch (event) {
-        case 30 /* Connection */:
-            var connectionData = {
-                downlink: tokens[2],
-                rtt: tokens[3],
-                saveData: tokens[4],
-                type: tokens[5]
-            };
-            return { time: time, event: event, data: connectionData };
         case 29 /* Navigation */:
             var navigationData = {
                 fetchStart: tokens[2],
@@ -511,6 +505,13 @@ function decode(input) {
                 var clickEntry = decode$3(entry);
                 payload.click.push(clickEntry);
                 break;
+            case 38 /* Clipboard */:
+                if (payload.clipboard === undefined) {
+                    payload.clipboard = [];
+                }
+                var clipEntry = decode$3(entry);
+                payload.clipboard.push(clipEntry);
+                break;
             case 10 /* Scroll */:
                 if (payload.scroll === undefined) {
                     payload.scroll = [];
@@ -529,6 +530,13 @@ function decode(input) {
                 }
                 payload.selection.push(decode$3(entry));
                 break;
+            case 39 /* Submit */:
+                if (payload.submit === undefined) {
+                    payload.submit = [];
+                }
+                var submitEntry = decode$3(entry);
+                payload.submit.push(submitEntry);
+                break;
             case 22 /* Timeline */:
                 if (payload.timeline === undefined) {
                     payload.timeline = [];
@@ -584,30 +592,22 @@ function decode(input) {
                 }
                 payload.script.push(decode$4(entry));
                 break;
-            case 32 /* ImageError */:
-                if (payload.image === undefined) {
-                    payload.image = [];
-                }
-                payload.image.push(decode$4(entry));
-                break;
             case 33 /* Log */:
                 if (payload.log === undefined) {
                     payload.log = [];
                 }
                 payload.log.push(decode$4(entry));
                 break;
-            case 30 /* Connection */:
-                if (payload.connection === undefined) {
-                    payload.connection = [];
-                }
-                payload.connection.push(decode$1(entry));
-                break;
             case 29 /* Navigation */:
                 if (payload.navigation === undefined) {
                     payload.navigation = [];
                 }
                 payload.navigation.push(decode$1(entry));
                 break;
+            case 30 /* Connection */:
+            case 32 /* ImageError */:
+                /* Deprecated - Intentionally, no-op. For backward compatibility. */
+                break;
             default:
                 console.error("No handler for Event: " + JSON.stringify(entry));
                 break;

package/build/clarity.decode.min.js

@@ -1 +1 @@
-!function(){"use strict";var e="0.6.26";function t(e){var t=e[0],a=e[1];switch(a){case 25:return{time:t,event:a,data:{gap:e[2]}};case 35:return{time:t,event:a,data:{check:e[2]}};case 24:return{time:t,event:a,data:{key:e[2],value:e[3]}};case 3:return{time:t,event:a,data:{key:e[2]}};case 2:return{time:t,event:a,data:{sequence:e[2],attempts:e[3],status:e[4]}};case 0:for(var r=2,n={};r<e.length;)n[e[r++]]=e[r++];return{time:t,event:a,data:n};case 1:for(var i=2,s={};i<e.length;)s[e[i++]]=e[i++];return{time:t,event:a,data:s};case 36:for(var o=2,c={};o<e.length;){var u=e[o++],l=e[o++];c[u]=[];for(var d=0;d<l.length-1;d+=2)c[u].push([l[d],l[d+1]])}return{time:t,event:a,data:c};case 4:return{time:t,event:a,data:{visible:e[2],docWidth:e[3],docHeight:e[4],screenWidth:e[5],screenHeight:e[6],scrollX:e[7],scrollY:e[8],pointerX:e[9],pointerY:e[10],activityTime:e[11]}};case 34:for(var v=2,h={};v<e.length;)h[e[v++]]="string"==typeof e[v+1]?[e[v++]]:e[v++];return{time:t,event:a,data:h}}return null}function a(e){var t=e[0],a=e[1];switch(a){case 32:return{time:t,event:a,data:{source:e[2],target:e[3]}};case 31:return{time:t,event:a,data:{message:e[2],line:e[3],column:e[4],stack:e[5],source:e[6]}};case 33:return{time:t,event:a,data:{code:e[2],name:e[3],message:e[4],stack:e[5],severity:e[6]}}}return null}function r(e){var t=e[0],a=e[1];switch(a){case 13:case 14:case 12:case 15:case 16:case 17:case 20:case 18:case 19:return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4]}};case 9:var r=e[12].split(".");return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4],eX:e[5],eY:e[6],button:e[7],reaction:e[8],context:e[9],text:e[10],link:e[11],hash:r[0],hashBeta:r.length>0?r[1]:null}};case 11:return{time:t,event:a,data:{width:e[2],height:e[3]}};case 27:return{time:t,event:a,data:{target:e[2],value:e[3]}};case 21:return{time:t,event:a,data:{start:e[2],startOffset:e[3],end:e[4],endOffset:e[5]}};case 10:return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4]}};case 22:var n=e[3].split(".");return{time:t,event:a,data:{type:e[2],hash:n[0],x:e[4],y:e[5],reaction:e[6],context:e[7],hashBeta:n.length>0?n[1]:null}};case 28:return{time:t,event:a,data:{visible:e[2]}};case 26:return{time:t,event:a,data:{name:e[2]}}}return null}function n(e){var t=e[0],a=e[1];switch(a){case 8:return{time:t,event:a,data:{width:e[2],height:e[3]}};case 7:for(var r=[],n=void 0,s=2;s<e.length;s+=n){var o=void 0;if("number"==typeof e[s+2])o={id:e[s],interaction:e[s+1],visibility:e[s+2],name:e[s+3]},n=4;else{var c=e[s+1];o={id:e[s],interaction:c>=16?c:16,visibility:c<=13?c:0,name:e[s+2]},n=3}r.push(o)}return{time:t,event:a,data:r};case 37:var u=[];for(s=2;s<e.length;s+=3){var l={id:e[s],width:e[s+1]/100,height:e[s+2]/100};u.push(l)}return{time:t,event:a,data:u};case 5:case 6:var d=null,v=[],h=0,p=[];for(s=2;s<e.length;s++){var m=e[s],g=typeof m;switch(g){case"number":g!==d&&null!==d&&(p.push(i(v,h)),v=[],h=0),v.push(m),h++;break;case"string":v.push(m);break;case"object":switch(typeof m[0]){case"number":for(var b=0,f=m;b<f.length;b++){var k=f[b];v.push(e.length>k?e[k]:null)}}}d=g}return p.push(i(v,h)),{time:t,event:a,data:p}}return null}function i(e,t){for(var a=e[t]?e[t].split("~")[0]:e[t],r={id:Math.abs(e[0]),parent:t>1?e[1]:null,previous:t>2?e[2]:null,tag:a},n=e[0]<0,i=!1,c={},u=null,l=t+1;l<e.length;l++){var d=e[l].toString(),v=d.indexOf("="),h=d[0],p=d[d.length-1];if(l===e.length-1&&"STYLE"===r.tag)u=d;else if("*T"!==r.tag&&">"===p&&-1===v);else if("*T"!==r.tag&&"#"===h&&-1===v){var m=d.substr(1).split(".");2===m.length&&(r.width=s(m[0])/100,r.height=s(m[1])/100)}else if("*T"!==r.tag&&v>0){i=!0;var g=d.substr(0,v),b=d.substr(v+1);c[g]=b}else"*T"===r.tag&&(u=n?o(d):d)}return i&&(r.attributes=c),u&&(r.value=u),r}function s(e){return e?parseInt(e,36):null}function o(e){var t=e.trim();if(t.length>0&&-1===t.indexOf(" ")){var a=s(t);if(a>0){for(var r=Math.floor(a/6),n=a%6,i=Array(n+1).join("•"),o=0;o<r;o++)i+=(0===o&&0===n?"•":" ")+Array(6).join("•");return i}}return e}function c(e){var t=e[0],a=e[1];switch(a){case 30:return{time:t,event:a,data:{downlink:e[2],rtt:e[3],saveData:e[4],type:e[5]}};case 29:return{time:t,event:a,data:{fetchStart:e[2],connectStart:e[3],connectEnd:e[4],requestStart:e[5],responseStart:e[6],responseEnd:e[7],domInteractive:e[8],domComplete:e[9],loadEventStart:e[10],loadEventEnd:e[11],redirectCount:e[12],size:e[13],type:e[14],protocol:e[15],encodedSize:e[16],decodedSize:e[17]}}}return null}function u(e){var t={major:0,minor:0,patch:0,beta:0},a=e.split(".");if(3===a.length){var r=a[2].split("-b");t.major=parseInt(a[0],10),t.minor=parseInt(a[1],10),2===r.length?(t.patch=parseInt(r[0],10),t.beta=parseInt(r[1],10)):t.patch=parseInt(a[2],10)}return t}var l=Object.freeze({__proto__:null,decode:function(i){var s,o=JSON.parse(i),l={version:(s=o.e)[0],sequence:s[1],start:s[2],duration:s[3],projectId:s[4],userId:s[5],sessionId:s[6],pageNum:s[7],upload:s[8],end:s[9]},d={timestamp:Date.now(),envelope:l},v=o.p?o.a.concat(o.p):o.a;v=v.sort((function(e,t){return e[0]-t[0]}));var h=u(d.envelope.version),p=u(e);if(h.major!==p.major||Math.abs(h.minor-p.minor)>1)throw new Error("Invalid version. Actual: "+d.envelope.version+" | Expected: "+"0.6.26 (+/- 1) | "+i.substr(0,250));for(var m=0,g=v;m<g.length;m++){var b=g[m];switch(b[1]){case 4:void 0===d.baseline&&(d.baseline=[]),d.baseline.push(t(b));break;case 25:void 0===d.ping&&(d.ping=[]),d.ping.push(t(b));break;case 35:void 0===d.limit&&(d.limit=[]),d.limit.push(t(b));break;case 3:void 0===d.upgrade&&(d.upgrade=[]),d.upgrade.push(t(b));break;case 0:void 0===d.metric&&(d.metric=[]);var f=t(b);f.data[2]=i.length,d.metric.push(f);break;case 1:void 0===d.dimension&&(d.dimension=[]),d.dimension.push(t(b));break;case 36:void 0===d.summary&&(d.summary=[]),d.summary.push(t(b));break;case 24:void 0===d.custom&&(d.custom=[]),d.custom.push(t(b));break;case 34:void 0===d.variable&&(d.variable=[]),d.variable.push(t(b));break;case 2:void 0===d.upload&&(d.upload=[]),d.upload.push(t(b));break;case 13:case 14:case 12:case 15:case 16:case 17:case 20:case 18:case 19:void 0===d.pointer&&(d.pointer=[]),d.pointer.push(r(b));break;case 9:void 0===d.click&&(d.click=[]);var k=r(b);d.click.push(k);break;case 10:void 0===d.scroll&&(d.scroll=[]),d.scroll.push(r(b));break;case 11:void 0===d.resize&&(d.resize=[]),d.resize.push(r(b));break;case 21:void 0===d.selection&&(d.selection=[]),d.selection.push(r(b));break;case 22:void 0===d.timeline&&(d.timeline=[]),d.timeline.push(r(b));break;case 27:void 0===d.input&&(d.input=[]),d.input.push(r(b));break;case 26:void 0===d.unload&&(d.unload=[]),d.unload.push(r(b));break;case 28:void 0===d.visibility&&(d.visibility=[]),d.visibility.push(r(b));break;case 37:void 0===d.box&&(d.box=[]),d.box.push(n(b));break;case 7:void 0===d.region&&(d.region=[]),d.region.push(n(b));break;case 5:case 6:void 0===d.dom&&(d.dom=[]),d.dom.push(n(b));break;case 8:void 0===d.doc&&(d.doc=[]),d.doc.push(n(b));break;case 31:void 0===d.script&&(d.script=[]),d.script.push(a(b));break;case 32:void 0===d.image&&(d.image=[]),d.image.push(a(b));break;case 33:void 0===d.log&&(d.log=[]),d.log.push(a(b));break;case 30:void 0===d.connection&&(d.connection=[]),d.connection.push(c(b));break;case 29:void 0===d.navigation&&(d.navigation=[]),d.navigation.push(c(b));break;default:console.error("No handler for Event: "+JSON.stringify(b))}}return d}});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.decode=l)}();
+!function(){"use strict";var e="0.6.30";function t(e){var t=e[0],a=e[1];switch(a){case 25:return{time:t,event:a,data:{gap:e[2]}};case 35:return{time:t,event:a,data:{check:e[2]}};case 24:return{time:t,event:a,data:{key:e[2],value:e[3]}};case 3:return{time:t,event:a,data:{key:e[2]}};case 2:return{time:t,event:a,data:{sequence:e[2],attempts:e[3],status:e[4]}};case 0:for(var r=2,i={};r<e.length;)i[e[r++]]=e[r++];return{time:t,event:a,data:i};case 1:for(var n=2,s={};n<e.length;)s[e[n++]]=e[n++];return{time:t,event:a,data:s};case 36:for(var o=2,c={};o<e.length;){var u=e[o++],l=e[o++];c[u]=[];for(var d=0;d<l.length-1;d+=2)c[u].push([l[d],l[d+1]])}return{time:t,event:a,data:c};case 4:return{time:t,event:a,data:{visible:e[2],docWidth:e[3],docHeight:e[4],screenWidth:e[5],screenHeight:e[6],scrollX:e[7],scrollY:e[8],pointerX:e[9],pointerY:e[10],activityTime:e[11]}};case 34:for(var v=2,p={};v<e.length;)p[e[v++]]="string"==typeof e[v+1]?[e[v++]]:e[v++];return{time:t,event:a,data:p}}return null}function a(e){var t=e[0],a=e[1];switch(a){case 31:return{time:t,event:a,data:{message:e[2],line:e[3],column:e[4],stack:e[5],source:e[6]}};case 33:return{time:t,event:a,data:{code:e[2],name:e[3],message:e[4],stack:e[5],severity:e[6]}}}return null}function r(e){var t=e[0],a=e[1];switch(a){case 13:case 14:case 12:case 15:case 16:case 17:case 20:case 18:case 19:return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4]}};case 9:var r=e[12].split(".");return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4],eX:e[5],eY:e[6],button:e[7],reaction:e[8],context:e[9],text:e[10],link:e[11],hash:r[0],hashBeta:r.length>0?r[1]:null}};case 38:return{time:t,event:a,data:{target:e[2],action:e[3]}};case 11:return{time:t,event:a,data:{width:e[2],height:e[3]}};case 27:return{time:t,event:a,data:{target:e[2],value:e[3]}};case 21:return{time:t,event:a,data:{start:e[2],startOffset:e[3],end:e[4],endOffset:e[5]}};case 39:return{time:t,event:a,data:{target:e[2]}};case 10:return{time:t,event:a,data:{target:e[2],x:e[3],y:e[4]}};case 22:var i=e[3].split(".");return{time:t,event:a,data:{type:e[2],hash:i[0],x:e[4],y:e[5],reaction:e[6],context:e[7],hashBeta:i.length>0?i[1]:null}};case 28:return{time:t,event:a,data:{visible:e[2]}};case 26:return{time:t,event:a,data:{name:e[2]}}}return null}function i(e){var t=e[0],a=e[1];switch(a){case 8:return{time:t,event:a,data:{width:e[2],height:e[3]}};case 7:for(var r=[],i=void 0,s=2;s<e.length;s+=i){var o=void 0;if("number"==typeof e[s+2])o={id:e[s],interaction:e[s+1],visibility:e[s+2],name:e[s+3]},i=4;else{var c=e[s+1];o={id:e[s],interaction:c>=16?c:16,visibility:c<=13?c:0,name:e[s+2]},i=3}r.push(o)}return{time:t,event:a,data:r};case 37:var u=[];for(s=2;s<e.length;s+=3){var l={id:e[s],width:e[s+1]/100,height:e[s+2]/100};u.push(l)}return{time:t,event:a,data:u};case 5:case 6:var d=null,v=[],p=0,h=[];for(s=2;s<e.length;s++){var m=e[s],b=typeof m;switch(b){case"number":b!==d&&null!==d&&(h.push(n(v,p)),v=[],p=0),v.push(m),p++;break;case"string":v.push(m);break;case"object":switch(typeof m[0]){case"number":for(var g=0,f=m;g<f.length;g++){var k=f[g];v.push(e.length>k?e[k]:null)}}}d=b}return h.push(n(v,p)),{time:t,event:a,data:h}}return null}function n(e,t){for(var a=e[t]?e[t].split("~")[0]:e[t],r={id:Math.abs(e[0]),parent:t>1?e[1]:null,previous:t>2?e[2]:null,tag:a},i=e[0]<0,n=!1,c={},u=null,l=t+1;l<e.length;l++){var d=e[l].toString(),v=d.indexOf("="),p=d[0],h=d[d.length-1];if(l===e.length-1&&"STYLE"===r.tag)u=d;else if("*T"!==r.tag&&">"===h&&-1===v);else if("*T"!==r.tag&&"#"===p&&-1===v){var m=d.substr(1).split(".");2===m.length&&(r.width=s(m[0])/100,r.height=s(m[1])/100)}else if("*T"!==r.tag&&v>0){n=!0;var b=d.substr(0,v),g=d.substr(v+1);c[b]=g}else"*T"===r.tag&&(u=i?o(d):d)}return n&&(r.attributes=c),u&&(r.value=u),r}function s(e){return e?parseInt(e,36):null}function o(e){var t=e.trim();if(t.length>0&&-1===t.indexOf(" ")){var a=s(t);if(a>0){for(var r=Math.floor(a/6),i=a%6,n=Array(i+1).join("•"),o=0;o<r;o++)n+=(0===o&&0===i?"•":" ")+Array(6).join("•");return n}}return e}function c(e){var t=e[0],a=e[1];switch(a){case 29:return{time:t,event:a,data:{fetchStart:e[2],connectStart:e[3],connectEnd:e[4],requestStart:e[5],responseStart:e[6],responseEnd:e[7],domInteractive:e[8],domComplete:e[9],loadEventStart:e[10],loadEventEnd:e[11],redirectCount:e[12],size:e[13],type:e[14],protocol:e[15],encodedSize:e[16],decodedSize:e[17]}}}return null}function u(e){var t={major:0,minor:0,patch:0,beta:0},a=e.split(".");if(3===a.length){var r=a[2].split("-b");t.major=parseInt(a[0],10),t.minor=parseInt(a[1],10),2===r.length?(t.patch=parseInt(r[0],10),t.beta=parseInt(r[1],10)):t.patch=parseInt(a[2],10)}return t}var l=Object.freeze({__proto__:null,decode:function(n){var s,o=JSON.parse(n),l={version:(s=o.e)[0],sequence:s[1],start:s[2],duration:s[3],projectId:s[4],userId:s[5],sessionId:s[6],pageNum:s[7],upload:s[8],end:s[9]},d={timestamp:Date.now(),envelope:l},v=o.p?o.a.concat(o.p):o.a;v=v.sort((function(e,t){return e[0]-t[0]}));var p=u(d.envelope.version),h=u(e);if(p.major!==h.major||Math.abs(p.minor-h.minor)>1)throw new Error("Invalid version. Actual: "+d.envelope.version+" | Expected: "+"0.6.30 (+/- 1) | "+n.substr(0,250));for(var m=0,b=v;m<b.length;m++){var g=b[m];switch(g[1]){case 4:void 0===d.baseline&&(d.baseline=[]),d.baseline.push(t(g));break;case 25:void 0===d.ping&&(d.ping=[]),d.ping.push(t(g));break;case 35:void 0===d.limit&&(d.limit=[]),d.limit.push(t(g));break;case 3:void 0===d.upgrade&&(d.upgrade=[]),d.upgrade.push(t(g));break;case 0:void 0===d.metric&&(d.metric=[]);var f=t(g);f.data[2]=n.length,d.metric.push(f);break;case 1:void 0===d.dimension&&(d.dimension=[]),d.dimension.push(t(g));break;case 36:void 0===d.summary&&(d.summary=[]),d.summary.push(t(g));break;case 24:void 0===d.custom&&(d.custom=[]),d.custom.push(t(g));break;case 34:void 0===d.variable&&(d.variable=[]),d.variable.push(t(g));break;case 2:void 0===d.upload&&(d.upload=[]),d.upload.push(t(g));break;case 13:case 14:case 12:case 15:case 16:case 17:case 20:case 18:case 19:void 0===d.pointer&&(d.pointer=[]),d.pointer.push(r(g));break;case 9:void 0===d.click&&(d.click=[]);var k=r(g);d.click.push(k);break;case 38:void 0===d.clipboard&&(d.clipboard=[]);var y=r(g);d.clipboard.push(y);break;case 10:void 0===d.scroll&&(d.scroll=[]),d.scroll.push(r(g));break;case 11:void 0===d.resize&&(d.resize=[]),d.resize.push(r(g));break;case 21:void 0===d.selection&&(d.selection=[]),d.selection.push(r(g));break;case 39:void 0===d.submit&&(d.submit=[]);var w=r(g);d.submit.push(w);break;case 22:void 0===d.timeline&&(d.timeline=[]),d.timeline.push(r(g));break;case 27:void 0===d.input&&(d.input=[]),d.input.push(r(g));break;case 26:void 0===d.unload&&(d.unload=[]),d.unload.push(r(g));break;case 28:void 0===d.visibility&&(d.visibility=[]),d.visibility.push(r(g));break;case 37:void 0===d.box&&(d.box=[]),d.box.push(i(g));break;case 7:void 0===d.region&&(d.region=[]),d.region.push(i(g));break;case 5:case 6:void 0===d.dom&&(d.dom=[]),d.dom.push(i(g));break;case 8:void 0===d.doc&&(d.doc=[]),d.doc.push(i(g));break;case 31:void 0===d.script&&(d.script=[]),d.script.push(a(g));break;case 33:void 0===d.log&&(d.log=[]),d.log.push(a(g));break;case 29:void 0===d.navigation&&(d.navigation=[]),d.navigation.push(c(g));break;case 30:case 32:break;default:console.error("No handler for Event: "+JSON.stringify(g))}}return d}});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.decode=l)}();

package/build/clarity.decode.module.js

@@ -1,4 +1,4 @@
-var version$1 = "0.6.26";
+var version$1 = "0.6.30";
 var version = version$1;
 
 function decode$5(tokens) {
@@ -89,12 +89,6 @@ function decode$4(tokens) {
     var time = tokens[0];
     var event = tokens[1];
     switch (event) {
-        case 32 /* ImageError */:
-            var imageError = {
-                source: tokens[2],
-                target: tokens[3],
-            };
-            return { time: time, event: event, data: imageError };
         case 31 /* ScriptError */:
             var scriptError = {
                 message: tokens[2],
@@ -153,6 +147,9 @@ function decode$3(tokens) {
                 hashBeta: clickHashes.length > 0 ? clickHashes[1] : null
             };
             return { time: time, event: event, data: clickData };
+        case 38 /* Clipboard */:
+            var clipData = { target: tokens[2], action: tokens[3] };
+            return { time: time, event: event, data: clipData };
         case 11 /* Resize */:
             var resizeData = { width: tokens[2], height: tokens[3] };
             return { time: time, event: event, data: resizeData };
@@ -170,6 +167,11 @@ function decode$3(tokens) {
                 endOffset: tokens[5]
             };
             return { time: time, event: event, data: selectionData };
+        case 39 /* Submit */:
+            var submitData = {
+                target: tokens[2]
+            };
+            return { time: time, event: event, data: submitData };
         case 10 /* Scroll */:
             var scrollData = {
                 target: tokens[2],
@@ -366,14 +368,6 @@ function decode$1(tokens) {
     var time = tokens[0];
     var event = tokens[1];
     switch (event) {
-        case 30 /* Connection */:
-            var connectionData = {
-                downlink: tokens[2],
-                rtt: tokens[3],
-                saveData: tokens[4],
-                type: tokens[5]
-            };
-            return { time: time, event: event, data: connectionData };
         case 29 /* Navigation */:
             var navigationData = {
                 fetchStart: tokens[2],
@@ -507,6 +501,13 @@ function decode(input) {
                 var clickEntry = decode$3(entry);
                 payload.click.push(clickEntry);
                 break;
+            case 38 /* Clipboard */:
+                if (payload.clipboard === undefined) {
+                    payload.clipboard = [];
+                }
+                var clipEntry = decode$3(entry);
+                payload.clipboard.push(clipEntry);
+                break;
             case 10 /* Scroll */:
                 if (payload.scroll === undefined) {
                     payload.scroll = [];
@@ -525,6 +526,13 @@ function decode(input) {
                 }
                 payload.selection.push(decode$3(entry));
                 break;
+            case 39 /* Submit */:
+                if (payload.submit === undefined) {
+                    payload.submit = [];
+                }
+                var submitEntry = decode$3(entry);
+                payload.submit.push(submitEntry);
+                break;
             case 22 /* Timeline */:
                 if (payload.timeline === undefined) {
                     payload.timeline = [];
@@ -580,30 +588,22 @@ function decode(input) {
                 }
                 payload.script.push(decode$4(entry));
                 break;
-            case 32 /* ImageError */:
-                if (payload.image === undefined) {
-                    payload.image = [];
-                }
-                payload.image.push(decode$4(entry));
-                break;
             case 33 /* Log */:
                 if (payload.log === undefined) {
                     payload.log = [];
                 }
                 payload.log.push(decode$4(entry));
                 break;
-            case 30 /* Connection */:
-                if (payload.connection === undefined) {
-                    payload.connection = [];
-                }
-                payload.connection.push(decode$1(entry));
-                break;
             case 29 /* Navigation */:
                 if (payload.navigation === undefined) {
                     payload.navigation = [];
                 }
                 payload.navigation.push(decode$1(entry));
                 break;
+            case 30 /* Connection */:
+            case 32 /* ImageError */:
+                /* Deprecated - Intentionally, no-op. For backward compatibility. */
+                break;
             default:
                 console.error("No handler for Event: " + JSON.stringify(entry));
                 break;

package/package.json

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

package/src/clarity.ts

@@ -1,11 +1,11 @@
 import { Data, version } from "clarity-js";
 import { BaselineEvent, CustomEvent, DecodedPayload, DecodedVersion, DimensionEvent } from "../types/data";
 import { LimitEvent, MetricEvent, PingEvent, SummaryEvent, UpgradeEvent, UploadEvent, VariableEvent } from "../types/data";
-import { ImageErrorEvent, LogEvent, ScriptErrorEvent } from "../types/diagnostic";
-import { ClickEvent, InputEvent, PointerEvent, ResizeEvent, ScrollEvent, TimelineEvent } from "../types/interaction";
+import { LogEvent, ScriptErrorEvent } from "../types/diagnostic";
+import { ClickEvent, ClipboardEvent, InputEvent, PointerEvent, ResizeEvent, ScrollEvent, SubmitEvent, TimelineEvent } from "../types/interaction";
 import { SelectionEvent, UnloadEvent, VisibilityEvent } from "../types/interaction";
 import { BoxEvent, DocumentEvent, DomEvent, RegionEvent } from "../types/layout";
-import { ConnectionEvent, NavigationEvent } from "../types/performance";
+import { NavigationEvent } from "../types/performance";
 
 import * as data from "./data";
 import * as diagnostic from "./diagnostic";
@@ -101,6 +101,11 @@ export function decode(input: string): DecodedPayload {
                 let clickEntry = interaction.decode(entry) as ClickEvent;
                 payload.click.push(clickEntry);
                 break;
+            case Data.Event.Clipboard:
+                if (payload.clipboard === undefined) { payload.clipboard = []; }
+                let clipEntry = interaction.decode(entry) as ClipboardEvent;
+                payload.clipboard.push(clipEntry);
+                break;
             case Data.Event.Scroll:
                 if (payload.scroll === undefined) { payload.scroll = []; }
                 payload.scroll.push(interaction.decode(entry) as ScrollEvent);
@@ -113,6 +118,11 @@ export function decode(input: string): DecodedPayload {
                 if (payload.selection === undefined) { payload.selection = []; }
                 payload.selection.push(interaction.decode(entry) as SelectionEvent);
                 break;
+            case Data.Event.Submit:
+                if (payload.submit === undefined) { payload.submit = []; }
+                let submitEntry = interaction.decode(entry) as SubmitEvent;
+                payload.submit.push(submitEntry);
+                break;
             case Data.Event.Timeline:
                 if (payload.timeline === undefined) { payload.timeline = []; }
                 payload.timeline.push(interaction.decode(entry) as TimelineEvent);
@@ -150,22 +160,18 @@ export function decode(input: string): DecodedPayload {
                 if (payload.script === undefined) { payload.script = []; }
                 payload.script.push(diagnostic.decode(entry) as ScriptErrorEvent);
                 break;
-            case Data.Event.ImageError:
-                if (payload.image === undefined) { payload.image = []; }
-                payload.image.push(diagnostic.decode(entry) as ImageErrorEvent);
-                break;
             case Data.Event.Log:
                 if (payload.log === undefined) { payload.log = []; }
                 payload.log.push(diagnostic.decode(entry) as LogEvent);
                 break;
-            case Data.Event.Connection:
-                if (payload.connection === undefined) { payload.connection = []; }
-                payload.connection.push(performance.decode(entry) as ConnectionEvent);
-                break;
             case Data.Event.Navigation:
                 if (payload.navigation === undefined) { payload.navigation = []; }
                 payload.navigation.push(performance.decode(entry) as NavigationEvent);
                 break;
+            case Data.Event.Connection:
+            case Data.Event.ImageError:
+                /* Deprecated - Intentionally, no-op. For backward compatibility. */
+                break;
             default:
                 console.error(`No handler for Event: ${JSON.stringify(entry)}`);
                 break;

package/src/diagnostic.ts

@@ -5,12 +5,6 @@ export function decode(tokens: Data.Token[]): DiagnosticEvent {
     let time = tokens[0] as number;
     let event = tokens[1] as Data.Event;
     switch (event) {
-        case Data.Event.ImageError:
-            let imageError: Diagnostic.ImageErrorData = {
-                source: tokens[2] as string,
-                target: tokens[3] as number,
-            };
-            return { time, event, data: imageError };
         case Data.Event.ScriptError:
             let scriptError: Diagnostic.ScriptErrorData = {
                 message: tokens[2] as string,

package/src/interaction.ts

@@ -37,6 +37,9 @@ export function decode(tokens: Data.Token[]): InteractionEvent {
                 hashBeta: clickHashes.length > 0 ? clickHashes[1] : null
             };
             return { time, event, data: clickData };
+        case Data.Event.Clipboard:
+            let clipData: Interaction.ClipboardData = { target: tokens[2] as number, action: tokens[3] as Interaction.Clipboard };
+            return { time, event, data: clipData };
         case Data.Event.Resize:
             let resizeData: Interaction.ResizeData = { width: tokens[2] as number, height: tokens[3] as number };
             return { time, event, data: resizeData };
@@ -54,6 +57,11 @@ export function decode(tokens: Data.Token[]): InteractionEvent {
                 endOffset: tokens[5] as number
             };
             return { time, event, data: selectionData };
+        case Data.Event.Submit:
+            let submitData: Interaction.SubmitData = {
+                target: tokens[2] as number
+            };
+            return { time, event, data: submitData };
         case Data.Event.Scroll:
             let scrollData: Interaction.ScrollData = {
                 target: tokens[2] as number,

package/src/performance.ts

@@ -5,14 +5,6 @@ export function decode(tokens: Data.Token[]): PerformanceEvent  {
     let time = tokens[0] as number;
     let event = tokens[1] as Data.Event;
     switch (event) {
-        case Data.Event.Connection:
-            let connectionData: Performance.ConnectionData = {
-                downlink: tokens[2] as number,
-                rtt: tokens[3] as number,
-                saveData: tokens[4] as number,
-                type: tokens[5] as string
-            };
-            return { time, event, data: connectionData };
         case Data.Event.Navigation:
             let navigationData: Performance.NavigationData = {
                 fetchStart: tokens[2] as number,

package/types/data.d.ts

@@ -1,9 +1,9 @@
 import { Data } from "clarity-js";
-import { DiagnosticEvent, ImageErrorEvent, LogEvent, ScriptErrorEvent } from "./diagnostic";
-import { ClickEvent, InputEvent, InteractionEvent, PointerEvent, ResizeEvent } from "./interaction";
+import { DiagnosticEvent, LogEvent, ScriptErrorEvent } from "./diagnostic";
+import { ClickEvent, ClipboardEvent, InputEvent, InteractionEvent, PointerEvent, ResizeEvent, SubmitEvent } from "./interaction";
 import { ScrollEvent, SelectionEvent, TimelineEvent, UnloadEvent, VisibilityEvent } from "./interaction";
 import { BoxEvent, DocumentEvent, DomEvent, LayoutEvent, RegionEvent } from "./layout";
-import { ConnectionEvent, NavigationEvent, PerformanceEvent } from "./performance";
+import { NavigationEvent, PerformanceEvent } from "./performance";
 import { PartialEvent } from "./core";
 
 /* Redeclare enums */
@@ -50,14 +50,15 @@ export interface DecodedPayload {
     dimension?: DimensionEvent[];
     ping?: PingEvent[];
     limit?: LimitEvent[];
-    image?: ImageErrorEvent[];
     script?: ScriptErrorEvent[];
     input?: InputEvent[];
     pointer?: PointerEvent[];
     click?: ClickEvent[];
+    clipboard?: ClipboardEvent[];
     resize?: ResizeEvent[];
     scroll?: ScrollEvent[];
     selection?: SelectionEvent[];
+    submit?: SubmitEvent[];
     summary?: SummaryEvent[];
     timeline?: TimelineEvent[];
     unload?: UnloadEvent[];
@@ -68,7 +69,6 @@ export interface DecodedPayload {
     region?: RegionEvent[];
     dom?: DomEvent[];
     doc?: DocumentEvent[];
-    connection?: ConnectionEvent[];
     navigation?: NavigationEvent[];
     log?: LogEvent[];
     baseline?: BaselineEvent[];

package/types/diagnostic.d.ts

@@ -1,9 +1,8 @@
 import { Diagnostic } from "clarity-js";
 import { PartialEvent } from "./core";
 
-export interface ImageErrorEvent extends PartialEvent { data: Diagnostic.ImageErrorData; }
 export interface ScriptErrorEvent extends PartialEvent { data: Diagnostic.ScriptErrorData; }
 export interface LogEvent extends PartialEvent { data: Diagnostic.LogData; }
 export interface DiagnosticEvent extends PartialEvent {
-    data: Diagnostic.ImageErrorData | Diagnostic.LogData | Diagnostic.ScriptErrorData;
+    data: Diagnostic.LogData | Diagnostic.ScriptErrorData;
 }

package/types/interaction.d.ts

@@ -11,20 +11,24 @@ export interface TimelineData extends Interaction.TimelineData {
 
 export interface InputEvent extends PartialEvent { data: Interaction.InputData; }
 export interface ClickEvent extends PartialEvent { data: ClickData; }
+export interface ClipboardEvent extends PartialEvent { data: Interaction.ClipboardData; }
 export interface PointerEvent extends PartialEvent { data: Interaction.PointerData; }
 export interface ResizeEvent extends PartialEvent { data: Interaction.ResizeData; }
 export interface ScrollEvent extends PartialEvent { data: Interaction.ScrollData; }
 export interface SelectionEvent extends PartialEvent { data: Interaction.SelectionData; }
+export interface SubmitEvent extends PartialEvent { data: Interaction.SubmitData; }
 export interface TimelineEvent extends PartialEvent { data: TimelineData; }
 export interface UnloadEvent extends PartialEvent { data: Interaction.UnloadData; }
 export interface VisibilityEvent extends PartialEvent { data: Interaction.VisibilityData; }
 export interface InteractionEvent extends PartialEvent {
     data: ClickData |
+    Interaction.ClipboardData |
     Interaction.InputData |
     Interaction.PointerData |
     Interaction.ResizeData |
     Interaction.ScrollData |
     Interaction.SelectionData |
+    Interaction.SubmitData |
     TimelineData |
     Interaction.UnloadData |
     Interaction.VisibilityData;

package/types/performance.d.ts

@@ -1,8 +1,7 @@
 import { Performance } from "clarity-js";
 import { PartialEvent } from "./core";
 
-export interface ConnectionEvent extends PartialEvent { data: Performance.ConnectionData; }
 export interface NavigationEvent extends PartialEvent { data: Performance.NavigationData; }
 export interface PerformanceEvent extends PartialEvent {
-    data: Performance.ConnectionData | Performance.NavigationData
+    data: Performance.NavigationData
 }