import './ui/assets/styles/global.css'

import { VueConstructor } from 'vue'
import CallMe from './ui/components/CallMe/CallMe.vue'
import KaForm from './ui/components/KaForm/KaForm.vue'
import KaFormField from './ui/components/KaForm/_components/KaFormField.vue'
import KaLegalCheckbox from './ui/components/KaLegalCheckbox/KaLegalCheckbox.vue'
import PrivacyModal from './ui/components/PrivacyModal/PrivacyModal.vue'
import KaFixedCallModule from './ui/components/KaFixedCallModule/KaFixedCallModule.vue'
import KaCallModule from './ui/components/KaCallModule/KaCallModule.vue'
import CommercialCommunicationsTable from './ui/components/CommercialCommunicationsTable/CommercialCommunicationsTable.vue'
import { default as kaliEnvironment, Environment } from './ui/utils/environment'
import * as plugins from './ui/plugins'
import validators from './ui/components/KaForm/_validators/validators'

export {
  plugins,
  CallMe,
  PrivacyModal,
  KaForm,
  KaFormField,
  KaLegalCheckbox,
  CommercialCommunicationsTable,
  validators,
  KaFixedCallModule,
  KaCallModule,
}

type PluginParameters = {
  environment: Environment
}

function install(
  Vue: VueConstructor,
  { environment = 'staging' }: PluginParameters,
) {
  kaliEnvironment.env = environment
  Vue.component('CallMe', CallMe)
  Vue.component('PrivacyModal', PrivacyModal)
  Vue.component('KaForm', KaForm)
  Vue.component('KaFormField', KaFormField)
  Vue.component('KaLegalCheckbox', KaLegalCheckbox)
  Vue.component('KaFixedCallModule', KaFixedCallModule)
  Vue.component('KaCallModule', KaCallModule)
  Vue.component('CommercialCommunicationsTable', CommercialCommunicationsTable)

  Object.values(plugins).forEach((plugin) => {
    Vue.use(plugin)
  })
}

export default { install }