@blotoutio/providers-google-analytics-4-sdk 1.12.1 → 1.14.0

package/index.cjs.js

@@ -44,6 +44,30 @@ const upsert = (map, key, update, createDefault) => {
     return map.set(key, update(currentValue));
 };
 
+const flattenObject = (obj, prefix, keyFormatter, delimiter) => {
+    if (!obj) {
+        return {};
+    }
+    const updatedPrefix = prefix !== null && prefix !== void 0 ? prefix : '';
+    const updatedDelimiter = delimiter !== null && delimiter !== void 0 ? delimiter : '_';
+    const flattened = {};
+    Object.keys(obj).forEach((key) => {
+        const keyValue = keyFormatter ? keyFormatter(key) : key;
+        const value = obj[keyValue];
+        if (typeof value === 'object' && value !== null) {
+            const prefixValue = updatedPrefix
+                ? updatedPrefix + keyValue + updatedDelimiter
+                : keyValue + updatedDelimiter;
+            Object.assign(flattened, flattenObject(value, prefixValue, keyFormatter, delimiter));
+        }
+        else {
+            const objKey = updatedPrefix ? updatedPrefix + keyValue : keyValue;
+            flattened[objKey] = value;
+        }
+    });
+    return flattened;
+};
+
 const expand = (str) => str.split(',').flatMap((entry) => {
     if (!entry.includes('-')) {
         return entry;
@@ -483,6 +507,7 @@ const init = ({ manifest, userId, executionContext, consentData, }) => {
     }
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 const getItems = (contents = []) => {
     return contents.map((content) => {
         const data = {
@@ -662,7 +687,7 @@ const getEvent = (eventName, data, eventId) => {
         default: {
             return {
                 event: eventName,
-                eventData: data,
+                eventData: {},
             };
         }
     }
@@ -679,7 +704,18 @@ const handleTag = ({ data = {}, eventName, eventId, manifestVariables, }) => {
     if (manifestVariables['debug'] === '1') {
         eventData['debug_mode'] = true;
     }
-    window.gtag('event', event, { ...eventData, app: 'blotout' });
+    const rawData = structuredClone(data);
+    if ('items' in eventData) {
+        delete rawData['contents'];
+    }
+    const flattenedRawData = flattenObject(rawData);
+    const ga4Data = { ...flattenedRawData, ...eventData };
+    for (const key in ga4Data) {
+        if (ga4Data[key] === undefined) {
+            delete ga4Data[key];
+        }
+    }
+    window.gtag('event', event, { ...ga4Data, app: 'blotout' });
 };
 
 const getCookieValue = (key) => {
@@ -734,7 +770,7 @@ const tag = ({ data, eventName, manifestVariables, eventId }) => {
     }
     return {
         loaded: isLoaded,
-        sdkVersion: "1.12.1" ,
+        sdkVersion: "1.14.0" ,
     };
 };
 

package/index.d.ts

@@ -0,0 +1 @@
+declare module '@blotoutio/providers-google-analytics-4-sdk'

package/index.js

@@ -45,6 +45,30 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
         return map.set(key, update(currentValue));
     };
 
+    const flattenObject = (obj, prefix, keyFormatter, delimiter) => {
+        if (!obj) {
+            return {};
+        }
+        const updatedPrefix = prefix !== null && prefix !== void 0 ? prefix : '';
+        const updatedDelimiter = delimiter !== null && delimiter !== void 0 ? delimiter : '_';
+        const flattened = {};
+        Object.keys(obj).forEach((key) => {
+            const keyValue = keyFormatter ? keyFormatter(key) : key;
+            const value = obj[keyValue];
+            if (typeof value === 'object' && value !== null) {
+                const prefixValue = updatedPrefix
+                    ? updatedPrefix + keyValue + updatedDelimiter
+                    : keyValue + updatedDelimiter;
+                Object.assign(flattened, flattenObject(value, prefixValue, keyFormatter, delimiter));
+            }
+            else {
+                const objKey = updatedPrefix ? updatedPrefix + keyValue : keyValue;
+                flattened[objKey] = value;
+            }
+        });
+        return flattened;
+    };
+
     const expand = (str) => str.split(',').flatMap((entry) => {
         if (!entry.includes('-')) {
             return entry;
@@ -484,6 +508,7 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
         }
     };
 
+    // eslint-disable-next-line @nx/enforce-module-boundaries
     const getItems = (contents = []) => {
         return contents.map((content) => {
             const data = {
@@ -663,7 +688,7 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
             default: {
                 return {
                     event: eventName,
-                    eventData: data,
+                    eventData: {},
                 };
             }
         }
@@ -680,7 +705,18 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
         if (manifestVariables['debug'] === '1') {
             eventData['debug_mode'] = true;
         }
-        window.gtag('event', event, { ...eventData, app: 'blotout' });
+        const rawData = structuredClone(data);
+        if ('items' in eventData) {
+            delete rawData['contents'];
+        }
+        const flattenedRawData = flattenObject(rawData);
+        const ga4Data = { ...flattenedRawData, ...eventData };
+        for (const key in ga4Data) {
+            if (ga4Data[key] === undefined) {
+                delete ga4Data[key];
+            }
+        }
+        window.gtag('event', event, { ...ga4Data, app: 'blotout' });
     };
 
     const getCookieValue = (key) => {
@@ -735,7 +771,7 @@ var ProvidersGoogleAnalytics4Sdk = (function () {
         }
         return {
             loaded: isLoaded,
-            sdkVersion: "1.12.1" ,
+            sdkVersion: "1.14.0" ,
         };
     };
 

package/index.mjs

@@ -42,6 +42,30 @@ const upsert = (map, key, update, createDefault) => {
     return map.set(key, update(currentValue));
 };
 
+const flattenObject = (obj, prefix, keyFormatter, delimiter) => {
+    if (!obj) {
+        return {};
+    }
+    const updatedPrefix = prefix !== null && prefix !== void 0 ? prefix : '';
+    const updatedDelimiter = delimiter !== null && delimiter !== void 0 ? delimiter : '_';
+    const flattened = {};
+    Object.keys(obj).forEach((key) => {
+        const keyValue = keyFormatter ? keyFormatter(key) : key;
+        const value = obj[keyValue];
+        if (typeof value === 'object' && value !== null) {
+            const prefixValue = updatedPrefix
+                ? updatedPrefix + keyValue + updatedDelimiter
+                : keyValue + updatedDelimiter;
+            Object.assign(flattened, flattenObject(value, prefixValue, keyFormatter, delimiter));
+        }
+        else {
+            const objKey = updatedPrefix ? updatedPrefix + keyValue : keyValue;
+            flattened[objKey] = value;
+        }
+    });
+    return flattened;
+};
+
 const expand = (str) => str.split(',').flatMap((entry) => {
     if (!entry.includes('-')) {
         return entry;
@@ -481,6 +505,7 @@ const init = ({ manifest, userId, executionContext, consentData, }) => {
     }
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 const getItems = (contents = []) => {
     return contents.map((content) => {
         const data = {
@@ -660,7 +685,7 @@ const getEvent = (eventName, data, eventId) => {
         default: {
             return {
                 event: eventName,
-                eventData: data,
+                eventData: {},
             };
         }
     }
@@ -677,7 +702,18 @@ const handleTag = ({ data = {}, eventName, eventId, manifestVariables, }) => {
     if (manifestVariables['debug'] === '1') {
         eventData['debug_mode'] = true;
     }
-    window.gtag('event', event, { ...eventData, app: 'blotout' });
+    const rawData = structuredClone(data);
+    if ('items' in eventData) {
+        delete rawData['contents'];
+    }
+    const flattenedRawData = flattenObject(rawData);
+    const ga4Data = { ...flattenedRawData, ...eventData };
+    for (const key in ga4Data) {
+        if (ga4Data[key] === undefined) {
+            delete ga4Data[key];
+        }
+    }
+    window.gtag('event', event, { ...ga4Data, app: 'blotout' });
 };
 
 const getCookieValue = (key) => {
@@ -732,7 +768,7 @@ const tag = ({ data, eventName, manifestVariables, eventId }) => {
     }
     return {
         loaded: isLoaded,
-        sdkVersion: "1.12.1" ,
+        sdkVersion: "1.14.0" ,
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-google-analytics-4-sdk",
-  "version": "1.12.1",
+  "version": "1.14.0",
   "description": "Google Analytics 4 Browser SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",
@@ -10,12 +10,14 @@
   },
   "main": "./index.cjs.js",
   "module": "./index.mjs",
+  "types": "./index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/blotoutio/edgetag-sdk.git"
   },
   "files": [
     "index.js",
+    "index.d.ts",
     "index.cjs.js",
     "index.mjs",
     "package.json",