// Polyfill for custom events in IE9-11
// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#polyfill
;(function () {
  if (typeof window.CustomEvent === 'function') return false

  function CustomEvent(event, params) {
    params = params || { bubbles: false, cancelable: false, detail: undefined }
    var evt = document.createEvent('CustomEvent')
    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail)
    return evt
  }

  CustomEvent.prototype = window.Event.prototype

  window.CustomEvent = CustomEvent

  // eslint expects a return here
  return true
})()

export const filterStabilizedEvent = (element, stableId, filterName) => {
  const event = new CustomEvent('filter-stabilized', {
    bubbles: true,
    cancelable: true,
    detail: {
      stableId,
      filterName,
    },
  })
  element.dispatchEvent(event)
}

export const filterUnstableEvent = (blueprint) => {
  const event = new CustomEvent('filter-unstable', {
    bubbles: true,
    cancelable: true,
    detail: {
      blueprint,
    },
  })
  window.dispatchEvent(event)
}

export const filterInvalidEvent = ({blueprint, errors}) => {
  const event = new CustomEvent('filter-invalid', {
    bubbles: true,
    cancelable: true,
    detail: {
      blueprint,
      errors,
    },
  })
  window.dispatchEvent(event)
}

export const filterStoredEvent = (storedFilterId) => {
  const event = new CustomEvent('filter-stored', {
    bubbles: true,
    cancelable: true,
    detail: {
      storedFilterId,
    },
  })
  window.dispatchEvent(event)
}

export const blueprintUpdatedEvent = (element, {blueprint, formId}) => {
  const event = new CustomEvent('blueprint-updated', {
    bubbles: true,
    cancelable: true,
    detail: {
      blueprint,
      formId
    },
  })
  element.dispatchEvent(event)
}