hl-core 0.0.10-beta.2 → 0.0.10-beta.21

package/components/Panel/PanelHandler.vue

@@ -29,74 +29,25 @@
     </div>
   </section>
   <section v-if="chooseSignActions">
-    <div v-if="!isElectronicContract && !isPaperContract && !isScansDocuments && !isQr" :class="[$styles.flexColNav]">
+    <div v-if="!isElectronicContract && !isPaperContract && !isScansDocuments && !isQr && !formStore.signatories" :class="[$styles.flexColNav]">
       <base-btn :text="$dataStore.t('buttons.sendOnPaper')" :disabled="isPaperDisabled" :loading="loading" @click="handleSignAction('paper')" />
       <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="isElectronicDisabled" :loading="loading" @click="handleSignAction('electronic')" />
       <base-btn :text="$dataStore.t('buttons.generatePrintedForms')" :disabled="isScansDisabled" :loading="loading" @click="handleSignAction('scans')" />
       <base-btn v-if="!useEnv().isProduction" :text="$dataStore.t('buttons.sendEgovMob')" :disabled="isQrDisabled" :loading="loading" @click="handleSignAction('qr')" />
-      <base-btn
-        v-if="$dataStore.isPension"
-        :text="$dataStore.t('buttons.signWithSignature')"
-        :disabled="isSignatureDisabled"
-        :loading="loading"
-        @click="handleSignAction('signature')"
-      />
-      <base-btn
-        v-if="$dataStore.isPension && !useEnv().isProduction"
-        :text="$dataStore.t('buttons.signWithSignatureXML')"
-        :disabled="isQrXmlDisabled"
-        :loading="loading"
-        @click="handleSignAction('qrXml')"
-      />
     </div>
     <div v-if="isPaperContract" :class="[$styles.flexColNav]">
       <base-btn :text="$dataStore.t('buttons.downloadContract')" :loading="$dataStore.isButtonsLoading" @click="generateDocument" />
     </div>
     <div v-if="isScansDocuments" :class="[$styles.flexColNav]">
-      <div v-if="$dataStore.isPension">
-        <div v-if="processCode == 19">
-          <div v-if="formStore.applicationData.statusCode === 'HeadManagerForm' || formStore.applicationData.statusCode === 'ContractSignedFrom'">
-            <base-btn :text="$dataStore.t('buttons.downloadContract')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('PA_Contract', '38')" />
-            <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
-              <base-file-input :label="$dataStore.t('labels.attachContract')" @input.prevent="onFileChangeScans($event, 'pa_contract')" @onClear="onClearFile('pa_contract')" />
-            </base-form-section>
-          </div>
-          <div v-else class="flex flex-col gap-2">
-            <base-btn :text="$dataStore.t('buttons.downloadStatement')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('PA_Statement', '37')" />
-            <base-btn :text="$dataStore.t('buttons.downloadAgreement')" :loading="$dataStore.isButtonsLoading" @click="$dataStore.generatePDFDocument('Agreement', '19')" />
-            <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
-              <base-file-input :label="$dataStore.t('labels.attachStatement')" @input.prevent="onFileChangeScans($event, 'pa_statement')" @onClear="onClearFile('pa_statement')" />
-              <base-file-input :label="$dataStore.t('labels.attachAgreement')" @input.prevent="onFileChangeScans($event, 'agreement')" @onClear="onClearFile('agreement')" />
-            </base-form-section>
-          </div>
-        </div>
-        <div v-if="processCode == 2" class="flex flex-col gap-2">
-          <base-btn
-            :text="$dataStore.t('buttons.downloadPARefundStatement')"
-            :loading="$dataStore.isButtonsLoading"
-            @click="$dataStore.generatePDFDocument('PA_RefundStatement', '41')"
-          />
-          <base-btn
-            :text="$dataStore.t('buttons.downloadPARefundAgreement')"
-            :loading="$dataStore.isButtonsLoading"
-            @click="$dataStore.generatePDFDocument('PA_RefundAgreement', '42')"
-          />
-
+      <div v-if="isNewSign">
+        <div class="flex flex-col gap-2">
+          <base-btn v-for="file in signingFiles" :text="`Скачать ${file.fileName}`" :loading="$dataStore.isButtonsLoading" @click="getFileNew(file)" />
           <base-form-section class="mt-4 flex flex-col !gap-2" :title="$dataStore.t('clients.attachScansSignDocs')">
-            <base-file-input
-              :label="$dataStore.t('buttons.downloadPARefundStatement')"
-              @input.prevent="onFileChangeScans($event, 'pa_refundstatement')"
-              @onClear="onClearFile('pa_refundstatement')"
-            />
-            <base-file-input
-              :label="$dataStore.t('buttons.downloadPARefundAgreement')"
-              @input.prevent="onFileChangeScans($event, 'pa_refundagreement')"
-              @onClear="onClearFile('pa_refundagreement')"
-            />
+            <base-file-input v-for="file in signingFiles" :label="`Вложить ${file.fileName}`" @input.prevent="onFileChangeScansNew($event, file)" @onClear="onClearFileNew(file)" />
           </base-form-section>
         </div>
       </div>
-      <div :class="[$styles.flexColNav]" v-else>
+      <div v-else :class="[$styles.flexColNav]">
         <base-btn :text="$dataStore.t('buttons.downloadStatement')" @click="downloadTemplate(constants.documentTypes.statement, 'docx')" />
         <base-btn :text="$dataStore.t('buttons.downloadContract')" @click="downloadTemplate(constants.documentTypes.contract, 'doc')" />
         <base-btn :text="$dataStore.t('buttons.downloadApplication')" @click="downloadTemplate(constants.documentTypes.application1, 'vnd.ms-excel')" />
@@ -107,7 +58,7 @@
           <base-file-input :label="$dataStore.t('labels.attachPowerOfAttorney')" @input.prevent="onFileChangeScans($event, 'attorney')" @onClear="onClearFile('attorney')" />
         </base-form-section>
       </div>
-      <base-btn :text="$dataStore.t('buttons.sign')" :loading="$dataStore.isButtonsLoading" @click="sendFiles" />
+      <base-btn :text="$dataStore.t('buttons.sign')" :loading="$dataStore.isButtonsLoading" @click="isNewSign ? sendFilesNew() : sendFiles()" />
       <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="isScansDocuments = false" />
     </div>
     <div v-if="isQr" :class="[$styles.flexColNav]">
@@ -121,6 +72,44 @@
         <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="closeQrPanel" />
       </base-form-section>
     </div>
+    <div v-if="formStore.signatories && !isQr && !isScansDocuments" :class="[$styles.flexColNav]">
+      <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
+        <v-expansion-panels v-if="formStore.signatories.length" variant="accordion" multiple>
+          <v-expansion-panel v-for="(person, index) of formStore.signatories" :key="person.personId!" class="border-[1px]" elevation="0" bg-color="#FFF">
+            <v-expansion-panel-title class="h-[80px]" :class="$styles.textTitle">
+              {{ person.longName }}
+            </v-expansion-panel-title>
+            <v-expansion-panel-text class="border-t-[1px]">
+              <section class="flex flex-col" :class="$styles.textSimple">
+                <v-expansion-panels v-if="person.fileDatas.length" v-model="currentFilePanel">
+                  <v-expansion-panel
+                    v-for="(file, fileIndex) in groupBy(person.fileDatas, 'orderFile')"
+                    :value="fileIndex"
+                    :disabled="inSigningOrder(person.fileDatas, fileIndex) || file[0].isSigned"
+                  >
+                    <v-expansion-panel-title v-for="name in file" class="h-[80px]" :class="$styles.textTitle">
+                      {{ name.fileName }}
+                    </v-expansion-panel-title>
+                    <v-expansion-panel-text class="border-t-[1px]">
+                      <section class="flex flex-col gap-4 py-3" :class="$styles.textSimple">
+                        <base-btn
+                          v-for="signtype in file[0].signTypes"
+                          :text="signtype.documentSignTypeName"
+                          :btn="$styles.greenBtn"
+                          @click="newSign(signtype.documentSignTypeValue, file, index)"
+                          :loading="loading"
+                        />
+                      </section>
+                    </v-expansion-panel-text>
+                  </v-expansion-panel>
+                </v-expansion-panels>
+              </section>
+            </v-expansion-panel-text>
+          </v-expansion-panel>
+        </v-expansion-panels>
+        <base-list-empty v-else />
+      </div>
+    </div>
   </section>
   <section v-if="choosePayActions">
     <div v-if="!isEpayPay && !isOfflinePay" :class="[$styles.flexColNav]">
@@ -178,7 +167,7 @@
       </div>
     </base-fade-transition>
     <base-btn
-      v-if="$dataStore.isPension"
+      v-if="isElectronicContract"
       :text="$dataStore.t('buttons.cancel')"
       :btn="$styles.whiteBtn"
       @click="
@@ -195,7 +184,13 @@
             <base-btn :loading="loading" :text="$dataStore.t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)" />
             <base-btn :loading="loading" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
             <base-btn :loading="loading" :text="$dataStore.t('sign.convertQr')" @click="convertQr(formStore.epayLink)" />
-            <base-btn :loading="loading" :btn="$styles.greenBtn" :text="$dataStore.t('payment.halykLink')" @click="convertQr(formStore.epayLink, 'halyk_pay_link_template')" />
+            <base-btn
+              v-if="!useEnv().isProduction"
+              :loading="loading"
+              :btn="$styles.greenBtn"
+              :text="$dataStore.t('payment.halykLink')"
+              @click="convertQr(formStore.epayLink, 'halyk_pay_link_template')"
+            />
           </div>
         </base-form-section>
         <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
@@ -254,6 +249,8 @@
 import { DocumentItem, Value } from '../../composables/classes';
 import { HubConnectionBuilder } from '@microsoft/signalr';
 import { uuid } from 'vue-uuid';
+import type { Api, SignUrlType } from '../../types';
+import { CoreEnums } from '../../types/enum';
 
 export default defineComponent({
   emits: ['task'],
@@ -275,14 +272,16 @@ export default defineComponent({
     const isOfflinePay = ref<boolean>(false);
     const isQrDialog = ref<boolean>(false);
     const email = ref<string>('');
+    const signOptions = ref<Api.Sign.New.Response>();
+    const signingFiles = ref<Api.Sign.New.FileDatas[]>([]);
+    const allDocumentsSigned = ref<boolean>(false);
+    const currentFilePanel = ref<string[]>([]);
 
     const vForm = ref<any>();
     const isSendNumberOpen = ref<boolean>(false);
     const phoneNumber = ref<string | null>(formStore.policyholderForm.phoneNumber ?? '');
     const selectedClient = ref<SignUrlType>();
     const documentDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Решение АС'));
-    const pensionForm = formStore.applicationData?.pensionApp ?? undefined;
-    const consentGiven = computed(() => !!formStore.signedDocumentList.find(i => i.fileTypeCode === '43' && i.signed === true));
     const affiliationDocument = computed(() => formStore.signedDocumentList.find((file: DocumentItem) => file.fileTypeName === 'Решение АС'));
     const affiliationData = ref<{
       processInstanceId: string | number;
@@ -327,10 +326,53 @@ export default defineComponent({
       }
     };
 
-    const onFileChangeScans = async (
-      event: InputEvent,
-      type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement',
-    ) => {
+    const inSigningOrder = (files: any, index: number) => {
+      for (
+        let i = 0;
+        i <
+        files.sort(function (a: any, b: any) {
+          return a.orderFile > b.orderFile ? 1 : b.orderFile > a.orderFile ? -1 : 0;
+        }).length;
+        i++
+      ) {
+        if (!files[i].isSigned) {
+          return files[i].orderFile != index;
+        }
+      }
+    };
+
+    const getFileNew = async (file: any) => {
+      const newFile = signOptions.value?.signIds.find((i: any) => i.fileType == file.fileType);
+      if (newFile) await dataStore.getFileNew(newFile.id, 2, false, file.fileName);
+    };
+
+    const onFileChangeScansNew = async (event: InputEvent, file: any) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length) {
+          if (files[0].type !== 'application/pdf') return dataStore.showToaster('error', dataStore.t('toaster.onlyPDF'), 6000);
+          const { execute: getBase64 } = useBase64(files[0]);
+          const base64 = (await getBase64()).slice(28);
+          const data = {
+            FileBytes: base64,
+            FileName: file.fileName,
+            FileTypeCode: file.fileType,
+          };
+          if (!signOptions.value) return dataStore.showToaster('error', dataStore.t('pension.fileError'), 6000);
+          scansFiles.value.push({
+            groupId: signOptions.value.signIds.find((i: any) => i.fileType == data.FileTypeCode)?.id,
+            data: data,
+          });
+        }
+      }
+    };
+
+    const onClearFileNew = async (file: any) => {
+      const result = scansFiles.value.filter(i => i.data.FileTypeCode !== file.fileType);
+      scansFiles.value = result;
+    };
+
+    const onFileChangeScans = async (event: InputEvent, type: 'statement' | 'contract' | 'pa_refundstatement' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement') => {
       if (event.target) {
         const files = (event.target as HTMLInputElement).files;
         if (files && files.length) {
@@ -352,31 +394,20 @@ export default defineComponent({
       }
     };
 
-    const onClearFile = async (
-      type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement',
-    ) => {
+    const onClearFile = async (type: 'statement' | 'contract' | 'pa_refundstatement' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement') => {
       const doc = await selectedDocument(type);
       const result = scansFiles.value.filter(i => JSON.parse(i.fileData)[0].fileTypeCode !== doc.code);
       scansFiles.value = result;
     };
 
-    const selectedDocument = (type: 'statement' | 'pa_statement' | 'pa_refundstatement' | 'contract' | 'pa_contract' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement') => {
+    const selectedDocument = (type: 'statement' | 'contract' | 'pa_refundstatement' | 'pa_refundagreement' | 'app' | 'attorney' | 'agreement') => {
       let selectedDocument: any;
       if (type === 'statement') {
         selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '32');
       }
-      if (type === 'pa_statement') {
-        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '37');
-      }
-      if (type === 'pa_refundstatement') {
-        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '41');
-      }
       if (type === 'contract') {
         selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '6');
       }
-      if (type === 'pa_contract') {
-        selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '38');
-      }
       if (type === 'pa_refundagreement') {
         selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.code === '42');
       }
@@ -392,14 +423,29 @@ export default defineComponent({
       return selectedDocument;
     };
 
+    const sendFilesNew = async () => {
+      if (scansFiles.value.length !== signOptions.value?.signIds.length) {
+        dataStore.showToaster('warning', dataStore.t('toaster.notAllDocumentsAttached'));
+        return;
+      }
+      try {
+        await Promise.allSettled(
+          Object.values(scansFiles.value).map(async f => {
+            await dataStore.api.file.uploadFilesNew(f.groupId, f.data);
+          }),
+        );
+        scansFiles.value = [];
+        closePanel();
+        dataStore.showToaster('info', 'Документы подписаны');
+        await dataStore.handleTask(constants.actions.signed, route.params.taskId as string);
+      } catch (err) {
+        return ErrorHandler(err);
+      }
+      closePanel();
+    };
+
     const sendFiles = async () => {
-      if (
-        dataStore.isPension
-          ? formStore.applicationData.statusCode === 'ContractSignedFrom'
-            ? scansFiles.value.length !== 1
-            : scansFiles.value.length !== 2
-          : scansFiles.value.length !== 4
-      ) {
+      if (scansFiles.value.length !== 4) {
         dataStore.showToaster('warning', dataStore.t('toaster.notAllDocumentsAttached'));
         return;
       }
@@ -411,7 +457,7 @@ export default defineComponent({
       }
       closePanel();
       dataStore.showToaster('success', dataStore.t('toaster.successOperation'));
-      await dataStore.handleTask(dataStore.isPension ? constants.actions.accept : constants.actions.signed, route.params.taskId as string, 'scans');
+      await dataStore.handleTask(constants.actions.signed, route.params.taskId as string, 'scans');
     };
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
@@ -528,7 +574,7 @@ export default defineComponent({
     const affiliateActions = computed(() => dataStore.panelAction === constants.actions.affiliate);
     const chooseSignActions = computed(() => dataStore.controls.hasChooseSign && dataStore.panelAction === constants.actions.chooseSign);
     const choosePayActions = computed(() => dataStore.controls.hasChoosePay && dataStore.panelAction === constants.actions.choosePay);
-
+    const isNewSign = computed(() => (dataStore.isPension || dataStore.isGons) && !useEnv().isProduction);
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
     const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
     const requestedSumInsured = computed(() => {
@@ -561,7 +607,7 @@ export default defineComponent({
       return true;
     });
     const isElectronicDisabled = computed(() => {
-      if (dataStore.isGons || dataStore.isLifeBusiness || dataStore.isGns || dataStore.isPension) {
+      if (dataStore.isGons || dataStore.isLifeBusiness || dataStore.isGns) {
         return true;
       }
       return false;
@@ -570,37 +616,25 @@ export default defineComponent({
       if (dataStore.isGons) {
         return true;
       }
-      if ((!consentGiven.value || formStore.applicationData.statusCode === 'HeadManagerForm') && dataStore.isPension && processCode !== 2) {
-        return true;
-      }
       return false;
     });
     const isQrDisabled = computed(() => {
-      if (consentGiven.value && dataStore.isPension && processCode !== 2) {
-        return false;
-      }
       return true;
     });
     const isQrXmlDisabled = computed(() => {
-      if (!consentGiven.value && dataStore.isPension && processCode !== 2) {
-        return false;
-      }
       if (dataStore.isLifeBusiness || dataStore.isGns) {
         return false;
       }
       return true;
     });
     const isSignatureDisabled = computed(() => {
-      if ((!consentGiven.value || formStore.applicationData.statusCode === 'HeadManagerForm') && dataStore.isPension && processCode !== 2) {
-        return false;
-      }
       return true;
     });
     const downloadTemplate = async (documentType: number, fileType: string) => {
       await dataStore.downloadTemplate(documentType, fileType, formStore.applicationData.processInstanceId);
     };
 
-    const handleSignAction = async (type: 'paper' | 'electronic' | 'scans' | 'qr' | 'qrXml' | 'signature') => {
+    const handleSignAction = async (type: 'paper' | 'electronic' | 'scans' | 'qr' | 'qrXml') => {
       loading.value = true;
       if (type === 'electronic') {
         await dataStore.signDocument();
@@ -629,9 +663,6 @@ export default defineComponent({
           isQr.value = true;
         }
       }
-      if (type === 'signature') {
-        await dataStore.signDocument('signature');
-      }
       loading.value = false;
     };
 
@@ -705,7 +736,7 @@ export default defineComponent({
                 data.append('name', 'PAEnpf_Agreement');
                 data.append('format', 'xml');
                 data.append('EdsXmlId', groupId ?? '');
-                await dataStore.api.uploadXml(data);
+                await dataStore.api.file.uploadXml(data);
                 await dataStore.getSignedDocList(dataStore.formStore.applicationData.processInstanceId);
                 dataStore.showToaster('success', dataStore.t('pension.consentGiven'), 3000);
               }
@@ -792,6 +823,90 @@ export default defineComponent({
       dataStore.panelAction = constants.actions.pay;
     };
 
+    const groupBy = (data: any, key: string) => {
+      return data.reduce((results: any, item: any) => {
+        results[item[key]] = results[item[key]] || [];
+        results[item[key]].push(item);
+        return results;
+      }, {});
+    };
+
+    const checkIfAllSigned = async () => {
+      await dataStore.generateSign(route.params.taskId as string);
+      formStore.signatories.find((person: any) => {
+        if (person.fileDatas.find((file: any) => file.isSigned === false) === undefined) {
+          if (formStore.applicationData.statusCode !== 'ContractSignedFrom')
+            dataStore.showToaster(
+              'success',
+              dataStore.t(`pension.${formStore.applicationData.statusCode === 'HeadManagerForm' ? 'signInProcessManager' : 'signInProcess'}`),
+              30000,
+            );
+          allDocumentsSigned.value = true;
+        }
+      });
+    };
+
+    const newSign = async (signType: number, file: any, index: number) => {
+      loading.value = true;
+      const data = {
+        ...formStore.signatories[index],
+        signType: signType,
+        fileDatas: file,
+      };
+      try {
+        signOptions.value = await dataStore.api.file.generalSign(data);
+        const message = [];
+        for (let i of file) {
+          message.push(i.fileName);
+        }
+        if (signOptions.value) {
+          switch (signType) {
+            case CoreEnums.Sign.Types.electronic:
+              // @ts-ignore
+              formStore.signUrls = [signOptions.value];
+              isElectronicContract.value = true;
+              dataStore.panelAction = constants.actions.sign;
+              break;
+            case CoreEnums.Sign.Types.scans:
+              isScansDocuments.value = true;
+              signingFiles.value = data.fileDatas;
+              message.length = 0;
+              break;
+            case CoreEnums.Sign.Types.qr:
+              if (!signOptions.value.signatureDocumentGroupId) return dataStore.showToaster('error', 'Ошибка подписи документов', 10000);
+              await generateQR(signOptions.value.signatureDocumentGroupId);
+              isQr.value = true;
+              break;
+            case CoreEnums.Sign.Types.qrXml:
+              if (!signOptions.value.edsXmlId) return dataStore.showToaster('error', 'Ошибка подписи документов', 10000);
+              await generateQR(signOptions.value.edsXmlId, 'xml');
+              isQr.value = true;
+              break;
+            case CoreEnums.Sign.Types.nclayer:
+              for (let sign of signOptions.value.signIds) {
+                const response = await dataStore.nclayerSign(sign.id, signType, file[0].fileType === 43);
+                if (!response) {
+                  dataStore.showToaster('error', 'Ошибка подписи документов', 10000);
+                  message.length = 0;
+                  break;
+                }
+              }
+              break;
+            default:
+              break;
+          }
+        }
+        if (message.length) {
+          dataStore.showToaster('info', 'Подписано: ' + message.join(', '), 5000);
+          await checkIfAllSigned();
+        }
+        currentFilePanel.value = [];
+      } catch (err) {
+        ErrorHandler(err);
+      }
+      loading.value = false;
+    };
+
     return {
       // State
       formStore,
@@ -813,6 +928,10 @@ export default defineComponent({
       processCode,
       isQrDialog,
       email,
+      signOptions,
+      signingFiles,
+      allDocumentsSigned,
+      currentFilePanel,
 
       // Functions
       closePanel,
@@ -824,6 +943,7 @@ export default defineComponent({
       downloadTemplate,
       onFileChangeScans,
       sendFiles,
+      sendFilesNew,
       onClearFile,
       closeQrPanel,
       handlePayAction,
@@ -857,7 +977,13 @@ export default defineComponent({
       isQrXmlDisabled,
       isSignatureDisabled,
       choosePayActions,
-      consentGiven,
+      groupBy,
+      newSign,
+      onFileChangeScansNew,
+      onClearFileNew,
+      getFileNew,
+      inSigningOrder,
+      isNewSign,
     };
   },
 });

package/components/Transitions/Animation.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import type { Utils } from '../../types';
+
 defineProps({
   type: {
     type: String as PropType<Utils.VuetifyAnimations>,

package/components/Utilities/Chip.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script lang="ts">
+import type { ChipComponent } from '../../types';
+
 export default defineComponent({
   props: {
     chip: {

package/components/Utilities/JsonViewer.vue

@@ -14,13 +14,12 @@
 <script lang="ts">
 import VueJsonPretty from 'vue-json-pretty';
 import 'vue-json-pretty/lib/styles.css';
-import { type JSONDataType } from 'vue-json-pretty/types/utils';
 
 export default defineComponent({
   components: { VueJsonPretty },
   props: {
     data: {
-      type: Object as PropType<JSONDataType>,
+      type: Object as PropType<any>,
       required: false,
     },
   },