hl-core 0.0.8 → 0.0.9-beta.10

package/components/Pages/MemberForm.vue

@@ -1,498 +1,545 @@
 <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 && memberSetting.has === true && memberSetting.isMultiple === true" class="flex items-center mt-[14px] min-h-[54px]">
+        <div :class="[$styles.blueBgLight]" class="flex flex-wrap items-center gap-2 p-1 rounded-t-[8px] h-full">
+          <div
+            v-for="(each, index) of formStore[whichForm]"
+            :key="index"
+            class="pl-3 pr-1 py-1 rounded-[8px] cursor-pointer flex items-center"
+            :class="[Number(whichIndex) === index ? `${$styles.blueBg} ${$styles.whiteText}` : '', $styles.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, index) && !memberStore.canMemberCleared(whichForm, index)"
+              variant="plain"
+              :color="Number(whichIndex) === index ? '#FFF' : '#A0B3D8'"
+              @click.prevent="memberStore.canMemberDeleted(whichForm, index) || memberStore.canMemberCleared(whichForm, index) ? deleteMember(index) : null"
+            />
+          </div>
+        </div>
+        <v-btn class="ml-2" icon="mdi-plus !text-[24px]" @click="memberStore.addMember(whichForm)" size="small" color="#A0B3D8" variant="tonal" />
+      </div>
+      <base-form-section
+        :title="$dataStore.t('form.personalData')"
+        :class="[memberSetting && memberSetting.has === true && memberSetting.isMultiple === true ? 'rounded-t-0 !mt-[-5px]' : 'mt-[14px]']"
+      >
+        <base-form-input
+          v-model="member.phoneNumber"
+          :label="$dataStore.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
           v-model="member.iin"
-          :label="$t('form.iin')"
+          :label="$dataStore.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')"
+          :label="$dataStore.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')"
+          :label="$dataStore.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)"
-        ></base-form-input>
+          :label="$dataStore.t('form.middleName')"
+          :rules="$rules.cyrillicNonRequired"
+        />
         <base-form-input
           v-model="member.birthDate"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.birthDate')"
-          :rules="$rules.required.concat($rules.birthDate)"
+          :label="$dataStore.t('form.birthDate')"
+          :rules="birthDateRule"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
-        <base-form-input v-model="member.age" :label="$t('form.age')" :readonly="isDisabled || isFromGBD" :clearable="!isDisabled" :rules="ageRule"></base-form-input>
+        />
+        <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :readonly="true" :clearable="!isDisabled" :rules="ageRule" />
         <base-panel-input
           v-model="member.gender"
-          :value="member.gender.nameRu"
+          :value="member.gender?.nameRu"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
-          :label="$t('form.gender')"
+          :label="$dataStore.t('form.gender')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.gender'), $dataStore.gender, 'gender')"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.gender'), $dataStore.gender, 'gender')"
+        />
         <base-panel-input
+          v-if="hasFamilyStatus"
           v-model="member.familyStatus"
-          :value="member.familyStatus.nameRu"
+          :value="member.familyStatus?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.familyStatus')"
+          :label="$dataStore.t('form.familyStatus')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.familyStatus'), [], 'familyStatus', $dataStore.getFamilyStatuses)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.familyStatus'), [], 'familyStatus', $dataStore.getFamilyStatuses)"
+        />
         <base-panel-input
           v-if="(whichForm === formStore.beneficiaryFormKey || whichForm === formStore.insuredFormKey) && member.iin !== formStore.policyholderForm.iin"
           v-model="member.relationDegree"
-          :value="member.relationDegree.nameRu"
+          :value="member.relationDegree?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.relations')"
+          :label="$dataStore.t('form.relations')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.relations'), [], 'relationDegree', $dataStore.getRelationTypes)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.relations'), [], 'relationDegree', $dataStore.getRelationTypes)"
+        />
         <base-form-input
           v-if="whichForm === formStore.beneficiaryFormKey"
           v-model="member.percentageOfPayoutAmount"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.percentageOfPayoutAmount')"
+          :label="$dataStore.t('form.percentageOfPayoutAmount')"
           :rules="$rules.required.concat($rules.numbers)"
-        ></base-form-input>
-        <base-form-toggle v-if="$dataStore.isGons" :disabled="isDisabled" :has-border="false" v-model="member.isPdl" :title="$dataStore.t('isMemberIPDL')"></base-form-toggle>
+        />
       </base-form-section>
-      <base-form-section :title="$t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
+      <base-form-section :title="$dataStore.t('policyholdersRepresentative.PowerOfAttorney')" v-if="whichForm === formStore.policyholdersRepresentativeFormKey">
         <base-form-input
-          v-model="member.fullNameRod"
-          :label="$t('policyholdersRepresentative.NameParentCase')"
+          v-model.trim="member.fullNameRod"
+          :label="$dataStore.t('policyholdersRepresentative.NameParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.confirmDocTypeKz"
-          :label="$t('policyholdersRepresentative.basisDocKz')"
+          v-model.trim="member.confirmDocTypeKz"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocKz')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.confirmDocType"
-          :label="$t('policyholdersRepresentative.basisDocRu')"
+          v-model.trim="member.confirmDocType"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocRu')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.confirmDocTypeRod"
-          :label="$t('policyholdersRepresentative.basisDocRuParentCase')"
+          v-model.trim="member.confirmDocTypeRod"
+          :label="$dataStore.t('policyholdersRepresentative.basisDocRuParentCase')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.confirmDocNumber"
-          :label="$t('policyholdersRepresentative.numberDoc')"
+          v-model.trim="member.confirmDocNumber"
+          :label="$dataStore.t('policyholdersRepresentative.numberDoc')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.confirmDocIssueDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.confirmDocExpireDate"
-          :label="$t('form.documentExpire')"
+          :label="$dataStore.t('form.documentExpire')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :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="$dataStore.t('policyholdersRepresentative.numberVisa')" />
         <base-form-input
           v-model="member.migrationCardIssueDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.migrationCardExpireDate"
-          :label="$t('form.documentExpire')"
+          :label="$dataStore.t('form.documentExpire')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-form-toggle
           v-model="formStore.policyholdersRepresentativeForm.isNotary"
           :disabled="isDisabled"
           :has-border="false"
-          :title="$t('policyholdersRepresentative.confirmAuthority')"
-        ></base-form-toggle>
+          :title="$dataStore.t('policyholdersRepresentative.confirmAuthority')"
+        />
         <base-form-input
-          v-model="member.notaryLongName"
-          :label="$t('policyholdersRepresentative.name')"
+          v-model.trim="member.notaryLongName"
+          :label="$dataStore.t('policyholdersRepresentative.name')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.notaryLicenseNumber"
-          :label="$t('policyholdersRepresentative.numberLicense')"
+          v-model.trim="member.notaryLicenseNumber"
+          :label="$dataStore.t('policyholdersRepresentative.numberLicense')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
-          v-model="member.notaryLicenseIssuer"
-          :label="$t('policyholdersRepresentative.documentIssuers')"
+          v-model.trim="member.notaryLicenseIssuer"
+          :label="$dataStore.t('policyholdersRepresentative.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required : []"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="member.notaryLicenseDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required.concat($rules.date) : []"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></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-section :title="$dataStore.t('form.jobData')" v-if="$dataStore.hasJobSection(whichForm)">
+        <base-form-input v-model.trim="member.job" :label="$dataStore.t('form.job')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
+        <base-form-input v-model.trim="member.jobPlace" :label="$dataStore.t('form.jobPlace')" :readonly="isDisabled" :clearable="!isDisabled" :rules="$rules.required" />
       </base-form-section>
-      <base-form-section :title="$t('form.placeRegistration')" v-if="$dataStore.hasPlaceSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.placeRegistration')" v-if="$dataStore.hasPlaceSection(whichForm)">
+        <base-form-toggle v-if="hasSameAddressToggle" v-model="sameAddress" :disabled="isDisabled" :has-border="false" :title="$dataStore.t('form.sameAddress')" />
         <base-panel-input
           v-model="member.registrationCountry"
-          :value="member.registrationCountry.nameRu"
+          :value="member.registrationCountry?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :label="$t('form.Country')"
+          :label="$dataStore.t('form.Country')"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Country'), [], 'registrationCountry', $dataStore.getCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.Country'), [], 'registrationCountry', $dataStore.getCountries)"
+        />
         <base-fade-transition>
           <div class="flex flex-col gap-[1px]" v-if="member.registrationCountry.nameRu === 'Казахстан' || member.registrationCountry.nameRu === null">
             <base-panel-input
               v-model="member.registrationProvince"
-              :value="member.registrationProvince.nameRu"
-              :label="$t('form.Province')"
+              :value="member.registrationProvince?.nameRu"
+              :label="$dataStore.t('form.Province')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.Province'), [], 'registrationProvince', $dataStore.getStates, 'registrationCountry')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.Province'), [], 'registrationProvince', $dataStore.getStates, 'registrationCountry')"
+            />
             <base-panel-input
               v-model="member.registrationRegionType"
-              :value="member.registrationRegionType.nameRu"
-              :label="$t('form.RegionType')"
+              :value="member.registrationRegionType?.nameRu"
+              :label="$dataStore.t('form.RegionType')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.RegionType'), [], 'registrationRegionType', $dataStore.getLocalityTypes)"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.RegionType'), [], 'registrationRegionType', $dataStore.getLocalityTypes)"
+            />
             <base-panel-input
               v-if="member.registrationRegionType.nameRu !== 'город'"
               v-model="member.registrationRegion"
-              :value="member.registrationRegion.nameRu"
-              :label="$t('form.Region')"
+              :value="member.registrationRegion?.nameRu"
+              :label="$dataStore.t('form.Region')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.Region'), [], 'registrationRegion', $dataStore.getRegions, 'registrationProvince')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.Region'), [], 'registrationRegion', $dataStore.getRegions, 'registrationProvince')"
+            />
             <base-panel-input
               v-model="member.registrationCity"
-              :value="member.registrationCity.nameRu"
-              :label="$t('form.City')"
+              :value="member.registrationCity?.nameRu"
+              :label="$dataStore.t('form.City')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
               :rules="$rules.objectRequired"
               append-inner-icon="mdi mdi-chevron-right"
-              @append="openPanel($t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
-            ></base-panel-input>
+              @append="openPanel($dataStore.t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
+            />
             <!-- <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>
+          :clearable="!isDisabled" :label="$dataStore.t('form.postIndex')" :maska="$maska.post"/> -->
+            <base-form-input v-model.trim="member.registrationQuarter" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.Quarter')" />
+            <base-form-input v-model.trim="member.registrationMicroDistrict" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.MicroDistrict')" />
             <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>
+              :label="$dataStore.t('form.Street')"
+            />
             <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>
+              :label="$dataStore.t('form.NumberHouse')"
+            />
+            <base-form-input v-model.trim="member.registrationNumberApartment" :readonly="isDisabled" :clearable="!isDisabled" :label="$dataStore.t('form.NumberApartment')" />
           </div>
         </base-fade-transition>
       </base-form-section>
-      <base-form-section :title="$t('form.birthData')" v-if="$dataStore.hasBirthSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.birthData')" v-if="$dataStore.hasBirthSection(whichForm)">
         <base-panel-input
           v-model="member.birthPlace"
-          :value="member.birthPlace.nameRu"
-          :label="$t('form.Country')"
+          :value="member.birthPlace?.nameRu"
+          :label="$dataStore.t('form.Country')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.Country'), [], 'birthPlace', $dataStore.getCountries)"
+        />
         <!-- TODO -->
         <!-- <base-panel-input
           v-model="member.birthRegion"
-          :value="member.birthRegion.nameRu"
-          :label="$t('form.Region')"
+          :value="member.birthRegion?.nameRu"
+          :label="$dataStore.t('form.Region')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.Region'), [], 'birthRegion', $dataStore.getRegions)"
-        ></base-panel-input> -->
+          @append="openPanel($dataStore.t('form.Region'), [], 'birthRegion', $dataStore.getRegions)"
+        /> -->
       </base-form-section>
-      <base-form-section :title="$t('form.documentData')" v-if="$dataStore.hasDocumentSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.documentData')" v-if="$dataStore.hasDocumentSection(whichForm)">
         <base-panel-input
           v-model="member.documentType"
-          :value="member.documentType.nameRu"
-          :label="$t('form.documentType')"
+          :value="member.documentType?.nameRu"
+          :label="$dataStore.t('form.documentType')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.documentType'), [], 'documentType', $dataStore.getDocumentTypes)"
+        />
         <base-form-input
-          v-model="member.documentNumber"
-          :label="$t('form.documentNumber')"
+          v-model.trim="member.documentNumber"
+          :label="$dataStore.t('form.documentNumber')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required"
-        ></base-form-input>
-        <base-file-input v-if="!memberDocument" :disabled="isDisabled" :clearable="!isDisabled" @input="attachFile($event)"></base-file-input>
+        />
+        <!-- <base-file-input v-if="!memberDocument" :disabled="isDisabled" :clearable="!isDisabled" @input="attachFile($event)" />
         <base-empty-form-field v-if="memberDocument" @click="!isDisabled && openCustomPanel('document')" class="justify-between">
           {{ `${memberDocument.fileTypeName} - ${memberDocument.fileName}` }}
           <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i>
-        </base-empty-form-field>
+        </base-empty-form-field> -->
         <base-panel-input
           v-model="member.documentIssuers"
-          :value="member.documentIssuers.nameRu"
-          :label="$t('form.documentIssuers')"
+          :value="member.documentIssuers?.nameRu"
+          :label="$dataStore.t('form.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.documentIssuers'), [], 'documentIssuers', $dataStore.getDocumentIssuers)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.documentIssuers'), [], 'documentIssuers', $dataStore.getDocumentIssuers)"
+        />
         <base-form-input
           v-model="member.documentDate"
-          :label="$t('form.documentDate')"
+          :label="$dataStore.t('form.documentDate')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required.concat($rules.date)"
           :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
-        ></base-form-input>
+        />
         <base-fade-transition>
           <base-form-input
             v-if="member.documentType.ids !== 'SBI' && member.documentType.ids !== 'VNZ'"
             v-model="member.documentExpire"
-            :label="$t('form.documentExpire')"
+            :label="$dataStore.t('form.documentExpire')"
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :rules="$rules.required.concat($rules.date)"
             :maska="$maska.date"
             append-inner-icon="mdi mdi-calendar-blank-outline"
-          ></base-form-input>
+          />
         </base-fade-transition>
         <base-panel-input
           v-model="member.signOfResidency"
-          :value="member.signOfResidency.nameRu"
-          :label="$t('form.signOfResidency')"
+          :value="member.signOfResidency?.nameRu"
+          :label="$dataStore.t('form.signOfResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :rules="$rules.objectRequired"
+          :rules="residencyRule"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.signOfResidency'), [], 'signOfResidency', $dataStore.getResidents)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.signOfResidency'), [], 'signOfResidency', $dataStore.getResidents)"
+        />
         <base-panel-input
           v-model="member.countryOfTaxResidency"
-          :value="member.countryOfTaxResidency.nameRu"
-          :label="$t('form.countryOfTaxResidency')"
+          :value="member.countryOfTaxResidency?.nameRu"
+          :label="$dataStore.t('form.countryOfTaxResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.countryOfTaxResidency'), [], 'countryOfTaxResidency', $dataStore.getTaxCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.countryOfTaxResidency'), [], 'countryOfTaxResidency', $dataStore.getTaxCountries)"
+        />
         <base-fade-transition>
           <base-panel-input
             v-if="member.countryOfTaxResidency.ids === '500014.3'"
             v-model="member.addTaxResidency"
-            :value="member.addTaxResidency.nameRu"
-            :label="$t('form.addTaxResidency')"
+            :value="member.addTaxResidency?.nameRu"
+            :label="$dataStore.t('form.addTaxResidency')"
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :rules="$rules.objectRequired"
             append-inner-icon="mdi mdi-chevron-right"
-            @append="openPanel($t('form.addTaxResidency'), [], 'addTaxResidency', $dataStore.getAdditionalTaxCountries)"
-          ></base-panel-input>
+            @append="openPanel($dataStore.t('form.addTaxResidency'), [], 'addTaxResidency', $dataStore.getAdditionalTaxCountries)"
+          />
         </base-fade-transition>
         <base-panel-input
+          v-if="hasSignOfIPDL"
           v-model="member.signOfIPDL"
-          :value="member.signOfIPDL.nameRu"
-          :label="$t('form.signOfIPDL')"
+          :value="member.signOfIPDL?.nameRu"
+          :label="$dataStore.t('form.signOfIPDL')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.signOfIPDL'), $dataStore.ipdl, 'signOfIPDL')"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.signOfIPDL'), $dataStore.ipdl, 'signOfIPDL')"
+        />
         <base-panel-input
           v-model="member.countryOfCitizenship"
-          :value="member.countryOfCitizenship.nameRu"
-          :label="$t('form.countryOfCitizenship')"
+          :value="member.countryOfCitizenship?.nameRu"
+          :label="$dataStore.t('form.countryOfCitizenship')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.countryOfCitizenship'), [], 'countryOfCitizenship', $dataStore.getCitizenshipCountries)"
+        />
         <base-panel-input
           v-model="member.economySectorCode"
-          :value="member.economySectorCode.nameRu"
-          :label="$t('form.economySectorCode')"
+          :value="member.economySectorCode?.nameRu"
+          :label="$dataStore.t('form.economySectorCode')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('form.economySectorCode'), [], 'economySectorCode', $dataStore.getSectorCodeList)"
+        />
+        <base-panel-input
+          v-if="hasInsurancePay"
+          v-model="member.insurancePay"
+          :value="member.insurancePay?.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$dataStore.t('form.insurancePay')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($dataStore.t('form.insurancePay'), $dataStore.insurancePay, 'insurancePay', $dataStore.getInsurancePay)"
+        />
       </base-form-section>
-      <base-form-section :title="$t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
+      <base-form-section :title="$dataStore.t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
         <base-form-input
           v-model="member.homePhone"
           :maska="$maska.phone"
           placeholder="+7 7"
-          :label="$t('form.homePhone')"
+          :label="$dataStore.t('form.homePhone')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="whichForm === formStore.beneficiaryFormKey ? [] : $rules.phoneFormat"
-        ></base-form-input>
-        <base-form-input v-model.trim="member.email" :label="$t('form.email')" :rules="$rules.email"></base-form-input>
+        />
+        <base-form-input v-model.trim="member.email" :label="$dataStore.t('form.email')" :rules="$rules.email" />
       </base-form-section>
     </v-form>
-    <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$t('buttons.save')" @click="submitForm"></base-btn>
+    <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$dataStore.t('buttons.save')" @click="submitForm" />
     <Teleport v-if="isPanelOpen" to="#panel-actions">
-      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
-        <base-rounded-input v-model="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
+      <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">
-          <base-panel-select-item :text="$t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())"></base-panel-select-item>
+          <base-panel-select-item :text="$dataStore.t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())" />
           <base-panel-select-item
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
             :key="index"
-            :text="item.nameRu as string"
+            :text="(item.nameRu as string)"
             :selected="item.nameRu === panelValue.nameRu"
             @click="pickPanelValue(item)"
-          ></base-panel-select-item>
+          />
         </div>
-        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
     <Teleport v-if="isSearchOpen" to="#panel-actions">
-      <div :class="[$libStyles.flexColNav]">
-        <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$t('buttons.fromGBDFL')" @click="getContragentFromGBDFL"></base-btn>
-        <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$t('buttons.fromInsis')" @click="getContragent"></base-btn>
-        <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$t('buttons.fromGKB')" @click="getFamilyInfo"></base-btn>
+      <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">
-      <div :class="[$libStyles.flexColNav]">
-        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')"></base-btn>
-        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')"></base-btn>
+      <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>
-    <base-dialog v-model="familyDialog" :title="$t('dialog.familyMember')" actions="familyDialog">
+    <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
+      <div :class="[$styles.flexColNav]">
+        <base-fade-transition>
+          <base-rounded-input
+            v-if="otpCondition && member.otpTokenId"
+            v-model="member.otpCode"
+            :label="$dataStore.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-fade-transition>
+        <base-btn v-if="!member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$dataStore.t('buttons.sendOtp')" @click="sendOtp(false)" />
+        <base-btn v-if="member.otpTokenId" :disabled="otpSending" :loading="otpSending" :text="$dataStore.t('buttons.check')" @click="checkOtp()" />
+      </div>
+    </Teleport>
+    <base-dialog v-model="familyDialog" :title="$dataStore.t('dialog.familyMember')" actions="familyDialog">
       <template #actions>
-        <base-family-dialog :selected="selectedFamilyMember" @selectFamilyMember="selectFamilyMember" @reset="closeFamilyDialog(true)"></base-family-dialog>
+        <base-family-dialog :selected="selectedFamilyMember" @selectFamilyMember="selectFamilyMember" @reset="closeFamilyDialog(true)" />
       </template>
     </base-dialog>
   </section>
-  <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')"></base-scroll-buttons>
+  <base-scroll-buttons @up="scrollForm('up')" @down="scrollForm('down')" />
 </template>
 
 <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';
+import { StoreMembers } from '../../types/enum';
 
 export default {
   setup() {
@@ -502,31 +549,35 @@ export default {
     const dataStore = useDataStore();
     const formStore = useFormStore();
     const memberStore = useMemberStore();
-    const getMember = (whichForm: LocationQueryValue | LocationQueryValue[], whichIndex?: LocationQueryValue | LocationQueryValue[]) =>
-      memberStore.getMemberFromStore(whichForm as MemberKeys, Number((whichIndex ? whichIndex : '0') as string))!;
-    const member = ref(getMember(route.query.tab, route.query.i));
+    const whichForm = computed(() => route.query.tab as keyof typeof StoreMembers);
+    const whichIndex = computed(() => route.query.i as string);
+    const getMember = (whichForm: keyof typeof StoreMembers, whichIndex?: string) => memberStore.getMemberFromStore(whichForm, Number((whichIndex ? whichIndex : '0') as string))!;
+    const member = ref(getMember(whichForm.value, whichIndex.value));
     const selectedFamilyMember = ref<BirthInfoGKB>({});
     const isPanelOpen = ref<boolean>(false);
     const memberDocument = ref<DocumentItem>();
     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>();
     const searchQuery = ref<string>('');
     const fileData = ref<{ file: any }>();
 
-    const whichForm = computed(() => route.query.tab);
-    const whichIndex = computed(() => route.query.i);
+    const memberSetting = computed(() => dataStore.members[memberStore.getMemberApplicationCode(whichForm.value)!]);
     const hasOtp = computed(() => member.value.otpCode && member.value.otpCode.length === useMask().otp.length);
-    const isDisabled = computed(() => !memberStore.isStatementEditible(whichForm.value as string));
+    const isDisabled = computed(() => !memberStore.isStatementEditible(whichForm.value));
     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 +597,38 @@ 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.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,48 +638,94 @@ 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 hasSignOfIPDL = computed(() => {
+      if (dataStore.isGons) {
+        return false;
+      }
+      return true;
+    });
+    const hasSameAddressToggle = computed(() => whichForm.value === formStore.beneficiaryFormKey && member.value.iin !== formStore.policyholderForm.iin);
+
+    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;
-            } else {
-              return [];
-            }
+        if (whichForm.value === formStore.policyholderFormKey) {
+          if (dataStore.isGons || dataStore.isBolashak || dataStore.isBaiterek) {
+            return dataStore.rules.age18;
           }
-          case formStore.beneficiaryFormKey: {
-            if (dataStore.isGons || dataStore.isBolashak) {
-              return dataStore.rules.beneficiaryAgeLimit;
-            } else {
-              return [];
-            }
+        }
+        if (whichForm.value === formStore.beneficiaryFormKey) {
+          if (dataStore.isBolashak) {
+            return dataStore.rules.beneficiaryAgeLimit;
           }
-          default:
-            return [];
         }
+        if (whichForm.value === formStore.insuredFormKey) {
+          if (dataStore.isBaiterek || dataStore.isBolashak) {
+            return dataStore.rules.age18;
+          }
+        }
+        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();
+        if ((dataStore.isKazyna || dataStore.isLiferenta) && Number(member.value.age) < 18) {
+          return [];
+        }
+      }
+      return basePhoneRule;
+    });
+
+    const residencyRule = computed(() => {
+      const baseResidencyRule = dataStore.rules.objectRequired;
+      if (whichForm.value === formStore.policyholderFormKey) {
+        if (dataStore.isBolashak || dataStore.isBaiterek) {
+          return baseResidencyRule.concat(dataStore.rules.noResident);
+        }
+      }
+      return baseResidencyRule;
     });
 
     const getOtpConditionByMember = () => {
@@ -628,10 +749,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'));
@@ -642,13 +764,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;
     };
@@ -657,6 +787,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)) {
@@ -675,7 +806,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 {
@@ -683,6 +814,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;
@@ -737,6 +884,7 @@ export default {
     };
 
     const getFamilyInfo = async () => {
+      if (!formStore.policyholderForm.iin || !formStore.policyholderForm.phoneNumber) return;
       if (formStore.birthInfos.length === 0) {
         isButtonLoading.value = true;
         await dataStore.getFamilyInfo(formStore.policyholderForm.iin, formStore.policyholderForm.phoneNumber);
@@ -778,59 +926,63 @@ 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;
     };
 
     const validateESBD = async (docTypeNumber: number) => {
-      const data = {
+      const data: ESBDValidationType = {
         personType: 1,
         iin: member.value.iin!.replaceAll('-', ''),
-        lastName: member.value.lastName,
-        firstName: member.value.firstName,
-        middleName: member.value.middleName,
-        birthDate: member.value.getDateByKey('birthDate'),
-        sex: member.value.gender.id,
+        lastName: member.value.lastName ?? '',
+        firstName: member.value.firstName ?? '',
+        middleName: member.value.middleName ?? '',
+        birthDate: member.value.getDateByKey('birthDate') ?? '',
+        sex: Number(member.value.gender.id),
         docType: docTypeNumber,
-        docNumber: member.value.documentNumber,
-        docIssuedDate: member.value.getDateByKey('documentDate'),
-        docIssuedBy: member.value.documentIssuers.nameRu,
+        docNumber: member.value.documentNumber ?? '',
+        docIssuedDate: member.value.getDateByKey('documentDate') ?? '',
+        docIssuedBy: member.value.documentIssuers.nameRu ?? '',
         activityKindId: 0,
         economicsSectorId: Number((member.value.economySectorCode.ids! as string).at(-1)),
         resident: member.value.signOfResidency.ids === '500011.2' || member.value.signOfResidency.ids === null ? 0 : 1,
@@ -840,18 +992,20 @@ export default {
     };
 
     const saveMember = async () => {
-      const hasSaved = await dataStore.saveContragent(member.value, whichForm.value, whichIndex.value, true);
+      const hasSaved = await dataStore.saveContragent(member.value, whichForm.value, whichIndex.value ? Number(whichIndex.value) : null, true);
       if (hasSaved === false) {
         dataStore.isLoading = false;
         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) {
+            if (typeof taskId === 'string') {
               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 },
@@ -873,27 +1027,37 @@ export default {
           await uploadFile(formStore.applicationData.processInstanceId);
         }
       }
-      const memberFromApplicaiton = memberStore.getMemberFromApplication(whichForm.value as MemberKeys, whichIndex.value ? Number(whichIndex.value) : undefined);
-      const isSaved = await dataStore.saveMember(member.value, memberStore.getMemberCode(whichForm.value as MemberKeys), memberFromApplicaiton);
+      const memberFromApplicaiton = memberStore.getMemberFromApplication(whichForm.value, 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)!, 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)!,
+            memberStore.getMemberFromApplication(formStore.insuredFormKey, 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 as string, false, false, true, wasInsuredAction.value);
       if (dataStore.controls.hasCalculator) {
         if (formStore.additionalInsuranceTermsWithout && formStore.additionalInsuranceTermsWithout.length !== 0) {
-          formStore.additionalInsuranceTerms.forEach((term: any) => {
-            const defaultTerm = formStore.additionalInsuranceTermsWithout.find((i: any) => i.coverTypeId === term.coverTypeId);
+          formStore.additionalInsuranceTerms.forEach(term => {
+            const defaultTerm = formStore.additionalInsuranceTermsWithout.find(i => i.coverTypeId === term.coverTypeId);
             if (defaultTerm) {
               term.coverSumName = defaultTerm.coverSumName;
               term.coverSumId = defaultTerm.coverSumId;
@@ -913,7 +1077,12 @@ export default {
           return true;
         }
       }
-      if (member.value.hasAgreement === false) {
+      if (dataStore.isKazyna || dataStore.isLiferenta) {
+        if (whichForm.value === formStore.beneficiaryFormKey && Number(member.value.age) < 18) {
+          return true;
+        }
+      }
+      if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'));
         return false;
       }
@@ -937,7 +1106,7 @@ export default {
             const initialPoint = `${member.value.iin!.replaceAll('-', '')}.`;
             const RESPONSE = ESBDMessage(ESBDResponse, initialPoint);
             let errorMessage = RESPONSE !== false ? RESPONSE : 'Что-то произошло не так';
-            if (ESBDResponse.errorCode === 0) {
+            if (typeof ESBDResponse === 'object' && ESBDResponse.errorCode === 0) {
               member.value.verifyType = 'ESBD';
               member.value.verifyDate = ESBDResponse.verifiedDate;
               const hasMemberSaved = await saveMember();
@@ -955,11 +1124,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({
@@ -974,67 +1143,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: number, member: 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, 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;
+              }
+            }
           }
         }
       },
@@ -1050,14 +1285,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 MultipleMember].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,
@@ -1066,6 +1308,7 @@ export default {
           isPanelOpen.value = false;
           isDocumentOpen.value = false;
           isSearchOpen.value = false;
+          isOtpPanelOpen.value = false;
           dataStore.panelAction = null;
         }
       },
@@ -1087,10 +1330,12 @@ export default {
       isPanelOpen,
       isSearchOpen,
       isDocumentOpen,
+      isOtpPanelOpen,
       isPanelLoading,
       isButtonLoading,
       isSubmittingForm,
       documentLoading,
+      otpSending,
       panelValue,
       panelList,
       searchQuery,
@@ -1098,10 +1343,12 @@ export default {
       memberDocument,
       familyDialog,
       selectedFamilyMember,
+      sameAddress,
 
       // Computed
       whichForm,
       whichIndex,
+      memberSetting,
       otpCondition,
       hasOtp,
       isDisabled,
@@ -1112,9 +1359,16 @@ export default {
       hasGBDFL,
       hasInsis,
       hasGKB,
+      hasFamilyStatus,
+      hasInsurancePay,
+      hasSignOfIPDL,
+      hasSameAddressToggle,
+
       // Rules
       ageRule,
       phoneRule,
+      residencyRule,
+      birthDateRule,
 
       // Functions
       searchMember,
@@ -1132,6 +1386,10 @@ export default {
       selectFamilyMember,
       closeFamilyDialog,
       scrollForm,
+      onIinInput,
+      onOtpCodeInput,
+      deleteMember,
+      selectMember,
     };
   },
 };