hl-core 0.0.8-beta.9 → 0.0.9-beta.1

package/api/index.ts

@@ -1,5 +1,6 @@
-import { useAxios } from '@/composables/axios';
-import { Value, IDocument } from '@/composables/classes';
+import { MemberCodes } from '../types/enum';
+import { useAxios } from '../composables/axios';
+import { Value, IDocument } from '../composables/classes';
 import { AxiosRequestConfig } from 'axios';
 
 enum Methods {
@@ -12,10 +13,6 @@ export class ApiClass {
   private readonly productUrl: string = import.meta.env.VITE_PRODUCT_URL as string;
 
   private async axiosCall<T>(config: AxiosRequestConfig): Promise<T> {
-    const dataStore = useDataStore();
-    if (((dataStore.isEFO || dataStore.isAML) && !this.baseURL) || (!dataStore.isEFO && !dataStore.isAML && (!this.baseURL || !this.productUrl))) {
-      console.error('No Axios baseURL or productURL');
-    }
     const { data } = await useAxios(this.baseURL).request<T>(config);
     return data;
   }
@@ -137,27 +134,62 @@ export class ApiClass {
     });
   }
 
-  async getContragent(queryData: any) {
+  async getDicAnnuityTypeList(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName${queryData.middleName}`,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicAnnuityType',
     });
   }
 
-  async getQuestionList(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaFirst> {
+  async getCurrencies(): Promise<{ eur: number; usd: number }> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Ekk/api/Currency/GetExchange',
+    });
+  }
+
+  async getContragent(queryData: GetContragentRequest): Promise<GetContragentResponse> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName=${queryData.middleName}`,
+    });
+  }
+
+  async getInsurancePay(): Promise<Value[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicBeneficiaryInsurancePay',
+    });
+  }
+
+  async getQuestionList(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaFirst> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
     });
   }
 
-  async getQuestionListSecond(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaSecond[]> {
+  async getClientQuestionList(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaFirst> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/AnketaClient/${surveyType}/${processInstanceId}/${insuredId}`,
+    });
+  }
+
+  async getQuestionListSecond(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaSecond[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
     });
   }
 
+  async getClientQuestionListSecond(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaSecond[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/AnketaClient/${surveyType}/${processInstanceId}/${insuredId}`,
+    });
+  }
+
   async definedAnswers(filter: string) {
     return this.axiosCall({
       method: Methods.GET,
@@ -187,7 +219,7 @@ export class ApiClass {
     });
   }
 
-  async getAdditionalInsuranceTermsAnswers(processCode: string | number, questionId: string) {
+  async getAdditionalInsuranceTermsAnswers(processCode: string | number, questionId: string): Promise<AddCoverAnswer[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Arm/api/Dictionary/ProcessCoverTypeSum/${processCode}/${questionId}`,
@@ -201,14 +233,27 @@ export class ApiClass {
     });
   }
 
-  async getContragentById(id: any) {
+  async getProcessAnnuityPaymentPeriod(processCode: string | number) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Arm/api/Dictionary/ProcessAnnuityPaymentPeriod/${processCode}`,
+    });
+  }
+
+  async getContragentById(id: number): Promise<GetContragentResponse> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Contragent?PersonId=${id}`,
     });
   }
 
-  async saveContragent(data: any) {
+  async saveContragent(data: {
+    contragent: ContragentType;
+    questionaries: ContragentQuestionaries[];
+    contacts: ContragentContacts[];
+    documents: ContragentDocuments[];
+    addresses: ContragentAddress[];
+  }): Promise<number> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Ekk/api/Contragentinsis/SaveContragent`,
@@ -234,28 +279,28 @@ export class ApiClass {
     });
   }
 
-  async getContrAgentData(personId: string | number) {
+  async getContrAgentData(personId: string | number): Promise<ContragentQuestionaries[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Questionaries?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentContacts(personId: string | number) {
+  async getContrAgentContacts(personId: string | number): Promise<ContragentContacts[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Contacts?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentDocuments(personId: string | number) {
+  async getContrAgentDocuments(personId: string | number): Promise<ContragentDocuments[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Documents?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentAddress(personId: string | number) {
+  async getContrAgentAddress(personId: string | number): Promise<ContragentAddress[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Address?PersonId=${personId}`,
@@ -276,6 +321,14 @@ export class ApiClass {
     });
   }
 
+  async registerNumber(data: RegNumberDataType): Promise<string> {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: `/${this.productUrl}/api/Application/FinCenterRegNumberSave`,
+      data: data,
+    });
+  }
+
   async sendSms(data: SmsDataType): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
@@ -319,7 +372,6 @@ export class ApiClass {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Arm/api/Bpm/ProcessList',
-      timeout: 10000,
     });
   }
 
@@ -333,20 +385,20 @@ export class ApiClass {
     });
   }
 
-  async getApplicationData(id: string) {
+  async getApplicationData(id: string): Promise<any> {
     return this.axiosCall({
       url: `/${this.productUrl}/api/Application/applicationData?Id=${id} `,
     });
   }
 
-  async getCalculation(id: string) {
+  async getCalculation(id: string): Promise<Number> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/${this.productUrl}/api/Application/Calculator?processInstanceId=${id}`,
     });
   }
 
-  async setApplication(data: any) {
+  async setApplication(data: { policyAppDto: PolicyAppDto; addCoversDto: AddCover[] }): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/${this.productUrl}/api/Application/SetApplicationData`,
@@ -382,7 +434,7 @@ export class ApiClass {
     });
   }
 
-  async setMember(whichMember: string, data: any) {
+  async setMember(whichMember: keyof typeof MemberCodes, data: any) {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/BpmMembers/Set${whichMember}`,
@@ -390,28 +442,35 @@ export class ApiClass {
     });
   }
 
-  async deleteMember(whichMember: string, id: number | string) {
+  async deleteMember(whichMember: keyof typeof MemberCodes, id: number | string) {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/BpmMembers/Delete${whichMember}/${id}`,
     });
   }
 
-  async getInvoiceData(processInstanceId: string): Promise<EpayResponse> {
+  async getInvoiceData(processInstanceId: string | number): Promise<EpayResponse> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Arm/api/Invoice/InvoiceData?processInstanceId=${processInstanceId}`,
     });
   }
 
-  async createInvoice(processInstanceId: string, amount: number | string): Promise<string> {
+  async getProcessHistoryLog(historyId: string) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Arm/api/Bpm/ProcessHistoryLog/${historyId}`,
+    });
+  }
+
+  async createInvoice(processInstanceId: string | number, amount: number | string): Promise<string> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Invoice/CreateInvoice/${processInstanceId}/${amount}`,
     });
   }
 
-  async sendToEpay(processInstanceId: string): Promise<EpayShortResponse> {
+  async sendToEpay(processInstanceId: string | number): Promise<EpayShortResponse> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Invoice/SendToEpay/${processInstanceId}`,
@@ -426,7 +485,7 @@ export class ApiClass {
     });
   }
 
-  async getSignedDocList(data: { processInstanceId: string }): Promise<IDocument[]> {
+  async getSignedDocList(data: { processInstanceId: string | number }): Promise<IDocument[]> {
     return this.axiosCall({
       method: Methods.POST,
       url: '/File/api/Data/List',
@@ -434,18 +493,18 @@ export class ApiClass {
     });
   }
 
-  async calculateWithoutApplication(data: RecalculationDataType): Promise<RecalculationResponseType> {
+  async calculateWithoutApplication(data: RecalculationDataType, product: string | undefined | null = this.productUrl): Promise<RecalculationResponseType> {
     return this.axiosCall({
       method: Methods.POST,
-      url: `/${this.productUrl}/api/Application/Calculate`,
+      url: `/${product}/api/Application/Calculate`,
       data: data,
     });
   }
 
-  async getDefaultCalculationData(): Promise<RecalculationDataType> {
+  async getDefaultCalculationData(product: string | undefined | null = this.productUrl): Promise<RecalculationDataType> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/${this.productUrl}/api/Application/DefaultCalculatorValues`,
+      url: `/${product}/api/Application/DefaultCalculatorValues`,
     });
   }
 
@@ -516,7 +575,7 @@ export class ApiClass {
     });
   }
 
-  async sendUnderwritingCouncilTask(data: any) {
+  async sendUnderwritingCouncilTask(data: Partial<SendTask>): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
       url: '/Arm/api/UnderwritingCouncil/SendTask',
@@ -531,14 +590,14 @@ export class ApiClass {
     });
   }
 
-  async filterManagerByRegion(dictName: string, filterName: string) {
+  async filterManagerByRegion(dictName: string, filterName: string): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/ContragentInsis/DictionaryItems/${dictName}?filter=${filterName}`,
     });
   }
 
-  async setINSISWorkData(data: any) {
+  async setINSISWorkData(data: InsisWorkDataApp) {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Bpm/SetInsisWorkData`,
@@ -552,4 +611,11 @@ export class ApiClass {
       url: `/Ekk/api/ContragentInsis/AgentByName?fullName=${name}`,
     });
   }
+
+  async isCourseChanged(processInstanceId: string): Promise<boolean> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/IsCourseChanged?processInstanceId=${processInstanceId}`,
+    });
+  }
 }

package/api/interceptors.ts

@@ -4,7 +4,9 @@ export default function (axios: AxiosInstance) {
   axios.interceptors.request.use(
     request => {
       const dataStore = useDataStore();
-      request.headers.Authorization = `Bearer ${dataStore.accessToken}`;
+      if (dataStore.accessToken) {
+        request.headers.Authorization = `Bearer ${dataStore.accessToken}`;
+      }
       return request;
     },
     error => {
@@ -17,19 +19,21 @@ export default function (axios: AxiosInstance) {
     },
     error => {
       const dataStore = useDataStore();
-      const router = useRouter();
-      if (error.response.status === 401) {
-        dataStore.$reset();
-        localStorage.clear();
-        if (dataStore.isEFO || dataStore.isAML) {
-          router.push({ name: 'Auth', query: { error: 401 } });
-        } else {
-          dataStore.sendToParent(constants.postActions.Error401, 401);
+      if (!dataStore.isCalculator) {
+        const router = useRouter();
+        if (error.response.status === 401) {
+          dataStore.$reset();
+          localStorage.clear();
+          if (dataStore.isBridge) {
+            router.push({ name: 'Auth', query: { error: 401 } });
+          } else {
+            dataStore.sendToParent(constants.postActions.Error401, 401);
+          }
         }
-      }
-      if (error.response.status >= 500) {
-        if (router.currentRoute.value.name !== 'Auth') {
-          dataStore.showToaster('error', error.stack, 5000);
+        if (error.response.status >= 500) {
+          if (router.currentRoute.value.name !== 'Auth') {
+            dataStore.showToaster('error', error.stack, 5000);
+          }
         }
       }
       return Promise.reject(error);

package/components/Button/Btn.vue

@@ -11,7 +11,7 @@
       $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
     ]"
   >
-    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2"></base-loader>
+    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2" />
     <span v-if="!loading">{{ text }}</span>
   </button>
 </template>

package/components/Button/ScrollButtons.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="absolute bottom-[12%] right-1 flex flex-col gap-4">
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')"></v-btn>
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')"></v-btn>
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')" />
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')" />
   </div>
 </template>

package/components/Complex/Page.vue

@@ -9,7 +9,7 @@
       :title="title"
       @onBack="$emit('onBack')"
       @onMore="$emit('onMore')"
-    ></base-header>
+    />
     <slot></slot>
   </base-content>
 </template>

package/components/Dialog/Dialog.vue

@@ -1,17 +1,18 @@
 <template>
-  <v-dialog v-model="fieldModel">
+  <v-dialog :model-value="modelValue" @update:modelValue="$emit('update:modelValue', $event)" :persistent="true">
     <v-card class="self-center w-full sm:w-3/4 md:w-2/3 lg:w-2/4 xl:w-[600px] rounded-lg !p-2">
       <v-card-title>
         <slot v-if="!title" name="title"></slot>
         {{ title }}
+        <v-btn class="!absolute top-2 right-3" icon="mdi mdi-window-close" variant="plain" @click="$emit('update:modelValue', null)" />
       </v-card-title>
       <v-card-subtitle>
         <slot v-if="!subtitle" name="subtitle"></slot>
         {{ subtitle }}
       </v-card-subtitle>
-      <v-card-actions class="gap-[16px]">
-        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.yes')" :btn="$libStyles.blueBtn" @click="$emit('yes')"></base-btn>
-        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$t('confirm.no')" :btn="$libStyles.blueBtn" @click="$emit('no')" />
+      <v-card-actions class="gap-[16px] m-2">
+        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$dataStore.t('confirm.yes')" :btn="$libStyles.blueBtn" @click="$emit('yes')" />
+        <base-btn v-if="actions === 'default'" class="!w-fit px-6" size="sm" :text="$dataStore.t('confirm.no')" :btn="$libStyles.blueBtn" @click="$emit('no')" />
         <slot v-if="actions !== 'default'" name="actions"></slot>
       </v-card-actions>
     </v-card>
@@ -27,7 +28,9 @@ export default defineComponent({
     },
     title: {
       type: String,
-      default: '',
+      default() {
+        return useDataStore().t('dialog.title');
+      },
     },
     subtitle: {
       type: String,
@@ -38,39 +41,6 @@ export default defineComponent({
       default: 'default',
     },
   },
-  emits: ['update:modelValue', 'submitted', 'yes', 'no'],
-  setup(props, { emit }) {
-    const fieldModel = ref(props.modelValue);
-
-    const updateValue = (event: boolean) => {
-      fieldModel.value = event;
-    };
-
-    const submitted = (event: any) => {
-      emit('submitted', event);
-    };
-
-    watch(
-      fieldModel,
-      () => {
-        emit('update:modelValue', fieldModel.value);
-      },
-      { immediate: true },
-    );
-
-    watch(
-      () => props.modelValue,
-      () => {
-        fieldModel.value = props.modelValue;
-      },
-      { immediate: true },
-    );
-
-    return {
-      fieldModel,
-      submitted,
-      updateValue,
-    };
-  },
+  emits: ['update:modelValue', 'yes', 'no'],
 });
 </script>

package/components/Dialog/FamilyDialog.vue

@@ -1,7 +1,10 @@
 <template>
   <v-list lines="two" v-if="formStore.birthInfos && formStore.birthInfos.length" class="w-full !py-0">
-    <v-list-item @click="$emit('reset')" :append-icon="selected && Object.keys(selected).length === 0 ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]'">
-      <v-list-item-title :class="[$libStyles.greenText, $libStyles.textTitle]">{{ $t('form.notChosen') }}</v-list-item-title>
+    <v-list-item
+      @click="$emit('reset')"
+      :append-icon="selected && Object.keys(selected).length === 0 ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]'"
+    >
+      <v-list-item-title :class="[$libStyles.greenText, $libStyles.textTitle]">{{ $dataStore.t('form.notChosen') }}</v-list-item-title>
     </v-list-item>
     <v-list-item
       v-for="familyMember of formStore.birthInfos"
@@ -13,12 +16,12 @@
         `${familyMember.childSurName} ${familyMember.childName} ${familyMember.childPatronymic ? familyMember.childPatronymic : ''}`
       }}</v-list-item-title>
       <v-list-item-subtitle :class="[$libStyles.textSimple]"
-        ><span>{{ `${$t('form.iin')}:` }}</span
+        ><span>{{ `${$dataStore.t('form.iin')}:` }}</span
         >{{ ` ${$reformatIin(familyMember.childIIN!)}` }}</v-list-item-subtitle
       >
     </v-list-item>
   </v-list>
-  <base-list-empty class="w-full" v-else></base-list-empty>
+  <base-list-empty class="w-full" v-else />
 </template>
 
 <script lang="ts">

package/components/Form/FormBlock.vue

@@ -1,23 +1,33 @@
 <template>
   <div class="pt-3 rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
     <div class="ml-5">
-      <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ title }}</p>
+      <div class="flex justify-between mr-5">
+        <p :class="[$libStyles.textTitle, $libStyles.greenText]">{{ title }}</p>
+        <div
+          v-if="isMultiple && more && !isShort && isActionsAvailable"
+          :class="[$libStyles.blueBg, $libStyles.whiteText, $libStyles.textSimple, disabled ? $libStyles.disabled : 'cursor-pointer']"
+          class="lg:flex transition-all rounded-lg h-[36px] flex items-center font-medium justify-center opacity-50 hover:opacity-90 w-[120px]"
+          @click="!disabled && memberStore.addMember(whichForm)"
+        >
+          {{ $dataStore.t('buttons.add') }}
+        </div>
+      </div>
       <p v-if="!!subtitle" :class="[$libStyles.greyText, $libStyles.textSimple]">{{ subtitle }}</p>
     </div>
     <div
       class="ml-5 mt-6 grid auto-rows-fr items-center"
       :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2 mb-6' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7 ']"
     >
-      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.fullName') }}</span>
-      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $t('form.iin') }}</span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('form.gender') }}</span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium"> {{ $t('form.birthDate') }} </span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('form.Country') }} </span>
-      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $t('code') }}</span>
+      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('form.fullName') }}</span>
+      <span :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('form.iin') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $dataStore.t('form.gender') }}</span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium"> {{ $dataStore.t('form.birthDate') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('form.Country') }} </span>
+      <span v-if="!isShort" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block"> {{ $dataStore.t('code') }}</span>
     </div>
-    <div v-if="isMultiple" class="ml-5 flex flex-col" :class="[isShort ? 'mb-6' : '']">
+    <div v-if="isMultiple && multipleMember !== null" class="ml-5 flex flex-col" :class="[isShort ? 'mb-6' : '']">
       <div
-        v-for="(each, index) of member"
+        v-for="(each, index) of multipleMember"
         :key="index"
         class="grid auto-rows-fr items-center relative"
         :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7']"
@@ -34,43 +44,50 @@
           :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
           @click="!disabled && $emit('onMore', { whichForm, index })"
         >
-          <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
+          <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
         </div>
       </div>
     </div>
     <div
-      v-else
+      v-if="singleMember !== null"
       class="ml-5 grid auto-rows-fr items-center relative"
       :class="[isShort ? 'grid-cols-2 md:gap-5 md:grid-cols-2 lg:grid-cols-2' : 'grid-cols-4 md:gap-5 md:grid-cols-4 lg:grid-cols-7']"
     >
-      <span :class="[getMemberInfo(member).fullName === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(member).fullName }}</span>
-      <span :class="[getMemberInfo(member).iin === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(member).iin }}</span>
-      <span v-if="!isShort" :class="[getMemberInfo(member).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ getMemberInfo(member).gender }} </span>
-      <span v-if="!isShort" :class="[getMemberInfo(member).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(member).birthDate }} </span>
-      <span v-if="!isShort" :class="[getMemberInfo(member).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).birthPlace }} </span>
-      <span v-if="!isShort" :class="[getMemberInfo(member).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ getMemberInfo(member).sectorCode }} </span>
+      <span :class="[getMemberInfo(singleMember).fullName === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(singleMember).fullName }}</span>
+      <span :class="[getMemberInfo(singleMember).iin === null && $libStyles.emptyBlockCol]">{{ getMemberInfo(singleMember).iin }}</span>
+      <span v-if="!isShort" :class="[getMemberInfo(singleMember).gender === null && $libStyles.emptyBlockCol]" class="hidden lg:block"
+        >{{ getMemberInfo(singleMember).gender }}
+      </span>
+      <span v-if="!isShort" :class="[getMemberInfo(singleMember).birthDate === null && $libStyles.emptyBlockCol]"> {{ getMemberInfo(singleMember).birthDate }} </span>
+      <span v-if="!isShort" :class="[getMemberInfo(singleMember).birthPlace === null && $libStyles.emptyBlockCol]" class="hidden lg:block">
+        {{ getMemberInfo(singleMember).birthPlace }}
+      </span>
+      <span v-if="!isShort" :class="[getMemberInfo(singleMember).sectorCode === null && $libStyles.emptyBlockCol]" class="hidden lg:block">
+        {{ getMemberInfo(singleMember).sectorCode }}
+      </span>
       <div
         v-if="!isShort"
         class="rounded-br-lg transition-all h-[70px] w-[60px] place-self-end"
         :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
         @click="!disabled && $emit('onMore', { whichForm })"
       >
-        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"> </i>
+        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
       </div>
     </div>
     <div
-      v-if="isMultiple && more && !isShort"
+      v-if="isMultiple && more && !isShort && isActionsAvailable"
       :class="[$libStyles.blueBg, $libStyles.whiteText, $libStyles.textSimple, disabled ? $libStyles.disabled : 'cursor-pointer']"
-      class="rounded-b-lg h-[36px] flex items-center font-medium justify-center"
+      class="lg:hidden transition-all rounded-b-lg h-[36px] flex items-center font-medium justify-center opacity-50 hover:opacity-90"
       @click="!disabled && memberStore.addMember(whichForm)"
     >
-      {{ $t('buttons.add') }}
+      {{ $dataStore.t('buttons.add') }}
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { Member } from '@/composables/classes';
+import { StoreMembers } from '../../types/enum';
+import { Member } from '../../composables/classes';
 
 export default defineComponent({
   props: {
@@ -83,7 +100,7 @@ export default defineComponent({
       default: '',
     },
     whichForm: {
-      type: String as PropType<MemberFormTypes>,
+      type: String as PropType<keyof typeof StoreMembers>,
       default: '',
     },
     more: {
@@ -101,14 +118,18 @@ export default defineComponent({
   },
   emits: ['onMore', 'addMember'],
   setup(props) {
-    const dataStore = useDataStore();
     const formStore = useFormStore();
     const memberStore = useMemberStore();
-    const multipleMembers = ['insuredForm', 'beneficiaryForm', 'beneficialOwnerForm'];
-    const isMultiple = ref(multipleMembers.includes(props.whichForm));
-    const member: Member = formStore[props.whichForm as MemberKeys];
+    const isMultiple = computed(() => [StoreMembers.insuredForm, StoreMembers.beneficiaryForm, StoreMembers.beneficialOwnerForm].includes(props.whichForm as StoreMembers));
+    const singleMember: Member | null =
+      props.whichForm === StoreMembers.policyholderForm || props.whichForm === StoreMembers.policyholdersRepresentativeForm ? formStore[props.whichForm] : null;
+    const multipleMember: Member[] | null =
+      props.whichForm === StoreMembers.insuredForm || props.whichForm === StoreMembers.beneficiaryForm || props.whichForm === StoreMembers.beneficialOwnerForm
+        ? formStore[props.whichForm]
+        : null;
 
     const isShort = computed(() => props.type === 'short');
+    const isActionsAvailable = computed(() => memberStore.isStatementEditible(props.whichForm));
 
     const getMemberInfo = (memberData: Member) => {
       return {
@@ -125,11 +146,13 @@ export default defineComponent({
       // State
       formStore,
       memberStore,
-      member,
+      singleMember,
+      multipleMember,
       isMultiple,
 
       // Computed
       isShort,
+      isActionsAvailable,
 
       // Functions
       getMemberInfo,