@mparticle/web-mixpanel-kit 2.1.1 → 3.1.0

package/dist/MixpanelEventForwarder.common.js

@@ -46,7 +46,7 @@ var renderSnippet = function() {
 /* eslint-enable */
 
 // eslint-disable-next-line no-redeclare
-var constructor = function () {
+var constructor = function() {
     var self = this,
         isInitialized = false,
         forwarderSettings = null,
@@ -64,13 +64,74 @@ var constructor = function () {
             if (!testMode) {
                 renderSnippet();
             }
-            mixpanel.init(
-                settings.token,
+            // Build init options object
+            var initOptions = {
+                api_host: forwarderSettings.baseUrl,
+            };
+
+            // Session Replay boolean settings
+            var boolSettings = [
+                { key: 'recordHeatmapData', mappedKey: 'record_heatmap_data' },
+                { key: 'autocapture', mappedKey: 'autocapture' },
+                { key: 'recordCanvas', mappedKey: 'record_canvas' },
+            ];
+
+            // Session Replay numeric settings
+            var numericSettings = [
                 {
-                    api_host: forwarderSettings.baseUrl,
+                    key: 'recordSessionsPercent',
+                    mappedKey: 'record_sessions_percent',
                 },
-                'mparticle'
-            );
+                {
+                    key: 'recordIdleTimeoutMs',
+                    mappedKey: 'record_idle_timeout_ms',
+                },
+                { key: 'recordMaxMs', mappedKey: 'record_max_ms' },
+                { key: 'recordMinMs', mappedKey: 'record_min_ms' },
+            ];
+
+            // Session Replay string settings
+            var stringSettings = [
+                {
+                    key: 'recordMaskTextSelector',
+                    mappedKey: 'record_mask_text_selector',
+                },
+                {
+                    key: 'recordBlockSelector',
+                    mappedKey: 'record_block_selector',
+                },
+                { key: 'recordBlockClass', mappedKey: 'record_block_class' },
+                {
+                    key: 'recordMaskTextClass',
+                    mappedKey: 'record_mask_text_class',
+                },
+            ];
+
+            // Process boolean settings
+            boolSettings.forEach(function(setting) {
+                if (forwarderSettings[setting.key] != null) {
+                    initOptions[setting.mappedKey] =
+                        forwarderSettings[setting.key] === 'True';
+                }
+            });
+
+            // Process numeric settings
+            numericSettings.forEach(function(setting) {
+                var numericValue = parseIntSafe(forwarderSettings[setting.key]);
+                if (numericValue !== undefined) {
+                    initOptions[setting.mappedKey] = numericValue;
+                }
+            });
+
+            // Process string settings
+            stringSettings.forEach(function(setting) {
+                if (forwarderSettings[setting.key]) {
+                    initOptions[setting.mappedKey] =
+                        forwarderSettings[setting.key];
+                }
+            });
+
+            mixpanel.init(settings.token, initOptions, 'mparticle');
 
             isInitialized = true;
 
@@ -92,9 +153,8 @@ var constructor = function () {
                 reportEvent = true;
                 logEvent(event);
             } else if (event.EventDataType == MessageType.PageView) {
-                event.EventName = 'Viewed ' + event.EventName;
                 reportEvent = true;
-                logEvent(event);
+                logPageView(event);
             } else if (
                 event.EventDataType == MessageType.Commerce &&
                 event.ProductAction &&
@@ -196,7 +256,7 @@ var constructor = function () {
         // When mParticle identifies a user, because the user might
         // actually be anonymous, we only want to send an
         // identify request to Mixpanel if the user is
-        // actually known. If a user has any user identities, they are 
+        // actually known. If a user has any user identities, they are
         // considered to be "known" users.
         var userIdentities = getUserIdentities(user);
 
@@ -299,6 +359,17 @@ var constructor = function () {
         }
     }
 
+    function logPageView(event) {
+        var eventName = 'Viewed ' + event.EventName;
+        event.EventAttributes = event.EventAttributes || {};
+
+        try {
+            mixpanel.mparticle.track(eventName, event.EventAttributes);
+        } catch (e) {
+            return 'Cannot log event on forwarder: ' + name + ': ' + e;
+        }
+    }
+
     function logEvent(event) {
         event.EventAttributes = event.EventAttributes || {};
 
@@ -386,6 +457,11 @@ function isObject(val) {
     );
 }
 
+function parseIntSafe(value) {
+    var n = parseInt(value, 10);
+    return isNaN(n) ? undefined : n;
+}
+
 if (typeof window !== 'undefined') {
     if (window && window.mParticle && window.mParticle.addForwarder) {
         window.mParticle.addForwarder({

package/package.json

@@ -1,14 +1,23 @@
 {
     "name": "@mparticle/web-mixpanel-kit",
-    "version": "2.1.1",
+    "version": "3.1.0",
     "author": "mParticle Developers <developers@mparticle.com> (https://www.mparticle.com)",
     "description": "mParticle integration sdk for Mixpanel",
     "browser": "dist/MixpanelEventForwarder.common.js",
     "files": [
         "dist/MixpanelEventForwarder.common.js"
     ],
+    "publishConfig": {
+        "access": "public",
+        "provenance": true,
+        "registry": "https://registry.npmjs.org"
+    },
     "main": "dist/MixpanelEventForwarder.common.js",
-    "repository": "https://github.com/mparticle-integrations/mparticle-javascript-integration-mixpanel",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/mParticle/mparticle-web-sdk",
+        "directory": "kits/mixpanel/mixpanel-2"
+    },
     "scripts": {
         "build": "rollup --config rollup.config.js",
         "build:test": "rollup --config rollup.test.config.js",
@@ -17,10 +26,12 @@
         "test:debug": "npm run build && npm run build:test && DEBUG=true karma start test/karma.config.js"
     },
     "devDependencies": {
-        "@mparticle/web-sdk": "^2.23.7",
-        "@semantic-release/changelog": "^5.0.1",
-        "@semantic-release/exec": "^5.0.0",
-        "@semantic-release/git": "^9.0.0",
+        "@mparticle/web-sdk": "^3.0.0",
+        "@semantic-release/changelog": "^6.0.3",
+        "@semantic-release/exec": "^6.0.3",
+        "@semantic-release/git": "^10.0.1",
+        "@semantic-release/npm": "^13.1.2",
+        "semantic-release": "^24.2.0",
         "chai": "^4.2.0",
         "eslint-config-prettier": "9.0.0",
         "eslint-plugin-prettier": "5.0.1",
@@ -38,5 +49,6 @@
         "should": "^7.1.0",
         "watchify": "^3.11.1"
     },
-    "license": "Apache-2.0"
+    "license": "Apache-2.0",
+    "homepage": "https://github.com/mParticle/mparticle-web-sdk/tree/main/kits/mixpanel/mixpanel-2#readme"
 }