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

package/components/Pages/MemberForm.vue

@@ -1,65 +1,80 @@
 <template>
   <section class="flex flex-col gap-4 px-[10px]">
     <v-form v-if="member" ref="vForm" @submit="submitForm" class="max-h-[82svh] overflow-y-scroll">
-      <base-form-section :title="$t('form.personalData')">
+      <div v-if="memberSetting.has === true && memberSetting.isMultiple === true" class="flex items-center mt-[14px] min-h-[54px]">
+        <div :class="[$libStyles.blueBgLight]" class="flex flex-wrap items-center gap-2 p-1 rounded-t-[8px] h-full">
+          <div
+            v-for="(each, index) of formStore[whichForm as MemberKeys]"
+            :key="index"
+            class="pl-3 pr-1 py-1 rounded-[8px] cursor-pointer flex items-center"
+            :class="[Number(whichIndex) === index ? `${$libStyles.blueBg} ${$libStyles.whiteText}` : '', $libStyles.textSimple]"
+            @click.self="index !== Number(whichIndex) ? selectMember(index) : null"
+          >
+            {{ `${$dataStore.menu.selectedItem.title} ${index + 1}` }}
+            <v-btn
+              icon="mdi-close !text-[20px]"
+              size="x-small"
+              :disabled="!memberStore.canMemberDeleted((whichForm as MemberKeys), index) && !memberStore.canMemberCleared((whichForm as MemberKeys), index)"
+              variant="plain"
+              :color="Number(whichIndex) === index ? '#FFF' : '#A0B3D8'"
+              @click.prevent="
+                memberStore.canMemberDeleted(whichForm as MemberKeys, index) || memberStore.canMemberCleared(whichForm as MemberKeys, index) ? deleteMember(index) : null
+              "
+            ></v-btn>
+          </div>
+        </div>
+        <v-btn class="ml-2" icon="mdi-plus !text-[24px]" @click="memberStore.addMember(whichForm as MemberKeys)" size="small" color="#A0B3D8" variant="tonal"></v-btn>
+      </div>
+      <base-form-section :title="$t('form.personalData')" :class="[memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']">
+        <base-form-input
+          v-model="member.phoneNumber"
+          :label="$t('form.phoneNumber')"
+          :maska="$maska.phone"
+          :readonly="!!isDisabled || !!isIinPhoneDisabled"
+          :clearable="!isDisabled"
+          :append-inner-icon="otpCondition ? 'mdi mdi-phone-message' : ''"
+          @append="openCustomPanel('otp')"
+          @keyup.enter.prevent="otpCondition ? openCustomPanel('otp') : null"
+          :rules="phoneRule"
+        ></base-form-input>
         <base-form-input
           v-model="member.iin"
           :label="$t('form.iin')"
           :maska="$maska.iin"
-          :readonly="isDisabled || isIinPhoneDisabled"
+          :readonly="!!isDisabled || !!isIinPhoneDisabled"
           :clearable="!isDisabled"
           :append-inner-icon="showSaveButton ? 'mdi mdi-magnify' : ''"
           @append="searchMember"
+          @input="onIinInput"
           :rules="$rules.required.concat($rules.iinRight)"
         ></base-form-input>
         <base-form-input
-          v-model="member.phoneNumber"
-          :label="$t('form.phoneNumber')"
-          :maska="$maska.phone"
-          :readonly="isDisabled || isIinPhoneDisabled"
-          :clearable="!isDisabled"
-          :append-inner-icon="otpCondition ? 'mdi mdi-phone-message' : ''"
-          @append="sendOtp(false)"
-          @keyup.enter.prevent="otpCondition ? sendOtp(false) : null"
-          :rules="phoneRule"
-        ></base-form-input>
-        <base-fade-transition>
-          <base-form-input
-            v-if="otpCondition && member.otpTokenId"
-            v-model="member.otpCode"
-            :label="$t('form.otpCode')"
-            :maska="$maska.otp"
-            :append-inner-icon="hasOtp ? 'mdi mdi-check' : ''"
-            @keyup.enter.prevent="hasOtp ? checkOtp() : null"
-          ></base-form-input>
-        </base-fade-transition>
-        <base-form-input
-          v-model="member.lastName"
+          v-model.trim="member.lastName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
           :label="$t('form.lastName')"
           :rules="$rules.required.concat($rules.cyrillic)"
         ></base-form-input>
         <base-form-input
-          v-model="member.firstName"
+          v-model.trim="member.firstName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
           :label="$t('form.firstName')"
           :rules="$rules.required.concat($rules.cyrillic)"
         ></base-form-input>
         <base-form-input
-          v-model="member.middleName"
+          v-model.trim="member.middleName"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
           :label="$t('form.middleName')"
-          :rules="$rules.required.concat($rules.cyrillic)"
+          :rules="$rules.cyrillicNonRequired"
         ></base-form-input>
         <base-form-input
           v-model="member.birthDate"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
           :label="$t('form.birthDate')"
-          :rules="$rules.required.concat($rules.birthDate)"
+          :rules="birthDateRule"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
@@ -75,6 +90,7 @@
           @append="openPanel($t('form.gender'), $dataStore.gender, 'gender')"
         ></base-panel-input>
         <base-panel-input
+          v-if="hasFamilyStatus"
           v-model="member.familyStatus"
           :value="member.familyStatus.nameRu"
           :readonly="isDisabled"
@@ -98,8 +114,8 @@
         <base-form-input
           v-if="whichForm === formStore.beneficiaryFormKey"
           v-model="member.percentageOfPayoutAmount"
-          :readonly="isDisabled"
-          :clearable="!isDisabled"
+          :readonly="memberSetting.isMultiple === false ? true : isDisabled"
+          :clearable="memberSetting.isMultiple === false ? false : !isDisabled"
           :label="$t('form.percentageOfPayoutAmount')"
           :rules="$rules.required.concat($rules.numbers)"
         ></base-form-input>
@@ -107,35 +123,35 @@
       </base-form-section>
       <base-form-section :title="$t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
         <base-form-input
-          v-model="member.fullNameRod"
+          v-model.trim="member.fullNameRod"
           :label="$t('policyholdersRepresentative.NameParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
         ></base-form-input>
         <base-form-input
-          v-model="member.confirmDocTypeKz"
+          v-model.trim="member.confirmDocTypeKz"
           :label="$t('policyholdersRepresentative.basisDocKz')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
         ></base-form-input>
         <base-form-input
-          v-model="member.confirmDocType"
+          v-model.trim="member.confirmDocType"
           :label="$t('policyholdersRepresentative.basisDocRu')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
         ></base-form-input>
         <base-form-input
-          v-model="member.confirmDocTypeRod"
+          v-model.trim="member.confirmDocTypeRod"
           :label="$t('policyholdersRepresentative.basisDocRuParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
         ></base-form-input>
         <base-form-input
-          v-model="member.confirmDocNumber"
+          v-model.trim="member.confirmDocNumber"
           :label="$t('policyholdersRepresentative.numberDoc')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -159,7 +175,7 @@
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
-        <base-form-input v-model="member.migrationCard" :label="$t('policyholdersRepresentative.numberVisa')"></base-form-input>
+        <base-form-input v-model.trim="member.migrationCard" :label="$t('policyholdersRepresentative.numberVisa')"></base-form-input>
         <base-form-input
           v-model="member.migrationCardIssueDate"
           :label="$t('form.documentDate')"
@@ -185,21 +201,21 @@
           :title="$t('policyholdersRepresentative.confirmAuthority')"
         ></base-form-toggle>
         <base-form-input
-          v-model="member.notaryLongName"
+          v-model.trim="member.notaryLongName"
           :label="$t('policyholdersRepresentative.name')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
         ></base-form-input>
         <base-form-input
-          v-model="member.notaryLicenseNumber"
+          v-model.trim="member.notaryLicenseNumber"
           :label="$t('policyholdersRepresentative.numberLicense')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
         ></base-form-input>
         <base-form-input
-          v-model="member.notaryLicenseIssuer"
+          v-model.trim="member.notaryLicenseIssuer"
           :label="$t('policyholdersRepresentative.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -216,11 +232,18 @@
         ></base-form-input>
       </base-form-section>
       <base-form-section :title="$t('form.jobData')" v-if="$dataStore.hasJobSection(whichForm)">
-        <base-form-input v-model="member.job" :label="$t('form.job')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
-        <base-form-input v-model="member.jobPosition" :label="$t('form.jobPosition')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
-        <base-form-input v-model="member.jobPlace" :label="$t('form.jobPlace')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
+        <base-form-input v-model.trim="member.job" :label="$t('form.job')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
+        <base-form-input v-model.trim="member.jobPosition" :label="$t('form.jobPosition')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
+        <base-form-input v-model.trim="member.jobPlace" :label="$t('form.jobPlace')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required"></base-form-input>
       </base-form-section>
       <base-form-section :title="$t('form.placeRegistration')" v-if="$dataStore.hasPlaceSection(whichForm)">
+        <base-form-toggle
+          v-if="whichForm === formStore.beneficiaryFormKey"
+          v-model="sameAddress"
+          :disabled="isDisabled"
+          :has-border="false"
+          :title="$t('form.sameAddress')"
+        ></base-form-toggle>
         <base-panel-input
           v-model="member.registrationCountry"
           :value="member.registrationCountry.nameRu"
@@ -276,23 +299,23 @@
             ></base-panel-input>
             <!-- <base-form-input v-if="$dataStore.isGons" v-model="member.postIndex" :readonly="isDisabled"
           :clearable="!isDisabled" :label="$t('form.postIndex')" :maska="$maska.post"></base-form-input> -->
-            <base-form-input v-model="member.registrationQuarter" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.Quarter')"></base-form-input>
-            <base-form-input v-model="member.registrationMicroDistrict" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.MicroDistrict')"></base-form-input>
+            <base-form-input v-model.trim="member.registrationQuarter" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.Quarter')"></base-form-input>
+            <base-form-input v-model.trim="member.registrationMicroDistrict" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.MicroDistrict')"></base-form-input>
             <base-form-input
-              v-model="member.registrationStreet"
+              v-model.trim="member.registrationStreet"
               :rules="$rules.required"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :label="$t('form.Street')"
             ></base-form-input>
             <base-form-input
-              v-model="member.registrationNumberHouse"
+              v-model.trim="member.registrationNumberHouse"
               :rules="$rules.required"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :label="$t('form.NumberHouse')"
             ></base-form-input>
-            <base-form-input v-model="member.registrationNumberApartment" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.NumberApartment')"></base-form-input>
+            <base-form-input v-model.trim="member.registrationNumberApartment" :readonly="isDisabled" :clearable="!isDisabled" :label="$t('form.NumberApartment')"></base-form-input>
           </div>
         </base-fade-transition>
       </base-form-section>
@@ -331,7 +354,7 @@
           @append="openPanel($t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
         ></base-panel-input>
         <base-form-input
-          v-model="member.documentNumber"
+          v-model.trim="member.documentNumber"
           :label="$t('form.documentNumber')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -436,6 +459,17 @@
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
         ></base-panel-input>
+        <base-panel-input
+          v-if="hasInsurancePay"
+          v-model="member.insurancePay"
+          :value="member.insurancePay.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('form.insurancePay')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('form.insurancePay'), $dataStore.insurancePay, 'insurancePay', $dataStore.getInsurancePay)"
+        ></base-panel-input>
       </base-form-section>
       <base-form-section :title="$t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
         <base-form-input
@@ -480,6 +514,24 @@
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')"></base-btn>
       </div>
     </Teleport>
+    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
+      <div :class="[$libStyles.flexColNav]">
+        <base-fade-transition>
+          <base-rounded-input
+            v-if="otpCondition && member.otpTokenId"
+            v-model="member.otpCode"
+            :label="$t('form.otpCode')"
+            :maska="$maska.otp"
+            :append-inner-icon="hasOtp ? 'mdi-cellphone-message text-[17px]' : ''"
+            hide-details
+            @keyup.enter.prevent="hasOtp ? checkOtp() : null"
+            @input="onOtpCodeInput"
+          ></base-rounded-input>
+        </base-fade-transition>
+        <base-btn v-if="!member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$t('buttons.sendOtp')" @click="sendOtp(false)"></base-btn>
+        <base-btn v-if="member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$t('buttons.check')" @click="checkOtp()"></base-btn>
+      </div>
+    </Teleport>
     <base-dialog v-model="familyDialog" :title="$t('dialog.familyMember')" actions="familyDialog">
       <template #actions>
         <base-family-dialog :selected="selectedFamilyMember" @selectFamilyMember="selectFamilyMember" @reset="closeFamilyDialog(true)"></base-family-dialog>
@@ -491,7 +543,7 @@
 
 <script lang="ts">
 import { LocationQueryValue } from 'vue-router';
-import { Value, DocumentItem } from '@/composables/classes';
+import { Value, DocumentItem, Member } from '@/composables/classes';
 import { uuid } from 'vue-uuid';
 
 export default {
@@ -511,10 +563,14 @@ export default {
     const isButtonLoading = ref<boolean>(false);
     const isSubmittingForm = ref<boolean>(false);
     const documentLoading = ref<boolean>(false);
+    const otpSending = ref<boolean>(false);
     const isSearchOpen = ref<boolean>(false);
     const isDocumentOpen = ref<boolean>(false);
+    const isOtpPanelOpen = ref<boolean>(false);
     const isPanelLoading = ref<boolean>(false);
+    const isChangingMember = ref<boolean>(false);
     const familyDialog = ref<boolean>(false);
+    const sameAddress = ref<boolean>(false);
     const panelValue = ref<Value>(new Value());
     const panelList = ref<Value[]>([]);
     const currentPanel = ref<keyof typeof member.value>();
@@ -523,10 +579,11 @@ export default {
 
     const whichForm = computed(() => route.query.tab);
     const whichIndex = computed(() => route.query.i);
+    const memberSetting = computed(() => dataStore.members[memberStore.getMemberApplicationCode(whichForm.value as MemberKeys) as keyof typeof dataStore.members]);
     const hasOtp = computed(() => member.value.otpCode && member.value.otpCode.length === useMask().otp.length);
     const isDisabled = computed(() => !memberStore.isStatementEditible(whichForm.value as string));
     const isTask = computed(() => route.params.taskId === '0' || dataStore.isTask());
-    const isIinPhoneDisabled = computed(() => formStore.applicationData && 'regNumber' in formStore.applicationData && whichForm.value === formStore.policyholderFormKey);
+    const isIinPhoneDisabled = computed(() => member.value.hasAgreement);
     const isFromGBD = computed(() => !!member.value.gosPersonData);
     const showSaveButton = computed(() => {
       const generalCondition = !isDisabled.value && !!isTask.value && !!dataStore.isInitiator();
@@ -546,14 +603,39 @@ export default {
       return generalCondition && perMemberCondtion();
     });
 
-    const hasGBDFL = computed(() => dataStore.controls.hasGBDFL && !hasGKB.value);
+    const hasGBDFL = computed(() => {
+      const perMemberCondition = () => {
+        switch (whichForm.value) {
+          case formStore.beneficiaryFormKey: {
+            if (dataStore.isKazyna || dataStore.isLiferenta) {
+              return !!member.value.iin;
+            }
+            if (dataStore.isBolashak || dataStore.isGons) {
+              return false;
+            }
+            return true;
+          }
+          case formStore.insuredFormKey:
+          case formStore.beneficiaryFormKey:
+          case formStore.beneficialOwnerFormKey:
+          case formStore.policyholdersRepresentativeFormKey:
+            return true;
+          default:
+            return true;
+        }
+      };
+      return dataStore.controls.hasGBDFL && perMemberCondition();
+    });
     const hasInsis = computed(() => dataStore.controls.hasInsis);
     const hasGKB = computed(() => {
-      const byProductCondition = dataStore.isGons || dataStore.isBolashak;
       const perMemberCondition = () => {
         switch (whichForm.value) {
-          case formStore.beneficiaryFormKey:
+          case formStore.beneficiaryFormKey: {
+            if (dataStore.isKazyna || dataStore.isLiferenta) {
+              return !member.value.iin;
+            }
             return member.value.id === 0;
+          }
           case formStore.policyholderFormKey:
           case formStore.insuredFormKey:
           case formStore.beneficialOwnerFormKey:
@@ -563,56 +645,84 @@ export default {
             return false;
         }
       };
-      return dataStore.controls.hasGKB && !!dataStore.isTask() && byProductCondition && perMemberCondition();
+      return dataStore.controls.hasGKB && !!dataStore.isTask() && perMemberCondition();
+    });
+
+    const hasFamilyStatus = computed(() => {
+      if (whichForm.value === formStore.beneficiaryFormKey) {
+        if (dataStore.isBolashak) {
+          return false;
+        }
+      }
+      return true;
+    });
+    const hasInsurancePay = computed(() => {
+      if (whichForm.value === formStore.beneficiaryFormKey) {
+        if (dataStore.isBolashak || dataStore.isLiferenta) {
+          return true;
+        }
+      }
+      return false;
     });
 
+    const birthDateRule = computed(() => {
+      const baseDateRule = dataStore.rules.required.concat(dataStore.rules.birthDate);
+      const byMemverAndProductRule = () => {
+        if (whichForm.value === formStore.policyholderFormKey) {
+          if (dataStore.isGons || dataStore.isBolashak || dataStore.isBaiterek) {
+            return dataStore.rules.age18ByDate;
+          }
+        }
+        if (whichForm.value === formStore.insuredFormKey) {
+          if (dataStore.isBolashak || dataStore.isBaiterek) {
+            return dataStore.rules.age18ByDate;
+          }
+        }
+        return [];
+      };
+      return baseDateRule.concat(byMemverAndProductRule());
+    });
     const ageRule = computed(() => {
-      const baseAgeRule = dataStore.rules.required.concat(dataStore.rules.numbers);
+      const baseAgeRule = dataStore.rules.numbers;
       const byMemberAndProductRule = () => {
-        switch (whichForm.value) {
-          case formStore.policyholderFormKey: {
-            if (dataStore.isGons || dataStore.isBolashak) {
-              return dataStore.rules.policyholderAgeLimit;
-            }
+        if (whichForm.value === formStore.policyholderFormKey) {
+          if (dataStore.isGons || dataStore.isBolashak || dataStore.isBaiterek) {
+            return dataStore.rules.age18;
           }
-          case formStore.beneficiaryFormKey: {
-            if (dataStore.isBolashak) {
-              return dataStore.rules.beneficiaryAgeLimit;
-            }
+        }
+        if (whichForm.value === formStore.beneficiaryFormKey) {
+          if (dataStore.isBolashak) {
+            return dataStore.rules.beneficiaryAgeLimit;
+          }
+        }
+        if (whichForm.value === formStore.insuredFormKey) {
+          if (dataStore.isBaiterek || dataStore.isBolashak) {
+            return dataStore.rules.age18;
           }
-          default:
-            return [];
         }
+        return [];
       };
       return baseAgeRule.concat(byMemberAndProductRule());
     });
 
     const phoneRule = computed(() => {
       const basePhoneRule = dataStore.rules.required.concat(dataStore.rules.phoneFormat);
-      const byMemberAndProductRule = () => {
-        switch (whichForm.value) {
-          case formStore.beneficiaryFormKey: {
-            if (dataStore.isGons || dataStore.isBolashak) {
-              return [];
-            }
-          }
-          default:
-            return basePhoneRule;
+      if (whichForm.value === formStore.beneficiaryFormKey) {
+        if (dataStore.isGons || dataStore.isBolashak) {
+          return [];
         }
-      };
-      return byMemberAndProductRule();
+      }
+      return basePhoneRule;
     });
 
     const residencyRule = computed(() => {
-      switch (whichForm.value) {
-        case formStore.policyholderFormKey: {
-          if (dataStore.isBolashak || dataStore.isBaiterek) {
-            return dataStore.rules.objectRequired.concat(dataStore.rules.noResident);
-          }
+      const baseResidencyRule = dataStore.rules.objectRequired;
+      if (whichForm.value === formStore.policyholderFormKey) {
+        if (dataStore.isBolashak || dataStore.isBaiterek) {
+          return baseResidencyRule.concat(dataStore.rules.noResident);
         }
-        default:
-          return dataStore.rules.objectRequired;
       }
+      return baseResidencyRule;
     });
 
     const getOtpConditionByMember = () => {
@@ -636,10 +746,11 @@ export default {
     const searchMember = async () => {
       if (!isDisabled.value) {
         dataStore.panelAction = null;
-        dataStore.panel.title = 'Поиск клиента';
+        dataStore.panel.title = 'Поиск контрагента';
         dataStore.panel.open = true;
         isSearchOpen.value = true;
         isDocumentOpen.value = false;
+        isOtpPanelOpen.value = false;
         isPanelOpen.value = false;
       } else {
         dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
@@ -650,13 +761,21 @@ export default {
       vForm.value.scrollTo({ top: direction === 'up' ? 0 : screen.height * 10, behavior: 'smooth' });
     };
 
-    const openCustomPanel = (type: 'document' = 'document') => {
+    const openCustomPanel = (type: 'document' | 'otp' = 'document') => {
       dataStore.panelAction = null;
       if (type === 'document' && memberDocument.value) {
         dataStore.panel.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');
+        isOtpPanelOpen.value = true;
+        isDocumentOpen.value = false;
+        isSearchOpen.value = false;
+        isPanelOpen.value = false;
       }
       dataStore.panel.open = true;
     };
@@ -665,6 +784,7 @@ export default {
       if (!isDisabled.value) {
         isSearchOpen.value = false;
         isDocumentOpen.value = false;
+        isOtpPanelOpen.value = false;
         // Feature
         // const notAllowedToChange = ['gender', 'documentType', 'documentIssuers'];
         // if (member.value.gotFromInsis === false && notAllowedToChange.includes(key)) {
@@ -683,7 +803,7 @@ export default {
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, member.value);
         }
-        panelList.value = newList;
+        panelList.value = filterList(newList, key);
         panelValue.value = member.value[currentPanel.value];
         isPanelLoading.value = false;
       } else {
@@ -691,6 +811,22 @@ export default {
       }
     };
 
+    const filterList = (list: Value[], key: string) => {
+      if (dataStore.isBolashak) {
+        if (key === 'relationDegree') {
+          if (whichForm.value === formStore.beneficiaryFormKey) {
+            const beneficiaryRelations = [12, 13, 14, 15, 20, 21, 22, 23];
+            return list.filter(i => beneficiaryRelations.includes(Number(i.ids)));
+          }
+          if (whichForm.value === formStore.insuredFormKey) {
+            const insuredRelations = [6, 7, 10, 11, 12, 13, 14, 15, 20, 21, 22, 23];
+            return list.filter(i => insuredRelations.includes(Number(i.ids)));
+          }
+        }
+      }
+      return list;
+    };
+
     const pickPanelValue = (item: Value) => {
       if (formStore.isDisabled[whichForm.value as keyof typeof formStore.isDisabled] === false) {
         dataStore.panel.open = false;
@@ -786,41 +922,45 @@ export default {
     };
 
     const getContragentFromGBDFL = async () => {
-      if (member.value.hasAgreement === false) {
+      if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
         dataStore.panel.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').replace('{text}', 'Номер телефона, ИИН'), 5000);
+        dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'Номер телефона, ИИН' }), 5000);
         dataStore.panel.open = false;
         isSearchOpen.value = false;
         return;
       }
       isButtonLoading.value = true;
-      await dataStore.getContragentFromGBDFL(member.value.iin, member.value.phoneNumber, whichForm.value, whichIndex.value ? Number(whichIndex.value) : null);
-      member.value.gotFromInsis = true;
+      const response = await dataStore.getContragentFromGBDFL(member.value);
+      if (typeof response === 'boolean') {
+        if (response === true) {
+          member.value.gotFromInsis = true;
+        }
+        dataStore.panel.open = false;
+        isSearchOpen.value = false;
+      }
       isButtonLoading.value = false;
-      dataStore.panel.open = false;
-      isSearchOpen.value = false;
     };
 
     const getContragent = async () => {
-      if (member.value.hasAgreement === false) {
+      if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
         dataStore.panel.open = false;
         isSearchOpen.value = false;
         return;
       }
       if (!member.value.iin || member.value.iin.length !== useMask().iin.length) {
-        dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', 'ИИН'), 5000);
+        dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: 'ИИН' }), 5000);
         dataStore.panel.open = false;
         isSearchOpen.value = false;
         return;
       }
       isButtonLoading.value = true;
-      await dataStore.getContragent(member.value, whichForm.value, whichIndex.value, false);
+      await dataStore.getContragent(member.value, false);
       isButtonLoading.value = false;
       dataStore.panel.open = false;
       isSearchOpen.value = false;
@@ -854,12 +994,14 @@ export default {
         return false;
       }
       const isInsured = formStore.isPolicyholderInsured;
+      const remoteIsInsured = ref<boolean | null>(null);
       if (whichForm.value == formStore.policyholderFormKey) {
         if (route.params.taskId === '0') {
           try {
             const taskId = await dataStore.startApplication(member.value);
             if (taskId) {
               await dataStore.getApplicationData(taskId, false, false, false, false);
+              remoteIsInsured.value = formStore.applicationData.clientApp.isInsured;
               await router.replace({
                 name: route.name!,
                 params: { taskId: taskId as string },
@@ -882,22 +1024,32 @@ export default {
         }
       }
       const memberFromApplicaiton = memberStore.getMemberFromApplication(whichForm.value as MemberKeys, whichIndex.value ? Number(whichIndex.value) : undefined);
+      if (typeof member.value.id !== 'number' || (typeof member.value.id === 'number' && member.value.id > 0 === false)) {
+        return false;
+      }
+      const wasInsuredAction = ref<boolean>(false);
       const isSaved = await dataStore.saveMember(member.value, memberStore.getMemberCode(whichForm.value as MemberKeys), memberFromApplicaiton);
       if (!isSaved) return false;
-      if (whichForm.value === formStore.policyholderFormKey && isInsured === true) {
-        formStore.insuredForm[0] = formStore.policyholderForm;
-        const isInsuredSaved = await dataStore.saveMember(
-          member.value,
-          memberStore.getMemberCode(formStore.insuredFormKey as MemberKeys),
-          memberStore.getMemberFromApplication(formStore.insuredFormKey as MemberKeys, formStore.insuredFormIndex),
-        );
-        if (!isInsuredSaved) return false;
+      if (whichForm.value === formStore.policyholderFormKey) {
+        if (isInsured === true || remoteIsInsured.value === true) {
+          formStore.insuredForm[0] = formStore.policyholderForm;
+          const isInsuredSaved = await dataStore.saveMember(
+            member.value,
+            memberStore.getMemberCode(formStore.insuredFormKey as MemberKeys),
+            memberStore.getMemberFromApplication(formStore.insuredFormKey as MemberKeys, formStore.insuredFormIndex),
+          );
+          if (!isInsuredSaved) return false;
+          wasInsuredAction.value = true;
+        }
+      }
+      if (whichForm.value === formStore.insuredFormKey) {
+        wasInsuredAction.value = true;
       }
       await router.replace({
         name: route.name!,
         query: { ...route.query, id: member.value.id },
       });
-      await dataStore.getApplicationData(route.params.taskId, false, false, false, false);
+      await dataStore.getApplicationData(route.params.taskId, false, false, true, wasInsuredAction.value);
       if (dataStore.controls.hasCalculator) {
         if (formStore.additionalInsuranceTermsWithout && formStore.additionalInsuranceTermsWithout.length !== 0) {
           formStore.additionalInsuranceTerms.forEach((term: any) => {
@@ -921,7 +1073,7 @@ export default {
           return true;
         }
       }
-      if (member.value.hasAgreement === false) {
+      if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'));
         return false;
       }
@@ -963,11 +1115,11 @@ export default {
           if (errors) {
             const errorText = errors.querySelector('.v-label.v-field-label');
             if (errorText) {
-              dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorText.innerHTML?.replace(/[-<>!//.]/g, '')));
+              dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorText.innerHTML?.replace(/[-<>!//.]/g, '') }));
             } else {
               const errorFieldText = errors.querySelector('.v-input__control');
               if (errorFieldText) {
-                dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '')));
+                dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '') }));
               }
             }
             errors.scrollIntoView({
@@ -982,67 +1134,133 @@ export default {
 
     const checkOtp = async () => {
       if (!member.value.otpCode || member.value.iin?.length !== useMask().iin.length || member.value.phoneNumber?.length !== useMask().phone.length) {
-        dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', dataStore.t('form.otpCode')), 3000);
+        dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: dataStore.t('form.otpCode') }), 3000);
         return;
       }
+      otpSending.value = true;
       const checked = await memberStore.checkOtp(member.value);
       if (typeof checked !== 'undefined') {
         member.value.hasAgreement = checked;
       }
+      otpSending.value = false;
+      if (checked === true) {
+        dataStore.panel.open = false;
+      }
     };
 
     const sendOtp = async (onInit = false) => {
+      otpSending.value = true;
       const response = await memberStore.sendOtp(member.value, formStore.applicationData.processInstanceId, onInit);
       if (response) {
         if (member.value.hasAgreement === null) member.value.hasAgreement = response.otpStatus;
+        if (response.otpStatus === true) {
+          dataStore.panel.open = false;
+        }
       }
+      otpSending.value = false;
     };
 
-    const onInit = async () => {
-      if (route.params.taskId === '0' || (route.params.taskId !== '0' && dataStore.isProcessEditable(formStore.applicationData.statusCode))) {
-        await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+    const setDefaultValues = async () => {
+      const setDefaults = dataStore.controls.setDefaults;
+      if (setDefaults.sectorCode) {
+        await setSectorCode();
+      }
+      if (setDefaults.percentage) {
+        setPercentage();
+      }
+    };
+
+    const setSectorCode = async () => {
+      if (member.value.id === 0 && route.query.id === '0') {
+        const sectorList = await dataStore.getSectorCodeList();
+        const defaultValue = sectorList.find(item => item.ids === '500003.9') as Value;
+        member.value.economySectorCode = defaultValue ? defaultValue : new Value();
+      }
+    };
+
+    const setPercentage = () => {
+      if (whichForm.value === formStore.beneficiaryFormKey && member.value.id === 0 && route.query.id === '0' && member.value.percentageOfPayoutAmount === null) {
+        if (dataStore.members.beneficiaryApp.isMultiple) {
+          const availablePercentage =
+            100 -
+            formStore.beneficiaryForm.reduce((sum, member) => {
+              return sum + Number(member.percentageOfPayoutAmount);
+            }, 0);
+          if (availablePercentage >= 0 && availablePercentage <= 100) member.value.percentageOfPayoutAmount = availablePercentage;
+        } else {
+          member.value.percentageOfPayoutAmount = 100;
+        }
       }
+    };
+
+    const selectMember = async (index: number, update?: boolean) => {
+      dataStore.panel.open = false;
+      isButtonLoading.value = true;
+      isChangingMember.value = true;
+      //@ts-ignore
+      await router.replace({ query: { ...route.query, i: index, id: getMember(route.query.tab, index).id, upd: update } });
+      isChangingMember.value = false;
+      isButtonLoading.value = false;
+    };
+
+    const deleteMember = async (index: number) => {
+      await memberStore.deleteMember(route.params.taskId as string, whichForm.value as MemberKeys, index);
+      const currentIndex = Number(whichIndex.value);
+      if (index <= currentIndex) {
+        const newIndex = ref<number>(currentIndex - 1 > 0 ? currentIndex - 1 : 0);
+        await selectMember(newIndex.value, index === currentIndex ? true : undefined);
+      }
+    };
+
+    const onInit = async () => {
+      // if (route.params.taskId === '0' || (route.params.taskId !== '0' && dataStore.isProcessEditable(formStore.applicationData.statusCode))) {
+      //   await dataStore.getSignedDocList(formStore.applicationData.processInstanceId);
+      // }
       if (getOtpConditionByMember()) {
         await sendOtp(true);
       } else {
         if (member.value.hasAgreement === null) member.value.hasAgreement = true;
       }
-      if (route.query.id !== '0' && !member.value.id) {
-        await dataStore.getContragentById(route.query.id, whichForm.value, true);
-      }
-      if (member.value.id && route.query.id === '0') {
-        await router.replace({
-          name: route.name!,
-          query: { ...route.query, id: member.value.id },
-        });
-      }
-      if (member.value.id) {
-        const filteredDocuments: DocumentItem[] = dataStore.getFilesByIIN(member.value.iin!.replace(/-/g, '')) as DocumentItem[];
-        if (filteredDocuments && filteredDocuments.length) memberDocument.value = filteredDocuments[0];
+      if (!member.value.id) {
+        await router.replace({ query: { ...route.query, id: 0 } });
+      } else {
+        if (route.query.id !== String(member.value.id)) await router.replace({ query: { ...route.query, id: member.value.id } });
+        // const filteredDocuments: DocumentItem[] = dataStore.getFilesByIIN(member.value.iin!.replace(/-/g, '')) as DocumentItem[];
+        // if (filteredDocuments && filteredDocuments.length) memberDocument.value = filteredDocuments[0];
       }
+      await setDefaultValues();
     };
 
     onMounted(async () => {
       await onInit();
     });
 
-    onBeforeRouteUpdate(to => {
-      if ('tab' in to.query && to.query.tab !== 'productConditions') {
-        member.value = getMember(to.query.tab, to.query.i);
-      }
-    });
+    watch(
+      () => sameAddress.value,
+      () => {
+        if (whichForm.value === formStore.beneficiaryFormKey) setAddressBeneficiary(Number(whichIndex.value), sameAddress.value);
+      },
+    );
 
     watch(
       () => member.value.percentageOfPayoutAmount,
       val => {
-        const percentage = typeof val === 'string' ? Number(val) : val;
-        if (percentage) {
-          if (percentage < 0) {
-            member.value.percentageOfPayoutAmount = 0;
-            dataStore.showToaster('error', dataStore.t('toaster.incorrectInput'), 1000);
-          } else if (percentage > 100) {
-            member.value.percentageOfPayoutAmount = 100;
-            dataStore.showToaster('error', dataStore.t('toaster.incorrectInput'), 1000);
+        if (whichForm.value === formStore.beneficiaryFormKey && !isDisabled.value) {
+          const percentage = typeof val === 'string' ? Number(val) : val;
+          if (typeof percentage === 'number') {
+            if (memberSetting.value.isMultiple) {
+              if (percentage < 0) {
+                member.value.percentageOfPayoutAmount = 0;
+                dataStore.showToaster('error', dataStore.t('toaster.incorrectInput'), 1000);
+              } else if (percentage > 100) {
+                member.value.percentageOfPayoutAmount = 100;
+                dataStore.showToaster('error', dataStore.t('toaster.incorrectInput'), 1000);
+              }
+            } else {
+              if (member.value.percentageOfPayoutAmount !== 100) {
+                member.value.percentageOfPayoutAmount = 100;
+              }
+            }
           }
         }
       },
@@ -1058,14 +1276,21 @@ export default {
       },
     );
 
-    watch(
-      () => member.value.otpCode,
-      async () => {
-        if (member.value.otpCode && member.value.otpCode.length === useMask().otp.length) {
-          await checkOtp();
+    const onIinInput = () => {
+      if (!!member.value.iin && member.value.iin.length === useMask().iin.length && memberSetting.value.isMultiple === true) {
+        const alreadyInStatement = formStore[whichForm.value as MemberKeys].findIndex((i: Member) => i.iin === member.value.iin);
+        if (alreadyInStatement !== -1 && alreadyInStatement !== Number(whichIndex.value)) {
+          dataStore.showToaster('error', dataStore.t('toaster.hasAlreadyMember'), 3000);
+          member.value.iin = null;
         }
-      },
-    );
+      }
+    };
+
+    const onOtpCodeInput = async () => {
+      if (member.value.otpCode && member.value.otpCode.length === useMask().otp.length) {
+        await checkOtp();
+      }
+    };
 
     watch(
       () => dataStore.panel.open,
@@ -1074,6 +1299,7 @@ export default {
           isPanelOpen.value = false;
           isDocumentOpen.value = false;
           isSearchOpen.value = false;
+          isOtpPanelOpen.value = false;
           dataStore.panelAction = null;
         }
       },
@@ -1095,10 +1321,12 @@ export default {
       isPanelOpen,
       isSearchOpen,
       isDocumentOpen,
+      isOtpPanelOpen,
       isPanelLoading,
       isButtonLoading,
       isSubmittingForm,
       documentLoading,
+      otpSending,
       panelValue,
       panelList,
       searchQuery,
@@ -1106,10 +1334,12 @@ export default {
       memberDocument,
       familyDialog,
       selectedFamilyMember,
+      sameAddress,
 
       // Computed
       whichForm,
       whichIndex,
+      memberSetting,
       otpCondition,
       hasOtp,
       isDisabled,
@@ -1120,11 +1350,14 @@ export default {
       hasGBDFL,
       hasInsis,
       hasGKB,
+      hasFamilyStatus,
+      hasInsurancePay,
 
       // Rules
       ageRule,
       phoneRule,
       residencyRule,
+      birthDateRule,
 
       // Functions
       searchMember,
@@ -1142,6 +1375,10 @@ export default {
       selectFamilyMember,
       closeFamilyDialog,
       scrollForm,
+      onIinInput,
+      onOtpCodeInput,
+      deleteMember,
+      selectMember,
     };
   },
 };