Eventbrite Embedded Checkout Snippet

eventbrite.js

import $ from 'jquery'

const initEventbrite = () => new Promise((resolve) => {
  const ready = () => {
    resolve(window.EBWidgets)
  }
  let first = true
  const init = () => {
    if (window.EBWidgets && window.EBWidgets.createWidget) {
      ready()
    } else if (first) {
      first = false
      $(init)
    } else {
      setTimeout(init, 50)
    }
  }
  init()
})

// base options for the eventbrite widget
const ebOptions = {
  widgetType: 'checkout'
}

const initIFrame = (eventId) => {
  const containerId = 'eventbrite-widget-container'
  const $eventbriteContainer = $(`#${containerId}`)
  if ($eventbriteContainer.length) {
    initEventbrite().then((EBWidgets) => {
      EBWidgets.createWidget({
        ...ebOptions,
        eventId: eventId,
        iframeContainerId: containerId,
        iframeContainerHeight: 800
      })
    })
  }
}