Create Form Data / Create Form Data Documents - FE integration helpers

helpers.js

// Usage: dispatch(upload(createFormDataDocuments([...event.target.files])))
export const createFormData = (data, isCamelized = false) => {
  const formData = new FormData()

  Object.keys(data).forEach(field => {
    const fieldValue = data[field]
    const formDataValue = (() => {
      if (!fieldValue) {
        return ''
      }

      if (fieldValue instanceof Blob || typeof fieldValue !== 'object') {
        return fieldValue
      }

      return JSON.stringify(fieldValue)
    })()

    formData.append(isCamelized ? field : humps.decamelize(field), formDataValue)
  })

  return formData
}

export const createFormDataDocuments = (data, isCamelized = false) => {
  const formData = new FormData()

  Object.keys(data).forEach(field => {
    const fieldValue = data[field]
    const formDataValue = (() => {
      if (!fieldValue) {
        return ''
      }

      if (
        fieldValue instanceof Blob ||
        typeof fieldValue !== 'object' ||
        Array.isArray(fieldValue)
      ) {
        return fieldValue
      }

      return JSON.stringify(fieldValue)
    })()

    if (Array.isArray(formDataValue)) {
      formDataValue.forEach(value => {
        if (value instanceof Blob && value.constructor === Blob) {
          formData.append(isCamelized ? field : humps.decamelize(field), value, value.name)
        } else {
          formData.append(isCamelized ? field : humps.decamelize(field), value)
        }
      })
    } else if (formDataValue instanceof Blob && formDataValue.constructor === Blob) {
      formData.append(
        isCamelized ? field : humps.decamelize(field),
        formDataValue,
        formDataValue.name
      )
    } else {
      formData.append(isCamelized ? field : humps.decamelize(field), formDataValue)
    }
  })

  return formData
}