Runtime Config Session Tracking Support

static/js/HitchhikerJS.js

@@ -35,8 +35,12 @@ import RuntimeConfigReceiver from './runtime-config-receiver';
 export { RuntimeConfigReceiver };
 
 import RuntimeConfig from './runtime-config';
-import AnswersExperience from './answers-experience';
 const runtimeConfig = new RuntimeConfig();
+
+import RuntimeConfigListenerRegistrant from './runtime-config-listener-registrant';
+new RuntimeConfigListenerRegistrant(runtimeConfig).registerListeners();
+
+import AnswersExperience from './answers-experience';
 window.AnswersExperience = new AnswersExperience(runtimeConfig);
 
 export * from './video-apis';

static/js/answers-experience.js

@@ -4,32 +4,5 @@ export default class AnswersExperience {
   constructor (runtimeConfig) {
     this.runtimeConfig = runtimeConfig;
     this.AnswersInitializedPromise = new DeferredPromise();
-
-    runtimeConfig.registerListener({
-      key: 'analyticsEventsEnabled',
-      callback: updatedConfigOption => {
-        this.AnswersInitializedPromise
-          .then(() => this.updateAnswersAnalyticsEventsConfig(updatedConfigOption))
-          .catch(err => console.warn(err));
-      }
-    });
-  }
-
-  /**
-   * Update Answer's analytics events config based on new value 
-   * of 'analyticsEventsEnabled' key in runtimeConfig
-   * 
-   * @param {string|boolean} updatedConfigOption
-   */
-  updateAnswersAnalyticsEventsConfig (updatedConfigOption) {
-    let option = null;
-    if (typeof(updatedConfigOption) === 'string') {
-      option = updatedConfigOption.toLowerCase() === 'true';
-    } else if (typeof(updatedConfigOption) === 'boolean') {
-      option = updatedConfigOption;
-    }
-    if (option != null) {
-      ANSWERS.setAnalyticsOptIn(option);
-    }
   }
 }

static/js/runtime-config-listener-registrant.js

@@ -0,0 +1,16 @@
+import analyticsListener from './runtime-config-listeners/analytics';
+import sessionTrackingListener from './runtime-config-listeners/session-tracking';
+
+/**
+ * Responsible for registering listeners to a runtime config object
+ */
+export default class RuntimeConfigListenerRegistrant {
+  constructor(runtimeConfig) {
+    this._runtimeConfig = runtimeConfig;
+  }
+
+  registerListeners() {
+    this._runtimeConfig.registerListener(analyticsListener);
+    this._runtimeConfig.registerListener(sessionTrackingListener);
+  }
+}

static/js/runtime-config-listeners/analytics.js

@@ -0,0 +1,13 @@
+import { canonicalizeBoolean } from '../utils';
+
+export default {
+  key: 'analyticsEventsEnabled',
+  callback: value => {
+    window.AnswersExperience.AnswersInitializedPromise
+      .then(() => {
+        const canonicalizedValue = canonicalizeBoolean(value);
+        ANSWERS.setAnalyticsOptIn(canonicalizedValue);
+      })
+      .catch(err => console.warn(err));
+  }
+};

static/js/runtime-config-listeners/session-tracking.js

@@ -0,0 +1,13 @@
+import { canonicalizeBoolean } from '../utils';
+
+export default {
+  key: 'sessionTrackingEnabled',
+  callback: value => {
+    window.AnswersExperience.AnswersInitializedPromise
+      .then(() => {
+        const canonicalizedValue = canonicalizeBoolean(value);
+        ANSWERS.setSessionsOptIn(canonicalizedValue);
+      })
+      .catch(err => console.warn(err));
+  }
+}

static/js/utils.js

@@ -0,0 +1,16 @@
+/**
+ * Returns true if the value is either the boolean value
+ * 'true' or a string representation of 'true'
+ * 
+ * @param {string|boolean} value
+ * @returns {boolean}
+ */
+ export function canonicalizeBoolean (value) {
+  if (typeof(value) === 'string') {
+    return value.toLowerCase() === 'true';
+  } else if (typeof(value) === 'boolean') {
+    return value;
+  } else {
+    return false;
+  }
+}