Implement Loan Journey

/* journey window and iframe container */
let journeyWindow = null
let iframeContainer = null
const orgName = {{ORG_NAME}} // insert the organization name here

/* style helper functions */
const objectToCss = (obj) => Object.keys(obj).map((key) => `${key}: ${obj[key]}`).join(';') + ';'

/* styles */
const iframeStyle = objectToCss({
  'border-width': '0',
  border: '0',
})

const modalStyle = objectToCss({
  position: 'fixed',
  top: '0',
  left: '0',
  'z-index': '2147483647',
  width: '100%',
  height: '100%',
  border: '0',
})

/* functions */
// user controlled functions
function abort() {
  // insert abort function login here
  console.log('aborted')
}
function approve(data) {
  // insert approve function logic here
  console.log('approved', data)
}
function failed(data) {
  // insert failed function logic here
  console.log('failed', data)
}

// global functions
function closeAll() {
  iframeContainer.remove()
}

/* window post messages listener */
window.addEventListener('message', ({
  origin,
  data,
}) => {
  if (!data || (data.source !== 'waiting' && data.source !== 'loan-journey') || !data.type) {
    return
  }

  const {
    type,
  } = data

  switch (type) {
    case 'close':
      closeAll()
      break
    case 'approve':
      approve(data)
      break
    case 'abort':
      abort(data)
      closeAll()
      break
    case 'failed':
      failed(data)
      break
    default:
      break
  }
})

/* main functions  */
const init = (options = {}) => {
  const {
    onApprove = approve,
    onAbort = abort,
    onFailed = failed,
  } = options

  approve = onApprove
  abort = onAbort
  failed = onFailed
}

const start = async ({
  requestedAmount,
  phoneNumber,
  businessName,
  firstName,
  lastName,
  email,
  title,
  leadSource,
  businessId,
}) => {
  // modal
  iframeContainer = document.createElement('div')
  iframeContainer.style = modalStyle

  // create the waiting iframe
  const mainIframe = document.createElement('iframe')

  const webUrl = `https://${orgName}.open-finance.ai/?requestedAmount=${requestedAmount}&phoneNumber=${phoneNumber}&businessName=${businessName}&firstName=${firstName}&lastName=${lastName}&email=${email}&title=${title}&leadSource=${leadSource}&businessId=${businessId}`

  mainIframe.src = webUrl
  mainIframe.style = modalStyle + iframeStyle

  const timer = setInterval(function () {
    if (mainIframe.closed) {
      clearInterval(timer)
      closeAll()
    }
  }, 1000)

  iframeContainer.appendChild(mainIframe)
  document.body.appendChild(iframeContainer)
}

// eslint-disable-next-line no-unused-vars
const openFinance = {
  init,
  start,
}