{"version":3,"file":"BZowoztU.js","sources":["../../../../components/DropZone/DropZone.vue","../../../../components/Vendor/SourceCodeUploader/SourceCodeUploader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"p-4 border border-dashed rounded-lg cursor-pointer\"\n    :class=\"{\n      'border-primary': active,\n      'dark:border-sea-mist border-dark2 border-opacity-50': !active\n    }\"\n    :data-active=\"active\"\n    @dragenter.prevent=\"setActive\"\n    @dragover.prevent=\"setActive\"\n    @dragleave.prevent=\"setInactive\"\n    @drop.prevent=\"onDrop\"\n  >\n    <slot :drop-zone-active=\"active\"></slot>\n  </div>\n</template>\n<script setup>\n  import { onMounted, onUnmounted, ref } from 'vue';\n\n  const emit = defineEmits(['file-dropped']);\n\n  const active = ref(false);\n  const inActiveTimeoutId = ref(null);\n\n  const setActive = () => {\n    active.value = true;\n    clearTimeout(inActiveTimeoutId.value);\n  };\n  const setInactive = () => {\n    inActiveTimeoutId.value = setTimeout(() => {\n      active.value = false;\n    }, 50);\n  };\n\n  const onDrop = (e) => {\n    setInactive();\n    emit('file-dropped', [...e.dataTransfer.files]);\n  };\n\n  const preventDefaults = (e) => {\n    e.preventDefault();\n  };\n\n  const events = ['dragenter', 'dragover', 'dragleave', 'drop'];\n\n  onMounted(() => {\n    events.forEach((eventName) => {\n      document.body.addEventListener(eventName, preventDefaults);\n    });\n  });\n\n  onUnmounted(() => {\n    events.forEach((eventName) => {\n      document.body.removeEventListener(eventName, preventDefaults);\n    });\n  });\n</script>\n","<template>\n  <div class=\"flex flex-col gap-2 w-full\">\n    <DropZone v-slot=\"{ dropZoneActive }\" @file-dropped=\"handleFileDrop\">\n      <label :for=\"id\" class=\"flex justify-center items-center cursor-pointer\">\n        <slot name=\"dropzone-content\" :active=\"dropZoneActive\">\n          <span v-if=\"dropZoneActive\" class=\"flex gap-2 py-[30.5px]\">\n            <span class=\"dark:text-white text-dark2 text-md\">\n              {{ dropzoneActiveText }}\n            </span>\n          </span>\n          <span v-else class=\"flex flex-col gap-2 items-center\">\n            <slot name=\"upload-icon\">\n              <component\n                :is=\"uploadIcon\"\n                class=\"text-2xl dark:text-white text-dark2\"\n              />\n            </slot>\n            <span class=\"dark:text-white text-dark2 text-md\">\n              {{ labelPrimary }}\n            </span>\n            <span class=\"text-xs dark:text-white text-dark2 text-opacity-50\">\n              {{ labelSecondary }}\n            </span>\n          </span>\n        </slot>\n        <input\n          :id=\"id\"\n          class=\"hidden\"\n          type=\"file\"\n          :accept=\"accept\"\n          @change=\"handleFileChange\"\n          :multiple=\"multiple\"\n        />\n      </label>\n    </DropZone>\n    <slot\n      name=\"preview\"\n      :files=\"files\"\n      :source-url=\"sourceUrl\"\n      :remove-file=\"removeFile\"\n      :remove-source=\"removeSource\"\n      :get-file-size=\"getFileSize\"\n    >\n      <div v-if=\"sourceUrl\" class=\"flex-item\">\n        <div class=\"flex items-center gap-2\">\n          <slot name=\"file-icon\">\n            <component :is=\"fileIcon\" class=\"text-2xl text-primary\" />\n          </slot>\n          <p class=\"text-white font-normal text-md\">{{ sourceFileName }}</p>\n        </div>\n        <button class=\"text-dark4 text-xl\" @click=\"removeSource\">\n          <slot name=\"remove-icon\">×</slot>\n        </button>\n      </div>\n      <ul v-else-if=\"files.length > 0\">\n        <li\n          v-for=\"(file, index) in files\"\n          :key=\"file.name + index\"\n          class=\"flex-item mb-1\"\n        >\n          <div class=\"flex items-center gap-2\">\n            <slot name=\"file-icon\">\n              <component :is=\"fileIcon\" class=\"text-primary text-2xl\" />\n            </slot>\n            <p class=\"text-style dark:text-white text-dark2\">\n              {{ file.name }}\n            </p>\n          </div>\n          <div class=\"flex items-center gap-4\">\n            <p class=\"text-style dark:text-white text-dark2 text-opacity-50\">\n              {{ getFileSize(file.size) }}\n            </p>\n            <button\n              class=\"dark:text-dark4 text-dark2 text-xl\"\n              @click=\"() => removeFile(index)\"\n            >\n              <slot name=\"remove-icon\">×</slot>\n            </button>\n          </div>\n        </li>\n      </ul>\n    </slot>\n\n    <slot name=\"error\" v-if=\"error\" :error=\"error\">\n      <span class=\"text-red-400 text-style py-2\">{{ error }}</span>\n    </slot>\n\n    <slot name=\"note\" v-if=\"note\">\n      <span class=\"text-md text-dark4 pt-2\">{{ note }}</span>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { getFileSize } from '@/utils';\n  import { computed, ref } from 'vue';\n\n  export interface FileValidationRules {\n    maxFiles?: number;\n    maxTotalSize?: number; // in bytes\n    allowedTypes?: string[];\n    customValidation?: (file: File) => boolean | string;\n  }\n\n  interface Props {\n    modelValue?: File | File[] | null;\n    sourceUrl?: string;\n    note?: string;\n    labelPrimary?: string;\n    labelSecondary?: string;\n    dropzoneActiveText?: string;\n    multiple?: boolean;\n    accept?: string;\n    id?: string;\n    uploadIcon?: any;\n    fileIcon?: any;\n    validation?: FileValidationRules;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    sourceUrl: '',\n    note: '',\n    multiple: false,\n    accept: '*',\n    id: 'file-input',\n    labelPrimary: 'Upload Files',\n    labelSecondary: 'Drag and drop or click to upload',\n    dropzoneActiveText: 'Drop your file here',\n    uploadIcon: 'svgo-folder-plus',\n    fileIcon: 'svgo-file',\n    validation: () => ({\n      maxFiles: 5,\n      maxTotalSize: 100 * 1024 * 1024, // 100MB\n      allowedTypes: []\n    })\n  });\n\n  const emit = defineEmits<{ 'update:modelValue': [File | File[]] }>();\n  const sourceUrl = ref<string | null>(props.sourceUrl);\n  const files = ref<File[]>([]);\n  const error = ref<string>('');\n\n  const sourceFileName = computed(() => {\n    if (!props.sourceUrl) return '';\n    const segments = props.sourceUrl.split('/');\n    return segments[segments.length - 1];\n  });\n\n  const validateFiles = (newFiles: File[]): string | null => {\n    const { maxFiles, maxTotalSize, allowedTypes, customValidation } =\n      props.validation;\n    const totalFiles = files.value.length + newFiles.length;\n\n    if (maxFiles && totalFiles > maxFiles) {\n      return `You can only upload up to ${maxFiles} files.`;\n    }\n\n    if (allowedTypes?.length) {\n      const invalidFiles = newFiles.filter(\n        (file) => !allowedTypes.some((type) => file.type.includes(type))\n      );\n      if (invalidFiles.length > 0) {\n        return 'One or more files have an invalid file type.';\n      }\n    }\n\n    if (maxTotalSize) {\n      const totalSize = newFiles.reduce(\n        (acc, file) => acc + file.size,\n        files.value.reduce((acc, file) => acc + file.size, 0)\n      );\n      if (totalSize > maxTotalSize) {\n        return `The total file size must be less than ${getFileSize(maxTotalSize)}.`;\n      }\n    }\n\n    const isDuplicate = newFiles.some((newFile) =>\n      files.value.some(\n        (existingFile) =>\n          existingFile.name === newFile.name &&\n          existingFile.size === newFile.size\n      )\n    );\n    if (isDuplicate) {\n      return 'Duplicate file detected. Please select a different file.';\n    }\n\n    if (customValidation) {\n      for (const file of newFiles) {\n        const result = customValidation(file);\n        if (typeof result === 'string') {\n          return result;\n        }\n        if (!result) {\n          return 'File validation failed.';\n        }\n      }\n    }\n\n    return null;\n  };\n\n  const handleFileChange = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n    if (!input.files?.length) return;\n\n    const selectedFiles = Array.from(input.files);\n    const validationError = validateFiles(selectedFiles);\n\n    if (validationError) {\n      error.value = validationError;\n      return;\n    }\n\n    files.value = [...files.value, ...selectedFiles];\n    error.value = '';\n\n    const modelValue = props.multiple ? files.value : files.value[0];\n    emit('update:modelValue', modelValue);\n  };\n\n  const handleFileDrop = (droppedFiles: File[]) => {\n    const validationError = validateFiles(droppedFiles);\n\n    if (validationError) {\n      error.value = validationError;\n      return;\n    }\n\n    files.value = [...files.value, ...droppedFiles];\n    error.value = '';\n\n    const modelValue = props.multiple ? files.value : files.value[0];\n    emit('update:modelValue', modelValue);\n  };\n\n  const removeFile = (index: number) => {\n    files.value = files.value.filter((_, i) => index !== i);\n    const modelValue = props.multiple ? files.value : files.value[0];\n    emit('update:modelValue', modelValue);\n  };\n\n  const removeSource = () => {\n    sourceUrl.value = null;\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .text-style {\n    @apply font-normal text-md;\n  }\n\n  .flex-item {\n    @apply bg-dark4 bg-opacity-5 flex justify-between p-4 rounded-lg items-center;\n  }\n</style>\n"],"names":["emit","__emit","active","ref","inActiveTimeoutId","setActive","setInactive","onDrop","e","preventDefaults","events","onMounted","eventName","onUnmounted","props","__props","sourceUrl","files","error","sourceFileName","computed","segments","validateFiles","newFiles","maxFiles","maxTotalSize","allowedTypes","customValidation","totalFiles","file","type","acc","getFileSize","newFile","existingFile","result","handleFileChange","input","_a","selectedFiles","validationError","modelValue","handleFileDrop","droppedFiles","removeFile","index","_","i","removeSource"],"mappings":"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"}