@ninetailed/experience.js-plugin-google-analytics 4.2.0-beta.3 → 4.2.0-beta.5

package/NinetailedGoogleAnalyticsPlugin.d.ts

@@ -5,9 +5,8 @@ type NinetailedGoogleAnalyticsPluginOptions = {
     labelTemplate?: string;
 };
 export declare class NinetailedGoogleAnalyticsPlugin extends NinetailedAnalyticsPlugin {
+    private options;
     name: string;
-    private readonly actionTemplate;
-    private readonly labelTemplate;
     constructor(options?: NinetailedGoogleAnalyticsPluginOptions);
     protected onTrackExperience(properties: TrackExperienceProperties): Promise<void>;
     protected onTrackComponent(properties: TrackComponentProperties): Promise<void>;

package/index.cjs

@@ -2,12 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var template = require('lodash/template');
 var experience_jsPluginAnalytics = require('@ninetailed/experience.js-plugin-analytics');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var template__default = /*#__PURE__*/_interopDefaultLegacy(template);
+var experience_jsShared = require('@ninetailed/experience.js-shared');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2246,9 +2242,8 @@ const isGoogleAnalyticsInitialized = () => {
 class NinetailedGoogleAnalyticsPlugin extends experience_jsPluginAnalytics.NinetailedAnalyticsPlugin {
   constructor(options = {}) {
     super();
+    this.options = options;
     this.name = 'ninetailed:google-analytics';
-    this.actionTemplate = template__default["default"](options.actionTemplate || 'Has Seen Component - Audience:{{ audience.id }}', TEMPLATE_OPTIONS);
-    this.labelTemplate = template__default["default"](options.labelTemplate || '{{ baselineOrVariant }}:{{ component.id }}', TEMPLATE_OPTIONS);
   }
   onTrackExperience(properties) {
     return Promise.resolve();
@@ -2263,15 +2258,15 @@ class NinetailedGoogleAnalyticsPlugin extends experience_jsPluginAnalytics.Ninet
         audience,
         isPersonalized
       } = properties;
-      const action = this.actionTemplate({
+      const action = experience_jsShared.template(this.options.actionTemplate || 'Has Seen Component - Audience:{{ audience.id }}', {
         component: variant,
         audience
-      });
-      const label = this.labelTemplate({
+      }, TEMPLATE_OPTIONS.interpolate);
+      const label = experience_jsShared.template(this.options.labelTemplate || '{{ baselineOrVariant }}:{{ component.id }}', {
         component: variant,
         audience,
         baselineOrVariant: isPersonalized ? 'Variant' : 'Baseline'
-      });
+      }, TEMPLATE_OPTIONS.interpolate);
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       window.gtag('event', action, {

package/index.js

@@ -1,5 +1,5 @@
-import template from 'lodash/template';
 import { NinetailedAnalyticsPlugin } from '@ninetailed/experience.js-plugin-analytics';
+import { template } from '@ninetailed/experience.js-shared';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2238,9 +2238,8 @@ const isGoogleAnalyticsInitialized = () => {
 class NinetailedGoogleAnalyticsPlugin extends NinetailedAnalyticsPlugin {
   constructor(options = {}) {
     super();
+    this.options = options;
     this.name = 'ninetailed:google-analytics';
-    this.actionTemplate = template(options.actionTemplate || 'Has Seen Component - Audience:{{ audience.id }}', TEMPLATE_OPTIONS);
-    this.labelTemplate = template(options.labelTemplate || '{{ baselineOrVariant }}:{{ component.id }}', TEMPLATE_OPTIONS);
   }
   onTrackExperience(properties) {
     return Promise.resolve();
@@ -2255,15 +2254,15 @@ class NinetailedGoogleAnalyticsPlugin extends NinetailedAnalyticsPlugin {
         audience,
         isPersonalized
       } = properties;
-      const action = this.actionTemplate({
+      const action = template(this.options.actionTemplate || 'Has Seen Component - Audience:{{ audience.id }}', {
         component: variant,
         audience
-      });
-      const label = this.labelTemplate({
+      }, TEMPLATE_OPTIONS.interpolate);
+      const label = template(this.options.labelTemplate || '{{ baselineOrVariant }}:{{ component.id }}', {
         component: variant,
         audience,
         baselineOrVariant: isPersonalized ? 'Variant' : 'Baseline'
-      });
+      }, TEMPLATE_OPTIONS.interpolate);
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       window.gtag('event', action, {

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@ninetailed/experience.js-plugin-google-analytics",
-  "version": "4.2.0-beta.3",
+  "version": "4.2.0-beta.5",
+  "devDependencies": {
+    "@ninetailed/testing-utils": "*"
+  },
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js": "4.2.0-beta.3",
-    "@ninetailed/experience.js-plugin-analytics": "4.2.0-beta.3",
-    "lodash": "4.17.21"
+    "@ninetailed/experience.js": "4.2.0-beta.5",
+    "@ninetailed/experience.js-plugin-analytics": "4.2.0-beta.5",
+    "@ninetailed/experience.js-shared": "4.2.0-beta.5"
   },
   "peerDependencies": {}
 }