---
---

let mimeTypes
let showLoader
let closeLoader
let getFile
export const addScripts=()=>{
  const scripts=document.getElementsByTagName('script')
  const check= Array.from(scripts).find(item=>item.src==='https://www.dropbox.com/static/api/2/dropins.js')
  if(!check){
  const dropboxscript = document.createElement('script')
  dropboxscript.src = 'https://www.dropbox.com/static/api/2/dropins.js'
  dropboxscript.dataset.appKey = '{{site.dropboxapikey}}'
  dropboxscript.id='dropboxjs'
  document.head.append(dropboxscript)
  }
  const checkgooglescript= Array.from(scripts).find(item=>item.src==='https://apis.google.com/js/api.js')
  if(!checkgooglescript){
  const googlescript = document.createElement('script')
  googlescript.src = 'https://apis.google.com/js/api.js'
  document.head.append(googlescript)
  }
}
const developerKey = '{{site.developerKey}}'
const clientId ='{{site.clientId}}'
const appId = '{{site.appId}}'
const scope = [
  'https://www.googleapis.com/auth/drive.file',
  'https://www.googleapis.com/auth/drive.appdata',
]
let pickerApiLoaded = false
let oauthToken
export const loadPicker = (mimeType,showLoader,closeLoader,getFile) => {
  console.log(showLoder)
  console.log(mimeType)
  mimeTypes=mimeType
  showLoader=showLoader
  closeLoader=closeLoader
  getFile=getFile
  gapi.load('auth', { callback: onAuthApiLoad })
  gapi.load('picker', { callback: onPickerApiLoad })
}
const onAuthApiLoad = () => {
  
  window.gapi.auth.authorize(
    {
      client_id: clientId,
      scope: scope,
      immediate: false,
    },
    handleAuthResult
  )
}
let onPickerApiLoad = () => {
  pickerApiLoaded = true
  createPicker()
}
const handleAuthResult = (authResult) => {
  if (authResult && !authResult.error) {
    oauthToken = authResult.access_token
    createPicker()
  }
}
const createPicker = () => {
  if (pickerApiLoaded && oauthToken) {
    const view = new google.picker.View(google.picker.ViewId.DOCS)
    view.setMimeTypes(mimeType)
    const picker = new google.picker.PickerBuilder()
      .enableFeature(google.picker.Feature.NAV_HIDDEN)
      .enableFeature(google.picker.Feature.MULTISELECT_ENABLED)
      .setAppId(appId)
      .setOAuthToken(oauthToken)
      .addView(view)
      .addView(new google.picker.DocsUploadView())
      .setDeveloperKey(developerKey)
      .setCallback(pickerCallback)
      .build()
    picker.setVisible(true)
  }
}
const pickerCallback = async (data) => {
  if (data.action == google.picker.Action.PICKED) {
    showLoader()
    const res = await fetch(
      `https://www.googleapis.com/drive/v3/files/${data.docs[0].id}?alt=media`,
      {
        headers: {
          Authorization: `Bearer ${oauthToken}`,
        },
      }
    ).then((res) => res.blob())
    let metadata = {
      type: data.docs[0].mimeType,
    }
    let file = new File([res], data.docs[0].name, metadata)
    closeLoader()
    getFile(file)
  }
}
export const chooseFromDropbox=(filemimes,showLoader,closeLoader,getDropBoxFile)=> {
  Dropbox.choose({
    success: async (files) => {
      if (files.length < 0) {
        return
      }
      var file = files[0]
      const url = new URL(file.link)
      showLoader()
      const response = await fetch(url).then((res) => res.blob())
      let metadata = {
        type: response.type,
      }
      let newFile = new File([response], file.name, metadata)
      closeLoader()
      getDropBoxFile(newFile)
    },
    cancel: function () {},
    linkType: 'direct', 
    multiselect: false, 
    extensions: [...filemimes], 
    folderselect: false, 
  })
}