{"version":3,"file":"Blts4qPv.js","sources":["../../../../src/components/dialog/uploadVerificationFile/useUploadVerificationFile.ts","../../../../src/components/dialog/uploadVerificationFile/uploadVerificationFileDialog.vue"],"sourcesContent":["import type { ErrorIdent } from '~/@types/errorIdents';\nimport { useSecureSessionPost } from '@/composables/dataFetching/genericFetchers';\nimport { DialogResponses, useDialogStore } from '@/stores/useDialogStore';\nimport type { Result } from '@/server/api/[site]/user/verficationFile/upload.post';\nimport { handleLoadingError } from '~/utils/handleLoadingError';\n\nexport function useUploadVerificationFile() {\n  const { t } = useTrans();\n  const dialogStore = useDialogStore();\n  const site = useSiteIdent();\n  const errors = ref<ErrorIdent[]>([]);\n  dialogStore.setHeadline(t('user.verificationFile.uploadDialog.headline'));\n\n  const isLoading = ref(false);\n\n  async function onSubmit() {\n    isLoading.value = true;\n    await uploadVerificationFiles();\n    isLoading.value = false;\n  }\n\n  async function uploadVerificationFiles() {\n    try {\n      const fileInputs = document.querySelectorAll('[name^=\"files\"]');\n      const body = new FormData();\n      let hasFiles = false;\n      fileInputs.forEach((input) => {\n        if ((input as HTMLInputElement)?.files?.length) {\n          hasFiles = true;\n          body.append(\n            (input as HTMLInputElement).name,\n            (input as HTMLInputElement)?.files?.[0],\n          );\n        }\n      });\n\n      if (hasFiles) {\n        await useSecureSessionPost<Result>(\n          `/api/${site}/user/verficationFile/upload`,\n          body,\n        );\n\n        dialogStore.closeDialog(DialogResponses.SUCCESS);\n      }\n      isLoading.value = false;\n    } catch (e: any) {\n      errors.value = e?.data?.data?.errors ?? [];\n      document.querySelector('.js-error-container')?.scrollIntoView({\n        behavior: 'smooth',\n      });\n      isLoading.value = false;\n      handleLoadingError(e);\n    }\n  }\n  return {\n    onSubmit,\n    isLoading,\n    errors,\n  };\n}\n","<template>\n  <Dialog>\n    <Form\n      id=\"upload-verification-file-form\"\n      submit-label=\"user.verificationFile.uploadDialog.submit\"\n      :is-loading=\"isLoading\"\n      :cancel-label=\"data?.cancelLabel\"\n      @submit=\"onSubmit\"\n      @cancel=\"dialogStore.closeDialog(DialogResponses.CANCEL)\"\n    >\n      <template #errors>\n        <div\n          v-if=\"errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\"\n          class=\"mb-md\"\n        >\n          <UnknownError />\n        </div>\n        <div\n          v-if=\"\n            errors.length &&\n            errors.includes(ErrorIdent.VERIFICATION_UPLOAD_ERROR)\n          \"\n          class=\"mb-md\"\n        >\n          <ErrorFrame>\n            {{ t('registration.error.verificationFile') }}\n          </ErrorFrame>\n        </div>\n      </template>\n      <template #default>\n        <NotificationBar\n          v-if=\"data?.showDrugHint\"\n          :type=\"NotificationType.WARN\"\n          description=\"checkout.DrugVerificationHint\"\n          class=\"!mt-0 mb-md\"\n          classes=\"!px-sm !gap-sm\"\n        />\n        <InputFile\n          id=\"verificationFiles\"\n          label=\"registration.verficationFileLabel\"\n          name=\"files\"\n          :required=\"false\"\n          @change=\"onChange\"\n        >\n          <template #info\n            ><div>\n              {{ t('registration.verficationFile.info.text') }}\n              <ul class=\"list-disc pl-md\">\n                <li>{{ t('registration.verficationFile.info.option1') }}</li>\n                <li>{{ t('registration.verficationFile.info.option2') }}</li>\n                <li>{{ t('registration.verficationFile.info.option3') }}</li>\n                <li>{{ t('registration.verficationFile.info.option4') }}</li>\n                <li>{{ t('registration.verficationFile.info.option5') }}</li>\n                <li>{{ t('registration.verficationFile.info.option6') }}</li>\n              </ul>\n            </div>\n          </template>\n        </InputFile>\n      </template>\n    </Form>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport Dialog from '@/components/dialog/components/dialogFrame/local/dialogFrame.vue';\nimport { DialogResponses, useDialogStore } from '@/stores/useDialogStore';\nimport { ErrorIdent } from '@/@types/errorIdents';\nimport Form from '@/components/formFields/localDialogForm/localDialogForm.vue';\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport { useUploadVerificationFile } from './useUploadVerificationFile';\nimport ErrorFrame from '~/components/formFields/components/errorFrame/errorFrame.vue';\nimport { NotificationBar, NotificationType, InputFile } from '@/complib';\nimport useUploadVerificationFileDialog from '@/composables/dialogs/useUploadVerificationFileDialog';\nconst { t } = useTrans();\nconst { onSubmit, isLoading, errors } = useUploadVerificationFile();\nconst dialogStore = useDialogStore();\nconst data = useUploadVerificationFileDialog().getData();\n\nfunction onChange() {\n  errors.value = [];\n}\n</script>\n"],"names":["useUploadVerificationFile","t","useTrans","dialogStore","useDialogStore","site","useSiteIdent","errors","ref","isLoading","onSubmit","uploadVerificationFiles","fileInputs","body","hasFiles","input","_a","_b","useSecureSessionPost","DialogResponses","e","_c","handleLoadingError","data","useUploadVerificationFileDialog","onChange"],"mappings":"2sBAMO,SAASA,GAA4B,CACpC,KAAA,CAAE,EAAAC,GAAMC,IACRC,EAAcC,IACdC,EAAOC,IACPC,EAASC,EAAkB,CAAA,CAAE,EACvBL,EAAA,YAAYF,EAAE,6CAA6C,CAAC,EAElE,MAAAQ,EAAYD,EAAI,EAAK,EAE3B,eAAeE,GAAW,CACxBD,EAAU,MAAQ,GAClB,MAAME,EAAwB,EAC9BF,EAAU,MAAQ,EACpB,CAEA,eAAeE,GAA0B,WACnC,GAAA,CACI,MAAAC,EAAa,SAAS,iBAAiB,iBAAiB,EACxDC,EAAO,IAAI,SACjB,IAAIC,EAAW,GACJF,EAAA,QAASG,GAAU,UACvBC,EAAAD,GAAA,YAAAA,EAA4B,QAA5B,MAAAC,EAAmC,SAC3BF,EAAA,GACND,EAAA,OACFE,EAA2B,MAC3BE,EAAAF,GAAA,YAAAA,EAA4B,QAA5B,YAAAE,EAAoC,EAAC,EAE1C,CACD,EAEGH,IACI,MAAAI,EACJ,QAAQb,CAAI,+BACZQ,CAAA,EAGUV,EAAA,YAAYgB,EAAgB,OAAO,GAEjDV,EAAU,MAAQ,SACXW,EAAQ,CACfb,EAAO,QAAQU,GAAAD,EAAAI,GAAA,YAAAA,EAAG,OAAH,YAAAJ,EAAS,OAAT,YAAAC,EAAe,SAAU,IAC/BI,EAAA,SAAA,cAAc,qBAAqB,IAAnC,MAAAA,EAAsC,eAAe,CAC5D,SAAU,QAAA,GAEZZ,EAAU,MAAQ,GAClBa,EAAmBF,CAAC,CACtB,CACF,CACO,MAAA,CACL,SAAAV,EACA,UAAAD,EACA,OAAAF,CAAA,CAEJ,wICaM,KAAA,CAAE,EAAAN,GAAMC,IACR,CAAE,SAAAQ,EAAU,UAAAD,EAAW,OAAAF,GAAWP,EAA0B,EAC5DG,EAAcC,IACdmB,EAAOC,IAAkC,UAE/C,SAASC,GAAW,CAClBlB,EAAO,MAAQ,EACjB"}