@ninetailed/experience.js-plugin-google-tagmanager 2.0.0-beta.34

package/README.md

@@ -0,0 +1,11 @@
+# google-tagmanager
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build google-tagmanager` to build the library.
+
+## Running unit tests
+
+Run `nx test google-tagmanager` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ninetailed/experience.js-plugin-google-tagmanager",
+  "version": "2.0.0-beta.34",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export { NinetailedGoogleTagmanagerPlugin } from './plugin';

package/src/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NinetailedGoogleTagmanagerPlugin = void 0;
+var plugin_1 = require("./plugin");
+Object.defineProperty(exports, "NinetailedGoogleTagmanagerPlugin", { enumerable: true, get: function () { return plugin_1.NinetailedGoogleTagmanagerPlugin; } });
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/google-tagmanager/src/index.ts"],"names":[],"mappings":";;;AAAA,mCAA4D;AAAnD,0HAAA,gCAAgC,OAAA"}

package/src/plugin.d.ts

@@ -0,0 +1,12 @@
+import { AnalyticsPlugin } from 'analytics';
+declare global {
+    interface Window {
+        dataLayer?: unknown[];
+    }
+}
+declare type NinetailedGoogleTagmanagerPluginOptions = {
+    actionTemplate?: string;
+    labelTemplate?: string;
+};
+export declare const NinetailedGoogleTagmanagerPlugin: (options?: NinetailedGoogleTagmanagerPluginOptions) => AnalyticsPlugin;
+export {};

package/src/plugin.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NinetailedGoogleTagmanagerPlugin = void 0;
+const tslib_1 = require("tslib");
+const template_1 = (0, tslib_1.__importDefault)(require("lodash/template"));
+const HAS_SEEN_COMPONENT = 'hasSeenComponent';
+const TEMPLATE_OPTIONS = {
+    interpolate: /{{([\s\S]+?)}}/g,
+};
+const NinetailedGoogleTagmanagerPlugin = (options = {}) => {
+    const handleHasSeenComponent = (payload) => {
+        var _a;
+        const { variant, audience, isPersonalized } = payload;
+        const actionTemplate = (0, template_1.default)(options.actionTemplate || 'Has Seen Experience', TEMPLATE_OPTIONS);
+        const labelTemplate = (0, template_1.default)(options.labelTemplate || '{{ baselineOrVariant }}:{{ component.id }}', TEMPLATE_OPTIONS);
+        const action = actionTemplate({ component: variant, audience });
+        const label = labelTemplate({
+            component: variant,
+            audience,
+            baselineOrVariant: isPersonalized ? 'Variant' : 'Baseline',
+        });
+        (_a = window.dataLayer) === null || _a === void 0 ? void 0 : _a.push({
+            event: action,
+            properties: {
+                category: 'Ninetailed',
+                label,
+                nonInteraction: true,
+            },
+        });
+    };
+    const handleTrackExperience = (payload) => {
+        var _a;
+        const { variant, experience } = payload;
+        (_a = window.dataLayer) === null || _a === void 0 ? void 0 : _a.push({
+            event: 'nt_experience',
+            variant,
+            experience,
+        });
+    };
+    return {
+        name: 'ninetailed:googleTagmanager',
+        initialize: () => {
+            if (typeof window !== 'undefined') {
+                window.dataLayer = window.dataLayer || [];
+            }
+        },
+        track: ({ payload }) => {
+            const { event, properties } = payload;
+            if (event === HAS_SEEN_COMPONENT) {
+                return handleHasSeenComponent(properties);
+            }
+            if (event === 'nt_experience') {
+                return handleTrackExperience(properties);
+            }
+        },
+    };
+};
+exports.NinetailedGoogleTagmanagerPlugin = NinetailedGoogleTagmanagerPlugin;
+//# sourceMappingURL=plugin.js.map

package/src/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../../../packages/google-tagmanager/src/plugin.ts"],"names":[],"mappings":";;;;AACA,4EAAuC;AAIvC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AA0B9C,MAAM,gBAAgB,GAAG;IACvB,WAAW,EAAE,iBAAiB;CAC/B,CAAC;AAEK,MAAM,gCAAgC,GAAG,CAC9C,UAAmD,EAAE,EACpC,EAAE;IACnB,MAAM,sBAAsB,GAAG,CAAC,OAAgC,EAAE,EAAE;;QAClE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;QAEtD,MAAM,cAAc,GAAG,IAAA,kBAAQ,EAC3B,OAAO,CAAC,cAAc,IAAI,qBAAqB,EAC/C,gBAAgB,CACjB,CAAC;QACF,MAAM,aAAa,GAAG,IAAA,kBAAQ,EAC1B,OAAO,CAAC,aAAa,IAAI,4CAA4C,EACrE,gBAAgB,CACjB,CAAC;QAEF,MAAM,MAAM,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClE,MAAM,KAAK,GAAG,aAAa,CAAC;YAC1B,SAAS,EAAE,OAAO;YAClB,QAAQ;YACR,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;SAC3D,CAAC,CAAC;QAEH,MAAA,MAAM,CAAC,SAAS,0CAAE,IAAI,CAAC;YACrB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACV,QAAQ,EAAE,YAAY;gBACtB,KAAK;gBACL,cAAc,EAAE,IAAI;aACrB;SACF,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,OAA+B,EAAE,EAAE;;QAChE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QAExC,MAAA,MAAM,CAAC,SAAS,0CAAE,IAAI,CAAC;YACrB,KAAK,EAAE,eAAe;YACtB,OAAO;YACP,UAAU;SACX,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,6BAA6B;QACnC,UAAU,EAAE,GAAG,EAAE;YACf,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC;aAC3C;QACH,CAAC;QACD,KAAK,EAAE,CAAC,EAAE,OAAO,EAAa,EAAE,EAAE;YAChC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;YAEtC,IAAI,KAAK,KAAK,kBAAkB,EAAE;gBAChC,OAAO,sBAAsB,CAAC,UAAqC,CAAC,CAAC;aACtE;YAED,IAAI,KAAK,KAAK,eAAe,EAAE;gBAC7B,OAAO,qBAAqB,CAAC,UAAoC,CAAC,CAAC;aACpE;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,gCAAgC,oCA6D3C"}