hl-core 0.0.10-beta.3 → 0.0.10-beta.31

package/components/Panel/PanelHandler.vue

@@ -11,10 +11,10 @@
     <div :class="[$styles.flexColNav]">
       <base-content-block v-if="hasConditionsInfo" class="flex flex-col gap-3">
         <span
-          >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}₸` }}</b></span
+          >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}` }}</b></span
         >
         <span
-          >{{ `Запрашиваемая страховая сумма: ` }} <b>{{ `${requestedSumInsured}₸` }}</b>
+          >{{ `Запрашиваемая страховая сумма: ` }} <b>{{ `${requestedSumInsured}` }}</b>
         </span>
       </base-content-block>
       <base-content-block v-if="$dataStore.isLifetrip" class="flex flex-col gap-3">
@@ -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.length === 0" :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,54 @@
         <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="closeQrPanel" />
       </base-form-section>
     </div>
+    <div v-if="!(formStore.signatories.length === 0) && !isQr && !isScansDocuments" :class="[$styles.flexColNav]">
+      <div
+        v-if="(processCode === 19 || processCode === 25) && formStore.applicationData.statusCode === 'AttachAppContractForm'"
+        :class="[$styles.blueBgLight]"
+        class="rounded-lg p-4"
+      >
+        <base-form-toggle v-model="isOnlineEnpf" title="Онлайн подписание согласия для ЕНПФ" :has-border="false" @clicked="setActualEnpf" />
+      </div>
+      <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
+        <v-expansion-panels v-if="formStore.signatories.length" variant="accordion" :multiple="false">
+          <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" :multiple="false">
+                  <v-expansion-panel
+                    v-for="(file, fileIndex) in groupBy(person.fileDatas, 'orderFile')"
+                    :value="`${index} - ${fileIndex}`"
+                    :disabled="inSigningOrder(person.fileDatas, fileIndex) || file.every((f: any) => f.isSigned === true)"
+                  >
+                    <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>
+      <base-animation>
+        <base-btn v-if="isAllPaperSigned" :text="$dataStore.t('buttons.send')" :loading="loading" @click="$dataStore.panelAction = constants.actions.signed" />
+      </base-animation>
+    </div>
   </section>
   <section v-if="choosePayActions">
     <div v-if="!isEpayPay && !isOfflinePay" :class="[$styles.flexColNav]">
@@ -178,7 +177,7 @@
       </div>
     </base-fade-transition>
     <base-btn
-      v-if="$dataStore.isPension"
+      v-if="isElectronicContract"
       :text="$dataStore.t('buttons.cancel')"
       :btn="$styles.whiteBtn"
       @click="
@@ -254,6 +253,8 @@
 import { DocumentItem, Value } from '../../composables/classes';
 import { HubConnectionBuilder } from '@microsoft/signalr';
 import { uuid } from 'vue-uuid';
+import type * as Types from '../../types';
+import { CoreEnums } from '../../types/enum';
 
 export default defineComponent({
   emits: ['task'],
@@ -275,14 +276,16 @@ export default defineComponent({
     const isOfflinePay = ref<boolean>(false);
     const isQrDialog = ref<boolean>(false);
     const email = ref<string>('');
+    const signOptions = ref<Types.Api.Sign.New.Response>();
+    const signingFiles = ref<Types.Api.Sign.New.FileDatas[]>([]);
+    const isOnlineEnpf = ref<boolean>(true);
+    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 selectedClient = ref<Types.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;
@@ -297,9 +300,10 @@ export default defineComponent({
     const affiliationFormData = ref(new FormData());
     const scansFormData = ref(new FormData());
     const scansFiles = ref<any[]>([]);
+    const isAllPaperSigned = computed(() => formStore.signatories.every((person: any) => person.fileDatas.every((file: any) => file.isSigned === true && file.signedType === 2)));
     const processCode = formStore.applicationData.processCode;
 
-    const openSmsPanel = (signInfo: SignUrlType) => {
+    const openSmsPanel = (signInfo: Types.SignUrlType) => {
       if (signInfo) {
         isSendNumberOpen.value = true;
         selectedClient.value = signInfo;
@@ -327,10 +331,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 +399,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 +428,28 @@ export default defineComponent({
       return selectedDocument;
     };
 
+    const sendFilesNew = async () => {
+      if (scansFiles.value.length !== signingFiles.value.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);
+          }),
+        );
+        await checkIfAllSigned(true);
+        scansFiles.value = [];
+        isScansDocuments.value = false;
+        dataStore.showToaster('info', 'Документы загружены успешно');
+      } catch (err) {
+        return ErrorHandler(err);
+      }
+    };
+
     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 +461,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 }) => {
@@ -466,7 +516,11 @@ export default defineComponent({
         }
       }
       if (dataStore.isPension) {
-        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        if (formStore.applicationData.pensionApp) {
+          const isOnlineEnpfAgreement = formStore.applicationData.pensionApp.isOnlineEnpfAgreement;
+          isOnlineEnpf.value = isOnlineEnpfAgreement === null ? true : isOnlineEnpfAgreement;
+          await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+        }
       }
     };
 
@@ -522,25 +576,33 @@ export default defineComponent({
         dataStore.panelAction === constants.actions.return ||
         dataStore.panelAction === constants.actions.rejectclient,
     );
-    const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept);
+    const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept || (dataStore.isPension && dataStore.panelAction === constants.actions.signed));
     const signingActions = computed(() => dataStore.panelAction === constants.actions.sign);
     const payingActions = computed(() => dataStore.panelAction === constants.actions.pay);
     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);
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
-    const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
+    const insurancePremiumPerMonth = computed(() => {
+      if (dataStore.isGons && formStore.productConditionsForm.currency.code === 'USD') {
+        return `${formStore.productConditionsForm.insurancePremiumPerMonthInDollar}$`;
+      }
+      return `${formStore.productConditionsForm.insurancePremiumPerMonth}₸`;
+    });
     const requestedSumInsured = computed(() => {
       if ((dataStore.isLifeBusiness || dataStore.isGns) && formStore.productConditionsForm.requestedSumInsured === null) {
         return dataStore.getNumberWithSpaces(formStore.applicationData.policyAppDto!.mainInsSum);
       }
-      return dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured);
+      if (dataStore.isGons && formStore.productConditionsForm.currency.code === 'USD') {
+        return `${formStore.productConditionsForm.requestedSumInsuredInDollar}$`;
+      }
+      return `${formStore.productConditionsForm.requestedSumInsured}₸`;
     });
     const price = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.calculatorForm.price));
     const insuredAmount = computed(() => formStore.productConditionsForm.calculatorForm.amount!.nameRu! + dataStore.currency);
     const hasConditionsInfo = computed(() => {
-      if (dataStore.isLifetrip || dataStore.isDas || dataStore.isUU || dataStore.isPrePension) {
+      if (dataStore.isLifetrip || dataStore.isDas || dataStore.isUU || dataStore.isPrePension || dataStore.isPension) {
         return false;
       }
       if (dataStore.isFinCenter()) {
@@ -561,7 +623,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 +632,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 +679,6 @@ export default defineComponent({
           isQr.value = true;
         }
       }
-      if (type === 'signature') {
-        await dataStore.signDocument('signature');
-      }
       loading.value = false;
     };
 
@@ -705,7 +752,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);
               }
@@ -741,7 +788,7 @@ export default defineComponent({
       await dataStore.generateDocument();
     };
 
-    const convertQr = async (url: string | null, template?: Api.GenerateShortLink.Templates) => {
+    const convertQr = async (url: string | null, template?: Types.Api.GenerateShortLink.Templates) => {
       if (url) {
         const shortedUrl = await dataStore.generateShortLink(url, template);
         qrUrl.value = typeof shortedUrl === 'string' && !!shortedUrl ? shortedUrl : url;
@@ -792,6 +839,93 @@ 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 (sendTask: boolean = false) => {
+      await dataStore.generateSign(route.params.taskId as string);
+      formStore.signatories.find(async (person: any) => {
+        if (person.fileDatas.find((file: any) => file.isSigned === false) === undefined) {
+          if (formStore.applicationData.statusCode !== 'ContractSignedFrom') {
+            // TODO better if condition
+            // dataStore.showToaster(
+            //   'success',
+            //   dataStore.t(`pension.${formStore.applicationData.statusCode === 'HeadManagerForm' ? 'signInProcessManager' : 'signInProcess'}`),
+            //   30000,
+            // );
+          }
+        }
+      });
+    };
+
+    const newSign = async (signType: number, file: any, index: number) => {
+      loading.value = true;
+      const data = {
+        ...formStore.signatories[index],
+        signType: signType,
+        fileDatas: file,
+      } as Types.Api.Sign.New.GeneralResponse;
+      try {
+        signOptions.value = await dataStore.generalSign(data);
+        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 && Array.isArray(data.fileDatas) ? data.fileDatas.filter(i => i.isSigned !== true) : [];
+              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 === null) {
+                  dataStore.showToaster('error', 'Ошибка подписи документов', 10000);
+                  break;
+                }
+                if (!response) break;
+              }
+              break;
+            default:
+              break;
+          }
+        }
+        await checkIfAllSigned();
+        currentFilePanel.value = [];
+      } catch (err) {
+        ErrorHandler(err);
+      }
+      loading.value = false;
+    };
+
+    const setActualEnpf = useDebounceFn(async () => {
+      try {
+        await dataStore.api.file.setActualEnpf({ processId: String(formStore.applicationData.processInstanceId), isOnlineEnpfAgreement: isOnlineEnpf.value });
+        await dataStore.generateSign(String(route.params.taskId));
+      } catch (err) {
+        ErrorHandler(err);
+      }
+      currentFilePanel.value = [];
+    }, 1000);
+
     return {
       // State
       formStore,
@@ -813,6 +947,10 @@ export default defineComponent({
       processCode,
       isQrDialog,
       email,
+      signOptions,
+      signingFiles,
+      isOnlineEnpf,
+      currentFilePanel,
 
       // Functions
       closePanel,
@@ -824,11 +962,13 @@ export default defineComponent({
       downloadTemplate,
       onFileChangeScans,
       sendFiles,
+      sendFilesNew,
       onClearFile,
       closeQrPanel,
       handlePayAction,
       payEpay,
       convertQr,
+      setActualEnpf,
       sendInvoiceToEmail,
       hasConditionsAction,
 
@@ -841,6 +981,7 @@ export default defineComponent({
       affiliateActions,
       chooseSignActions,
       paymentPeriod,
+      isAllPaperSigned,
       insurancePremiumPerMonth,
       requestedSumInsured,
       affiliationDocument,
@@ -857,7 +998,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

@@ -1,10 +1,12 @@
 <template>
-  <label v-if="chip && chip.title" class="transition-all leading-6 px-3 py-1 rounded-pill border-[1px] border-white mr-4 whitespace-nowrap" :class="[textSize, color]"
+  <label v-if="chip && chip.title" class="transition-all leading-6 px-3 rounded-pill border-[1px] border-white mr-4 whitespace-nowrap" :class="[textSize, color]"
     >{{ chip.title }}<v-tooltip v-if="chip.description" activator="parent" location="bottom" :max-width="maxWidth">{{ chip.description }}</v-tooltip></label
   >
 </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,
     },
   },