hl-core 0.0.9-beta.27 → 0.0.9-beta.29

package/components/Pages/MemberForm.vue

@@ -517,7 +517,7 @@
       </base-form-section>
     </v-form>
     <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$dataStore.t('buttons.save')" @click="submitForm" />
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -533,20 +533,20 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isSearchOpen" to="#panel-actions">
+    <Teleport v-if="isSearchOpen" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGBDFL')" @click="getContragentFromGBDFL" />
         <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromInsis')" @click="getContragent" />
         <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGKB')" @click="getFamilyInfo" />
       </div>
     </Teleport>
-    <Teleport v-if="isDocumentOpen" to="#panel-actions">
+    <Teleport v-if="isDocumentOpen" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')" />
       </div>
     </Teleport>
-    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
+    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#right-panel-actions">
       <div :class="[$styles.flexColNav]">
         <base-fade-transition>
           <base-rounded-input
@@ -629,7 +629,7 @@ export default {
     const isFromGBD = computed(() => !!member.value.gosPersonData);
     const showSaveButton = computed(() => {
       const generalCondition = !isDisabled.value && !!isTask.value && !!dataStore.isInitiator();
-      const perMemberCondtion = () => {
+      const perMemberCondition = () => {
         switch (whichForm.value) {
           case formStore.policyholderFormKey:
             return true;
@@ -642,7 +642,7 @@ export default {
             return false;
         }
       };
-      return generalCondition && perMemberCondtion();
+      return generalCondition && perMemberCondition();
     });
 
     const hasGBDFL = computed(() => {
@@ -741,7 +741,7 @@ export default {
 
     const birthDateRule = computed(() => {
       const baseDateRule = dataStore.rules.required.concat(dataStore.rules.birthDate);
-      const byMemverAndProductRule = () => {
+      const byMemberAndProductRule = () => {
         if (whichForm.value === formStore.policyholderFormKey) {
           if (dataStore.isGons || dataStore.isBolashak || dataStore.isBaiterek) {
             return dataStore.rules.age18ByDate;
@@ -757,7 +757,7 @@ export default {
         }
         return [];
       };
-      return baseDateRule.concat(byMemverAndProductRule());
+      return baseDateRule.concat(byMemberAndProductRule());
     });
     const ageRule = computed(() => {
       const baseAgeRule = dataStore.rules.numbers;
@@ -834,8 +834,8 @@ export default {
     const searchMember = async () => {
       if (!isDisabled.value) {
         dataStore.panelAction = null;
-        dataStore.panel.title = 'Поиск контрагента';
-        dataStore.panel.open = true;
+        dataStore.rightPanel.title = 'Поиск контрагента';
+        dataStore.rightPanel.open = true;
         isSearchOpen.value = true;
         isDocumentOpen.value = false;
         isOtpPanelOpen.value = false;
@@ -852,20 +852,20 @@ export default {
     const openCustomPanel = (type: 'document' | 'otp' = 'document') => {
       dataStore.panelAction = null;
       if (type === 'document' && memberDocument.value) {
-        dataStore.panel.title = memberDocument.value.fileTypeName!;
+        dataStore.rightPanel.title = memberDocument.value.fileTypeName!;
         isDocumentOpen.value = true;
         isSearchOpen.value = false;
         isPanelOpen.value = false;
         isOtpPanelOpen.value = false;
       }
       if (type === 'otp') {
-        dataStore.panel.title = dataStore.t('form.otpCode');
+        dataStore.rightPanel.title = dataStore.t('form.otpCode');
         isOtpPanelOpen.value = true;
         isDocumentOpen.value = false;
         isSearchOpen.value = false;
         isPanelOpen.value = false;
       }
-      dataStore.panel.open = true;
+      dataStore.rightPanel.open = true;
     };
 
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
@@ -883,15 +883,15 @@ export default {
         currentPanel.value = key as keyof typeof member.value;
         isPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         let newList = list;
         if (asyncFunction) {
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, member.value);
         }
-        panelList.value = filterList(newList, key);
+        panelList.value = filterList(newList, key); 
         panelValue.value = member.value[currentPanel.value];
         isPanelLoading.value = false;
       } else {
@@ -917,7 +917,7 @@ export default {
 
     const pickPanelValue = (item: Value) => {
       if (formStore.isDisabled[whichForm.value as keyof typeof formStore.isDisabled] === false) {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isPanelOpen.value = false;
         // @ts-ignore
         member.value[currentPanel.value] = item.nameRu === null ? new Value() : item;
@@ -989,7 +989,7 @@ export default {
       familyDialog.value = false;
       selectedFamilyMember.value = {};
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
@@ -1006,20 +1006,20 @@ export default {
       }
       familyDialog.value = false;
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
     const getContragentFromGBDFL = async () => {
       if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       if (!member.value.iin || member.value.iin.length !== useMask().iin.length || !member.value.phoneNumber || member.value.phoneNumber.length !== useMask().phone.length) {
         dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'Номер телефона, ИИН' }), 5000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
@@ -1029,7 +1029,7 @@ export default {
         if (response === true) {
           member.value.gotFromInsis = true;
         }
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
       }
       isButtonLoading.value = false;
@@ -1038,20 +1038,20 @@ export default {
     const getContragent = async () => {
       if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       if (!member.value.iin || member.value.iin.length !== useMask().iin.length) {
         dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'ИИН' }), 5000);
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
         isSearchOpen.value = false;
         return;
       }
       isButtonLoading.value = true;
       await dataStore.getContragent(member.value, false);
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isSearchOpen.value = false;
     };
 
@@ -1245,7 +1245,7 @@ export default {
       }
       otpSending.value = false;
       if (checked === true) {
-        dataStore.panel.open = false;
+        dataStore.rightPanel.open = false;
       }
     };
 
@@ -1255,7 +1255,7 @@ export default {
       if (response) {
         if (member.value.hasAgreement === null) member.value.hasAgreement = response.otpStatus;
         if (response.otpStatus === true) {
-          dataStore.panel.open = false;
+          dataStore.rightPanel.open = false;
         }
       }
       otpSending.value = false;
@@ -1324,7 +1324,7 @@ export default {
     };
 
     const selectMember = async (index: number, update?: boolean) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isButtonLoading.value = true;
       isChangingMember.value = true;
       //@ts-ignore
@@ -1429,9 +1429,9 @@ export default {
     };
 
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           isDocumentOpen.value = false;
           isSearchOpen.value = false;

package/components/Pages/ProductAgreement.vue

@@ -6,13 +6,6 @@
 
 <script lang="ts">
 export default defineComponent({
-  setup() {
-    const dataStore = useDataStore();
-
-    onUnmounted(() => {
-      dataStore.panel.open = false;
-      dataStore.panelAction = null;
-    });
-  },
+  setup() {},
 });
 </script>

package/components/Pages/ProductConditions.vue

@@ -488,7 +488,7 @@
       <base-btn :text="$dataStore.t('buttons.calcSum')" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
       <base-btn :text="$dataStore.t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
     </div>
-    <Teleport v-if="isPanelOpen" to="#panel-actions">
+    <Teleport v-if="isPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -504,7 +504,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isMultiplePanelOpen && calculatorForm.countries !== null" to="#panel-actions">
+    <Teleport v-if="isMultiplePanelOpen && calculatorForm.countries !== null" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <v-fade-transition>
@@ -527,7 +527,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
+    <Teleport v-if="isTermsPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
@@ -542,7 +542,7 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
-    <Teleport v-if="isFixInsAmountPanelOpen" to="#panel-actions">
+    <Teleport v-if="isFixInsAmountPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div class="w-full flex flex-col gap-2 p-2">
@@ -556,7 +556,7 @@
         </div>
       </div>
     </Teleport>
-    <Teleport v-if="isCoverPeriodPanelOpen" to="#panel-actions">
+    <Teleport v-if="isCoverPeriodPanelOpen" to="#right-panel-actions">
       <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div class="w-full flex flex-col gap-2 p-2">
@@ -864,7 +864,7 @@ export default defineComponent({
     };
 
     const pickPanelValue = (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isPanelOpen.value = false;
       isMultiplePanelOpen.value = false;
       if (item.id === null) {
@@ -905,7 +905,7 @@ export default defineComponent({
       }
     };
     const pickTermValue = async (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isTermsPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].coverSumId = item.id as string;
@@ -926,9 +926,9 @@ export default defineComponent({
           isFixInsAmountPanelOpen.value = false;
           isCoverPeriodPanelOpen.value = true;
           dataStore.panelAction = null;
-          dataStore.panel.open = true;
+          dataStore.rightPanel.open = true;
           isMultiplePanelOpen.value = false;
-          dataStore.panel.title = dataStore.t('clients.coveragePeriod');
+          dataStore.rightPanel.title = dataStore.t('clients.coveragePeriod');
         }
       }
     };
@@ -952,8 +952,8 @@ export default defineComponent({
         isFixInsAmountPanelOpen.value = false;
         isCoverPeriodPanelOpen.value = false;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
         isMultiplePanelOpen.value = false;
 
         let newList = list;
@@ -992,8 +992,8 @@ export default defineComponent({
         }
 
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         // @ts-ignore
         multiplePanelList.value = filterList(newList, key);
@@ -1005,7 +1005,7 @@ export default defineComponent({
       }
     };
     const closeMultiplePanel = (item?: CountryValue) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isMultiplePanelOpen.value = false;
       if (!currentPanel.value) return;
       // @ts-ignore
@@ -1031,8 +1031,8 @@ export default defineComponent({
         isCoverPeriodPanelOpen.value = false;
         isTermsPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
 
         let newList;
         if (asyncFunction) {
@@ -1057,8 +1057,8 @@ export default defineComponent({
         isCoverPeriodPanelOpen.value = false;
         isFixInsAmountPanelOpen.value = true;
         dataStore.panelAction = null;
-        dataStore.panel.open = true;
-        dataStore.panel.title = title;
+        dataStore.rightPanel.open = true;
+        dataStore.rightPanel.title = title;
         panelList.value = constants.fixInsAmount;
         fixInsValue.value = String(amount);
       } else {
@@ -1067,7 +1067,7 @@ export default defineComponent({
     };
 
     const pickfixInsValue = (item: Value) => {
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isFixInsAmountPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].amount = Number(item.code);
@@ -1075,7 +1075,7 @@ export default defineComponent({
 
     const pickCoverPeriodValue = (item: Value) => {
       coverPeriodValue.value = item.code as string;
-      dataStore.panel.open = false;
+      dataStore.rightPanel.open = false;
       isCoverPeriodPanelOpen.value = false;
       if (typeof currentIndex.value !== 'number') return;
       additionalTerms.value[currentIndex.value].coverPeriodCode = item.code as string;
@@ -1397,9 +1397,9 @@ export default defineComponent({
       },
     );
     watch(
-      () => dataStore.panel.open,
+      () => dataStore.rightPanel.open,
       () => {
-        if (dataStore.panel.open === false) {
+        if (dataStore.rightPanel.open === false) {
           isPanelOpen.value = false;
           isTermsPanelOpen.value = false;
           dataStore.panelAction = null;

package/components/Panel/PanelHandler.vue

@@ -27,13 +27,29 @@
     </div>
   </section>
   <section v-if="chooseSignActions">
-    <div v-if="!isElectronicContract && !isPaperContract" :class="[$styles.flexColNav]">
-      <base-btn :text="$dataStore.t('buttons.sendOnPaper')" @click="handleSignAction('paper')" />
-      <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="true" @click="handleSignAction('electronic')" />
+    <div v-if="!isElectronicContract && !isPaperContract && !isScansDocuments" :class="[$styles.flexColNav]">
+      <base-btn :text="$dataStore.t('buttons.sendOnPaper')" :disabled="isPaperDisabled" @click="handleSignAction('paper')" />
+      <base-btn :text="$dataStore.t('buttons.sendElectronically')" :disabled="isElectronicDisabled" @click="handleSignAction('electronic')" />
+      <base-btn :text="$dataStore.t('buttons.generatePrintedForms')" :disabled="isScansDisabled" @click="handleSignAction('scans')" />
     </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]">
+      <base-btn :text="$dataStore.t('buttons.downloadStatement')" />
+      <base-btn :text="$dataStore.t('buttons.downloadContract')" />
+      <base-btn :text="$dataStore.t('buttons.downloadApplication')" />
+      <base-btn :text="$dataStore.t('buttons.downloadPowerOfAttorney')" />
+
+      <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)" />
+        <base-file-input :label="$dataStore.t('labels.attachContract')" @input.prevent="onFileChangeScans($event)" />
+        <base-file-input :label="$dataStore.t('labels.attachApplication')" @input.prevent="onFileChangeScans($event)" />
+        <base-file-input :label="$dataStore.t('labels.attachPowerOfAttorney')" @input.prevent="onFileChangeScans($event)" />
+      </base-form-section>
+      <base-btn :text="$dataStore.t('buttons.sign')" :loading="$dataStore.isButtonsLoading" @click="sendFiles" />
+      <base-btn :text="$dataStore.t('buttons.cancel')" :btn="$styles.whiteBtn" @click="isScansDocuments = false" />
+    </div>
   </section>
   <section v-if="signingActions" class="relative">
     <base-fade-transition>
@@ -141,7 +157,7 @@
 </template>
 
 <script lang="ts">
-import { DocumentItem } from '../../composables/classes';
+import { DocumentItem, Value } from '../../composables/classes';
 
 export default defineComponent({
   emits: ['task'],
@@ -152,6 +168,7 @@ export default defineComponent({
     const actionCause = ref<string>('');
     const loading = ref<boolean>(false);
     const isPaperContract = ref<boolean>(false);
+    const isScansDocuments = ref<boolean>(false);
     const isElectronicContract = ref<boolean>(true);
     const email = ref<string>('');
 
@@ -172,6 +189,8 @@ export default defineComponent({
       fileTypeCode: documentDict.value ? documentDict.value.code : '',
     });
     const affiliationFormData = ref(new FormData());
+    const scansFormData = ref(new FormData());
+    const scansFiles = ref<any[]>([]);
 
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
@@ -200,6 +219,42 @@ export default defineComponent({
         }
       }
     };
+
+    const onFileChangeScans = async (event: InputEvent) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length) {
+          const name = files[0].name.substring(0, files[0].name.indexOf('.'));
+          const selectedDocument = dataStore.dicFileTypeList.find((i: Value) => i.nameRu === String(name));
+          const data = {
+            processInstanceId: formStore.applicationData.processInstanceId,
+            fileTypeCode: selectedDocument ? selectedDocument.code : null,
+            fileTypeId: selectedDocument ? selectedDocument.id : null,
+            fileName: files[0].name,
+          };
+          scansFiles.value.push({
+            file: files[0],
+            fileData: JSON.stringify([data]),
+          });
+        }
+      }
+    };
+
+    const sendFiles = async () => {
+      if (scansFiles.value.length !== 4) {
+        dataStore.showToaster('warning', dataStore.t('toaster.notAllDocumentsAttached'));
+        return;
+      }
+      for (const item of scansFiles.value) {
+        scansFormData.value.append('file', item.file);
+        scansFormData.value.append('fileData', item.fileData);
+        await dataStore.uploadFiles(scansFormData.value);
+        scansFormData.value = new FormData();
+      }
+      closePanel();
+      dataStore.showToaster('success', dataStore.t('toaster.successOperation'));
+      await dataStore.handleTask(constants.actions.signed, route.params.taskId as string, actionCause.value);
+    };
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -248,7 +303,7 @@ export default defineComponent({
 
     const onInit = async () => {
       if (dataStore.controls.hasChooseSign) {
-        if (dataStore.isGons) {
+        if (dataStore.isGons || dataStore.isLifeBusiness) {
           isElectronicContract.value = false;
         }
       }
@@ -335,6 +390,24 @@ export default defineComponent({
       }
       return true;
     });
+    const isPaperDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const isElectronicDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      return false;
+    });
+    const isScansDisabled = computed(() => {
+      if (dataStore.isGons) {
+        return true;
+      }
+      return false;
+    });
     const downloadTemplate = async () => {
       dataStore.panel.open = false;
       dataStore.panelAction = null;
@@ -351,7 +424,7 @@ export default defineComponent({
       });
     };
 
-    const handleSignAction = async (type: 'paper' | 'electronic') => {
+    const handleSignAction = async (type: 'paper' | 'electronic' | 'scans') => {
       if (type === 'electronic') {
         await dataStore.signDocument();
         isElectronicContract.value = true;
@@ -359,6 +432,9 @@ export default defineComponent({
       if (type === 'paper') {
         isPaperContract.value = true;
       }
+      if (type === 'scans') {
+        isScansDocuments.value = true;
+      }
     };
 
     const generateDocument = async () => {
@@ -377,6 +453,7 @@ export default defineComponent({
       phoneNumber,
       selectedClient,
       isPaperContract,
+      isScansDocuments,
       email,
       // Functions
       closePanel,
@@ -387,6 +464,8 @@ export default defineComponent({
       onFileChange,
       downloadTemplate,
       sendTemplateToEmail,
+      onFileChangeScans,
+      sendFiles,
       // Computed
       buttonText,
       sendingActions,
@@ -406,6 +485,9 @@ export default defineComponent({
       isElectronicContract,
       handleSignAction,
       generateDocument,
+      isPaperDisabled,
+      isElectronicDisabled,
+      isScansDisabled,
     };
   },
 });

package/components/Panel/RightPanelCloser.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const dataStore = useDataStore();
+
+onUnmounted(() => {
+  dataStore.rightPanel.open = false;
+});
+</script>