function doBcApiThings() {  // Do your BlueConic API things here  ...}// Is BlueConic loaded?if (typeof window.blueConicClient !== 'undefined' &&    typeof window.blueConicClient.event !== 'undefined' &&    typeof window.blueConicClient.event.subscribe !== 'undefined') {    // BlueConic is loaded, now we can do API things    doBcApiThings();} else {  // Not yet loaded; wait for the "onBlueConicLoaded" event  window.addEventListener('onBlueConicLoaded', function () {    // BlueConic is loaded, now we can do API things    doBcApiThings();  }, false);}

if (somethingHappened) {
  blueConicClient.createEvent('CONVERSION', blueConicVariantId);
}

// Note that each interaction receives a context object when initialized.
var interactionId = this.interactionContext.getInteractionId();// Throw a BlueConic CLICK event, e.g. at the onclick of a banner.
this.blueConicClient.createEvent('CLICK', interactionId, this, function(result) {
  console.log('click event successfully registered');
});// Throw a custom "inactivity" event for dialogues subscribed 
// to it on the When tab
this.blueConicClient.createEvent('inactivity', interactionId, this, function(result) {
  // All dialogues subscribed to the "inactivity" event 
  // have now been executed (again)
  console.log('inactivity event successfully registered');
});

var variantId = 'b89e97ee-a4ae-4b0c-9d9e-8d6753c0ba77';// Find the dialogue of the variant
var dialogueId = blueConicClient.getInteractionNamesById(variantId).dialogueId;// Don't show the dialogue again
blueConicClient.doNotShowAgain(dialogueId);

init : function(blueConicClient, context) {
  // get an absolute url to a resource from the interactiontype
  // the protocol of the baseURL will be "https:" when the page 
  // is requested over https:
  var baseURL = blueConicClient.getBaseURL('content');
  var imageLocation = baseURL + 'logo.gif';
  // imageLocation is now http://plugins.mysite.com/content/1.0.0/logo.gif
}

init : function(blueConicClient, context) {
  // get an absolute url to a resource from the interactiontype
  // the protocol of the baseURL will be "https:" when the page 
  // is requested over https:
  var baseURL = blueConicClient.getBaseURL('content');
  var imageLocation = baseURL + 'logo.gif';
  // imageLocation is now https://plugins.mysite.com/content/1.0.0/logo.gif
}

var channelId = blueConicClient.getChannelId();

init: function(blueConicClient, interactionContext) {
  var currentDate = blueConicClient.getCurrentDate();
}

var hostname = blueConicClient.getHostname();

// Get interactions for this page and this profile
var interactions = blueConicClient.getInteractions();if (interactions.size() > 0) {
  var variantId = interactions[0].id;  // Display the interaction information
  console.log(blueConicClient.getInteractionNamesById(variantId));
}

var interactions = blueConicClient.getInteractions();if (interactions.length > 0) {
  // display the names of the triggered interactions
  for (var i = 0; i < interactions.length; i++) {
    var interactionName = (function() {
      if (interactions[i].variantName) {
        return interactions[i].name + ' / ' + interactions[i].variantName;
      } else {
        return interactions[i].name;
      }
    }());    alert(interactionName);
  }
}

var ipAddress = blueConicClient.getIPAddress();

blueConicClient.getProfileProperties(this, function(resultMap) {
  var property = resultMap['browsername'];
  var message = 'Permission level for ' + property.labels['en_US'] + ' is ' 
+ property.permissionLevel;
  alert(message); // Permission level for Browser Name is ANONYMOUS
});

var segments = blueConicClient.getSegments();if (segments.length > 0) {
  // display the names of the currently matching segments
  var segmentNames = new Array();
  for (var i = 0; i < segments.length; i++) {
   segmentNames.push(segments[i].name);
  }
  console.log(segmentNames.join(','));
}

// Rewrite the URL without reloading the page
window.history.pushState(newBody, newTitle, "/new-url");// Handle page view based on the new URL
blueConicClient.handlePageView();

if (blueConicClient.isInEditMode()) {
  // The inside of the lightbox is editable
 blueConicClient.setEditableNode(".fancybox-inner", { colorScheme: "light" });
}

var simActive = blueConicClient.isInSimulatorMode();

blueConicClient.setEditableNode($(".fancybox-inner").get(0),
    { colorScheme: "light" }
  );

// Publish a custom "ON_BANNER_CLICK" listening event when myBanner is clicked
var banner = document.getElementById('#myBanner');
banner.addEventListener("click", function() {
  blueConicClient.event.publish('ON_BANNER_CLICK', [banner, 'banner_name']);
});

/**
  * Subscribe to BlueConic events. You don't have to subscribe to all events
  * as in this example code. Subscribe only to the ones you are interested in. 
  */
var subscribeToBcEvents = function() {
  window.blueConicClient.event.subscribe(window.blueConicClient.event.onBeforePreListeners, 
  {}, function() {
    // BlueConic prelisteners are about to be executed
    console.log('onBeforePreListeners event');
  });  window.blueConicClient.event.subscribe(window.blueConicClient.event.onReady, 
  {}, function() {
    // BlueConic is ready
    console.log('onReady event');
  });  window.blueConicClient.event.subscribe('PAGEVIEW', {}, function() {
    // BlueConic detects a page view
    console.log('PAGEVIEW event');
  });  window.blueConicClient.event.subscribe(window.blueConicClient.event.onBeforeInteractions, 
  {},function() {
    // BlueConic interactions are about to be executed
    console.log('onBeforeInteractions event');
  });  window.blueConicClient.event.subscribe(window.blueConicClient.event.onEventReady, 
  {}, function() {
    // BlueConic EventReady event was thrown
    console.log('onEventReady event');
  });};// Is BlueConic loaded?
if (typeof window.blueConicClient != 'undefined' &&
    typeof window.blueConicClient.event != 'undefined' &&
    typeof window.blueConicClient.event.subscribe != "undefined") {
    // BlueConic is loaded, subscribe to its events
    subscribeToBcEvents();
} else {
  // Wait for BlueConic to load
  window.addEventListener('onBlueConicLoaded', function () {
    // BlueConic is loaded, subscribe to its events
    subscribeToBcEvents();
  }, false);
}

// Publish the "ON_BANNER_CLICK" event when myBanner is clicked
var banner = document.getElementById('#myBanner');
banner.addEventListener("click", function() {
  blueConicClient.event.publish('ON_BANNER_CLICK', [banner, 'banner_name']);
});// Subscribe to the "ON_BANNER_CLICK"
blueConicClient.event.subscribe('ON_BANNER_CLICK', this, function(event, context) {
  // Handle the event "ON_BANNER_CLICK"
  alert('event ' + event + ' handled for ' + context[1]);
});

var localeFunction = function(parameters, defaultLocale) {
  // determine the language based on the browser string
  var browserlanguage = window.navigator.language;  if (browserlanguage) {
    browserlanguage = browserlanguage.replace('-', '_');
    browserlanguage = browserlanguage.toLowerCase();
    return browserlanguage;
  }  // return the default value
  return defaultLocale;
}blueConicClient.functions.setLocaleFunction(localeFunction);

var json = '{"foundation":"Mozilla","model":"box","week":45,"transport":"car","month":7}';
var object = blueConicClient.json.parse(json);
alert(object.transport); // car

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = blueConicClient.json.stringify(foo);
alert(jsonString); // {"foundation":"Mozilla","model":"box","week":45,
"transport":"car","month":7}

function censor(key, value) {
  if (typeof(value) == "string") {
    return undefined;
  }
  return value;
}var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = blueConicClient.json.stringify(foo, censor);
alert(jsonString); // {"week":45,"month":7}

function censor(key, value) {
  if (typeof(value) == "string") {
    return undefined;
  }
  return value;
}var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = blueConicClient.json.stringify(foo, censor, '...');
alert(jsonString);
//{
//..."week": 45,
//..."month": 7
//}

var interactionId = '872844e6-e547-43f2-8686-9474cf96db35';
blueConicClient.mail.sendEmail(interactionId, false);

// Subscribe to h1 modification event
blueConicClient.position.subscribe("h1", null, function() {
  // Handle event
});

var obj = null;
var arr = blueConicClient.util.array.ensureArray(obj);
alert('the array has ' + arr.length + ' items' ); // the array has 0 itemsvar obj2 = 'test';
var arr2 = blueConicClient.util.array.ensureArray(obj2);
alert('arr2[0] : ' + arr2[0]); // arr2[0] : test

var arr = ['one', 'two', 'three', 1, 2, 3];var index = blueConicClient.util.array.indexOfArray(arr, 'one');
alert('index : ' + index); // index : 0var index = blueConicClient.util.array.indexOfArray(arr, 'six');
alert('index : ' + index); // index : -1// Note that indexOfArray is case sensitive
var index = blueConicClient.util.array.indexOfArray(arr, 'Two');
alert('index : ' + index); // index : -1// Note that string '1' is not the same as number 1
var index = blueConicClient.util.array.indexOfArray(arr, '1');
alert('index : ' + index); // index : -1var index = blueConicClient.util.array.indexOfArray(arr, parseInt('1'));
alert('index : ' + index); // index : 3

var isArray = blueConicClient.util.array.isArray(null);
alert('isArray : ' + isArray); // isArray : falsevar isArray = blueConicClient.util.array.isArray({"property1" : "one", 
"property2" : "two"});
alert('isArray : ' + isArray); // isArray : falsevar isArray = blueConicClient.util.array.isArray([]);
alert('isArray : ' + isArray); // isArray : truevar isArray = blueConicClient.util.array.isArray(new Array(2));
alert('isArray : ' + isArray); // isArray : true

var value = blueConicClient.util.cookie.getCookie("examplename");

blueConicClient.util.cookie.setCookie("examplename", "examplevalue");

blueConicClient.util.load("http://code.jquery.com/jquery-1.6.1.min.js", 
  this, function(success) {
  alert('library loaded');
});

// Url for this interactiontype
var baseUrl = blueConicClient.getBaseURL(context.getInteractionTypeId());// Load the css for the fancybox plugin
var fancyboxCSS = baseUrl + 'fancybox/jquery.fancybox.css';
blueConicClient.util.loadCSS(fancyboxCSS);

blueConicClient.util.loadScript("http://code.jquery.com/jquery-1.6.1.min.js", 
  this, function(success) {
  alert('library loaded');
});

blueConicClient.util.log('Hello world.');

// Returns all objectives that have the "consent management" flags enabled
var objectives = blueConicClient.objective.getObjectives();
if (objectives["objective_id"]) {
  // Returns the title of the objective with ID ‘objective_id’
  objectives["objective_id"].getTitle();
} 

var objective = blueConicClient.objective.getObjectiveById("objective_id"); 
if (objective) {  
  // Returns the title of the objective with ID ‘objective_id’  
  objective.getTitle();
} 

// Or combining it with the consented objectives of a profile
var profile = blueConicClient.profile.getProfile();
var objectiveIds = profile.getConsentedObjectives();
// loop over the objectives
for (var i=0; i < objectives.length; i++){
 // retrieve the title of the objectives the profile has consented to
 var consentedObjective = blueConicClient.objective.getObjectiveById(objectives[i]);  
 if (consentedObjective) {    
   // Returns the title of the consented objective    
   consentedObjective.getTitle();  
 }
}

jQuery('#create_button').bind('click',function() {
  blueConicClient.profile.createProfile(this, function() {
    console.log('profile created');
  });
});

jQuery('#bc_optout_checkbox').bind('click',function() {
  blueConicClient.profile.deleteProfile();
});

// Set and add profile properties
profile.setValues('keywords', ['foo', 'bar']);
profile.addValue('keywords', 'foobar');// It is good practice to make multiple modifications and call
// updateProfile() only once (as opposed to calling it every time).
blueConicClient.profile.updateProfile(this, function() {
  // Profile is now persistent
});

var profile = blueConicClient.profile.getProfile();profile.setValues("colors", ["blue", "red"]);
profile.addValue("colors", "pink");
// The 'colors' property now contains blue, red, and pink.// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profileId = profile.getId(); 

profile.permission.getLevel();

var profile = blueConicClient.profile.getProfile(); 
var propertyNames = profile.getPropertyNames();for (var i = 0; i < propertyNames.length; i++) {
  var name = propertyNames[i];
  alert(name); // e.g.: browser
}

var profile = blueConicClient.profile.getProfile(); 
var lastvisitdate = profile.getValue('lastvisitdate');

var profile = blueConicClient.profile.getProfile(); 
var profileKeywords = profile.getValues('keywords');

var profile = blueConicClient.profile.getProfile();
var properties = ['colors', 'websites'];profile.loadValues(properties, this, function() {
  // Values have been loaded, safe to get now
  var colors = profile.getValue('colors');
  var websites = profile.getValue('websites');
  console.log('colors:', colors);
  console.log('websites:', websites);
});

var profile = blueConicClient.profile.getProfile(); // The 'ANONYMOUS' level is set
profile.permission.setLevel(blueConicClient.permission.level.ANONYMOUS);// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); profile.setValue("email", "[email protected]");

// Setting a date/time value
profile.setValue("lastvisit", new Date().getTime());// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); profile.setValues("colors", ["blue", "red"]);// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); profile.incrementValue("purchases", "1"); // Increment "1" to the values for the "purchases" profile property

var profile = blueConicClient.profile.getProfile(); // The 'myOptInPlugin' plugin is added to the opt in plugins.
profile.permission.optin.addPlugin('myOptInPlugin');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); // The 'myOptInProperty' property is added to the opt in properties.
profile.permission.optin.addProfileProperty('myOptInProperty');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

profile.permission.optin.getPlugins();

var profile = blueConicClient.profile.getProfile(); profile.permission.optin.getProfileProperties();

var profile = blueConicClient.profile.getProfile(); // The 'myOptInPlugin' plugin is removed to the opt in plugins.
profile.permission.optin.removePlugin('myOptInPlugin');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); // The 'myOptInProperty' property is removed to the opt in properties.
profile.permission.optin.removeProfileProperty('myOptInProperty');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); 
// The 'myOptOutPlugin' plugin is added to the opt out plugins.
profile.permission.optout.addPlugin('myOptOutPlugin');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); // The 'myOptOutProperty' property is added to the opt out properties.
profile.permission.optout.addProfileProperty('myOptOutProperty');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

profile.permission.optout.getPlugins();

var profile = blueConicClient.profile.getProfile(); profile.permission.optout.getProfileProperties();

var profile = blueConicClient.profile.getProfile(); // The 'myOptOutPlugin' property is removed to the opt out plugins.
profile.permission.optout.removePlugin('myOptOutPlugin');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); // The 'myOptOutProperty' property is removed to the opt out properties.
profile.permission.optout.removeProfileProperty('myOptOutProperty');// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

function handleRecommendations(response) { 
  // Get the recommendation items 
  var items = response.getItems(); 

  console.log(items); 
}

{ 
  "score": ["0.42093023255813954"], 
  "image": ["INSERT URL HERE"], 
  "name": ["News Article"], 
  "description": ["Lorem ipsum dolor sic amet ..."], 
  "ID": ["https://www.yoursite.com/article.html"], 
  "recommendationId": ["fead3401-1adb-41f9-b198-1c123abdeffe"], 
  "category": ["news"], 
  "URL": ["https://www.yoursite.com/article.html"] 
}

// Callback function for recommendations
function doSomething(response) {
  // Get the recommendation items
  var items = response.getItems();  // Do something with the recommended items
  console.log(items);
}// Contact us for your contentStore id
var storeId = "065f32b1-cda5-48dd-9e69-3339cc20e498";
var profileId = blueConicClient.profile.getProfile().getId();
var itemId = document.location.hostname + document.location.pathname;// Get recommendations
blueConicClient.recommendation.getRecommendations({
  profileId: profileId,
  storeId: storeId,
  itemId: itemId,  // Request three sets of recommendations. The first set returns a
  // maximum of 4 of the most recent news articles, the second set returns
  // a maximum of 6 of articles in the same category, and the final set
  // acts as a default set of recent articles in case any of the previous
  // sets didn't reach their maximum of recommendations.
  request: [{
    id: "first",
    boosts: [{
      value: 1,
      algorithm: "RECENCY"
    }],
    filters: ["category:news"],
    count: 4
  }, {
    id: "second",
    boosts: [{
      value: 2,
      algorithm: "CATEGORY"
    }],
    filters: [],
    count: 6
  }, {
    id: "default",
    boosts: [{
      value: 3,
      algorithm: "RECENCY"
    }]
  }],
  frequencyCap: 1000
}, doSomething);

var profile = blueConicClient.profile.getProfile(); 
profile.getPrivacyLegislation();

var profile = blueConicClient.profile.getProfile(); 
profile.setPrivacyLegislation(‘GDPR’);
blueConicClient.profile.updateProfile(this, function() {  
 // Privacy legislation is now updated
});

var profile = blueConicClient.profile.getProfile(); 
var objectiveIds = profile.getConsentedObjectives();

var profile = blueConicClient.profile.getProfile(); 
var objectiveIds = profile.getRefusedObjectives();

var profile = blueConicClient.profile.getProfile(); 
profile.addConsentedObjective("objective_id"); 
// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); 
profile.setConsentedObjectives(["objective_id_1", "objective_id_2"]);
// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); 
profile.addRefusedObjective("objective_id");
// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

var profile = blueConicClient.profile.getProfile(); 
profile.setRefusedObjectives(["objective_id_1", "objective_id_2"]);
// Changes are only persistent after calling the updateProfile() method.
blueConicClient.profile.updateProfile();

blueConicClient.profile.getProfile().timeline.createEvent("MY_VIEW", new Date(), 
     {myText:"mytext", orderlines: [{subText: "123"}, 
     {subText: "345", subDate: new Date()}]}, this, function(){
  console.error(arguments);
})

blueConicClient.profile.getProfile().timeline.createEventById("MY_ID", 
  "MY_VIEW", new Date(), {myText:"mytext", orderlines: [{subText: "123"}, 
  {subText: "345", subDate: new Date()}]}, this, function(){
  console.error(arguments);
})

var profile = blueConicClient.profile.getProfile();
 
// Process all lifecycle stages 
profile.getLifecycleStages().forEach(lifecycleStage => {
    // Lifecycle information
    const lifecycleName = lifecycleStage.getLifecycle().getName();
    const lifecycleId = lifecycleStage.getLifecycle().getId();
 
    // Stage information
    const stageName = lifecycleStage.getStage().getName();
    const stageId = lifecycleStage.getStage().getId();
 
    console.log(`Profile is part of stage "${stageName}" (ID: "${stageId}") 
    in lifecycle "${lifecycleName}" (ID: "${lifecycleId}")`);
});

// Returns all objectives that have the "consent management" flags enabled
var objectives = blueConicClient.objective.getObjectives();
// Return one specific objective or null when it cannot be found
var objective = blueConicClient.objective.getObjectiveById("objective_id");

// Return one specific objective or null when it cannot be found
var objective = blueConicClient.objective.getObjectiveById("objective_id");
if (objective) { 
// Return the ID of the objective
 var id = objective.getId();
}
 

// Return one specific objective or null when it cannot be found
var objective = blueConicClient.objective.getObjectiveById("objective_id");
if (objective) { 
 // Return the title of the objective
 var title = objective.getTitle();
}

// Return one specific objective or null when it cannot be found
var objective = blueConicClient.objective.getObjectiveById("objective_id");
if (objective) { 
 // Return the description of the objective
 var description = objective.getDescription();
}

var InteractionTypeImpl = InteractionType.extend({  // Called every time a new interaction of this type is created.
  init: function(blueConicClient, interactionContext) {
    this.blueConicClient = blueConicClient;
    this.interactionContext = interactionContext;
  }
});

// get an absolute url to a resource from the interactiontype
var baseURL = context.getBaseURL());
var imageLocation = baseURL + 'logo.gif';

  <parameter>
    <id>connectionIds</id>
    <name>
      <label local="en_US">Connections</label>
      <label local="nl_NL">Connecties</label>
    </name>
    <type>connection</type>
  </parameter>

// Retrieve the assigned connectionIds
var connectionIds = this.interactionContext.getParameters()["connectionIds"];for (var i = 0; i < connectionIds.length; i++) {
  var uuid = connectionIds[i];
  var connection = this.interactionContext.getConnection(uuid);  // Log the connection parameters
  console.log("connection", connection.getId(), connection.getParameters());
}

var defaultLocale = this.interactionContext.getDefaultLocale();
alert('defaultLocale : ' + defaultLocale); // defaultLocale : en_US

var domElement = this.interactionContext.getDOMElement();

var interactionId = this.interactionContext.getInteractionId();

var interactionTypeId = this.interactionContext.getInteractionTypeId();

blueConicClient.functions.setLocaleFunction(function(){
  return 'en_US';
});var locale = this.interactionContext.getLocale();
alert('locale : ' + locale); // locale : en_US

var interactionName = this.interactionContext.getName();

  <backend>
    <parameters>
      <parameter>
        <id>url</id>
        <type>string</type>
      </parameter>
      <parameter>
        <id>message</id>
        <type>string</type>
      </parameter>
    </parameters>
  </backend>

// Note: the blueConicClient and interactionContext objects are passed 
   to the InteractionType.init() function.// Use a simple locale function
this.blueConicClient.functions.setLocaleFunction(function(){
  // Return parameter values for the 'en_US' locale.
  return 'en_US';
});// Retrieve the parameters
var parameters = this.interactionContext.getParameters();// Parameter values are returned as an array. However, they might be undefined.
var url = parameters.url ? parameters.url[0] : parameters.url;
var message = parameters.message ? parameters.message[0] : parameters.message;

var position = this.interactionContext.getPosition();

var profile = this.interactionContext.getProfile();// Set and add profile properties
profile.setValues('keywords', ['foo', 'bar']);
profile.addValue('keywords', 'foobar');

// Retrieve the type of interaction
var typeName = this.interactionContext.getType();console.log(typeName);

var InteractionTypeImpl = InteractionType.extend({
  init: function(blueConicClient, interactionContext) {
    // ...
  },  onLoad: function() {
    // ...
  },  // ...
});

var InteractionTypeImpl = InteractionType.extend({
  // ...  // Display this content as soon as possible
  getContent: function() {
    var loadingDiv = '<div><img src="/loading.gif"/></div>';
    return loadingDiv;
  },  // ...
});

var InteractionTypeImpl = InteractionType.extend({
  // ...  // Called to find out which profile properties this plugin needs.
  getPreloadProperties: function() {
    var props = [];
    props.push('visits');
    props.push('visitclicks');
    props.push('keywords');
    return props;
  },  // ...
});

  // Called when an interaction based on this type is executed.
  onLoad: function() {
    var profile = this.blueConicClient.profile.getProfile();
    var keywords = profile.getValues('keywords');
  }

var InteractionTypeImpl = InteractionType.extend({
  // ...  // Called every time a new interaction of this type is created.
  init: function(blueConicClient, interactionContext) {
    // Store the parameters for later use.
    this.blueConicClient = blueConicClient;
    this.interactionContext = null;    if (typeof interactionContext !== 'undefined') {
      this.interactionContext = interactionContext;
    }
  },  // ...
});

var InteractionTypeImpl = InteractionType.extend({
  // ...  // Called when an interaction based on this plugin is executed.
  onLoad: function() {
    if (typeof this.interactionContext !== 'undefined' && 
    this.interactionContext !== null) {
      // Get the configured value of the parameter "content" of the dialogue.
      var params = this.interactionContext.getParameters();
      var content = params['content'][0];      // Get the DOM element indicated by the position of the dialogue.
      var element = this.interactionContext.getDOMElement();      if (element) {
        element.innerHTML = content;
      }
    }
  },  // ...
});

var InteractionTypeImpl = InteractionType.extend({
  // ...  // Called when parameters are updated from the backend.
  onUpdate: function() {
    if (typeof this.interactionContext !== 'undefined' && 
    this.interactionContext !== null) {
      // Get the configured value of the parameter "content" of the dialogue.
      var params = this.interactionContext.getParameters();
      var content = params['content'][0];      // Get the DOM element indicated by the position of the dialogue.
      var element = this.interactionContext.getDOMElement();      if (element) {
        element.innerHTML = content;
      }
    }
  },  // ...
});