Experience API reference

module.exports = function variation (options) {
  console.log(options.meta)
}

module.exports = function variation (options) {
  console.log(options.data)
}

module.exports = function variation (options) {
  console.log(options.state)
}

module.exports = function triggers (options) {
  options.state.set('message', 1)
  return true
}

function execution (options) {
  console.log(options.state.get('message')) // 1
}

module.exports = function variation (options) {
  console.log(options.log)
}

module.exports = function variation (options) {
  try {
    options.log.info('hello from variation ' + options.variationMasterId)
    throw new Error('stone')
  } catch (eek) {
    options.log.error('', eek)
  }
}

module.exports = function variation (options) {
  options.getVisitorState().then(function (state) {
    console.log(state)
  })
}

module.exports = function variation (options) {
  options.getBrowserState().then(function (state) {
    console.log(state)
  })
}

// Wait for the presence of DOM elements by passing in a selector:
options.poll('body > .nav').then(function (nav) {
  console.log(nav)
})

// Wait for window variables to be defined:
options.poll('window.foo.bar').then(function (bar) {
  console.log(bar)
})

// Wait for arbitrary conditions to become truthy by passing in a custom function:
options.poll(() => true).then(result => console.log(result))

// Mix and match:
options.poll(['body > .nav', 'window.foo', () => 1234]).then(function ([nav, foo, id]) {
  console.log(nav, foo, id)
})

// Create a poller instance with several targets
var poller = options.poll([
  'body > .nav',
  'window.foo.bar',
  () => true
])

// Start polling
poller
  // returns a promise for the items being polled for
  .then(function ([nav, bar, truthy]) {
    console.log(nav, bar, truthy)
  })

// Stop polling
poller.stop()

// Start polling again
poller.start()

const Promise = require('sync-p')

module.exports = function triggers (options) {
  const $ = require('jquery')
  let $button

  return options.poll([ '#add-to-bag' ]).then(handleButtonClick)


  function handleButtonClick ([target]) {
    return new Promise(resolve => {
      $button = $(target)
      $button.on('click', trackAddToBagClick)
      options.onRemove(() => $button.off('click', trackAddToBagClick))

      function trackAddToBagClick () {
        options.emitCustomGoal('add-to-bag:click', {
          description: 'The user clicked the "add to bag" button' // (256 characters max)
        })
        resolve()
      }
    })
  }

}

module.exports = function variation (options) {
  const createWidget = require('super-widget')
  const settings = { type: 4 }
  const widget = createWidget(settings)
  widget.on('click', () => options.emitMetric('widget.clicked'))
  widget.open()
}

module.exports = function variation (options) {
  const createWidget = require('super-widget')
  const settings = { type: 4 }
  const widget = createWidget(settings)
  widget.on('click', productId => options.emitMetric('widget.clicked', productId, settings))
  widget.open()
}

module.exports = function variation (options) {
  options.redirectTo('/success')
}

module.exports = function variation (options) {
  // This tells explorer which parts of the page this experience will be interacting with
  // When this experience is active, the experience highlighter will highlight these areas
  options.registerContentAreas(['.header', '.footer'])
}

module.exports = function variation (options) {
  options.registerContentAreas(['.header', '.footer'])
  setTimeout(() => {
    options.unregisterContentAreas(['.footer'])
  }, 500)
}

module.exports = function triggers (options) {
  return options.getMemberships().then((segments) => {
    return {
      execute: segments.includes('SG-2499-a2i8sn')
    }
  })
}

module.exports = function triggers (options) {
  return options.isMemberOf('SG-2499-a2i8sn').then((isMember) => {
    return {
      execute: isMember
    }
  })
}

module.exports = function triggers (options) {
  const subscription = options.onMembershipsChanged(({ segments, changeset }) => {
    // `segments` lists the segment IDs that the user is now a member of
    console.log(segments)
    // changeset contains the segment IDs that the user joined and left
    console.log(changeset)
  })

  // It is important to dispose of your subscription when appropriate
  options.onRemove(() => subscription.dispose())
  return true
}

module.exports = function triggers (options) {
  options.onRemove(cleanup)
  return true
}

module.exports = function variation (options) {
  options.onRemove(cleanup)
}

module.exports = function triggers (options) {
  options.onActivation(trackExperience)
  return true
}