hl-core 0.0.7-beta.17 → 0.0.7-beta.19

package/api/index.ts

@@ -262,7 +262,7 @@ export class ApiClass {
     });
   }
 
-  async getTaskList(data: any) {
+  async getTaskList(data: any): Promise<{ items: TaskListItem[]; totalItems: number }> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Bpm/TaskList`,
@@ -270,7 +270,7 @@ export class ApiClass {
     });
   }
 
-  async getProcessHistory(id: any) {
+  async getProcessHistory(id: string): Promise<TaskHistory[]> {
     return this.axiosCall({
       url: `/Arm/api/Bpm/GetProcessHistory?processInstanceId=${id}`,
     });
@@ -449,6 +449,21 @@ export class ApiClass {
     });
   }
 
+  async calculateWithoutApplication(data: any) {
+    return this.axiosCall({
+      method: Methods.POST,
+      url: `/${this.productUrl}/api/Application/Calculate`,
+      data: data,
+    });
+  }
+
+  async getDefaultCalculationData() {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/DefaultCalculatorValues`,
+    });
+  }
+
   async reCalculate(data: any) {
     return this.axiosCall({
       method: Methods.POST,

package/components/Form/Documents.vue

@@ -30,8 +30,6 @@ import { DocumentItem } from '@/composables/classes';
 
 export default defineComponent({
   setup() {
-    type FileActions = 'view' | 'download';
-
     const dataStore = useDataStore();
     const formStore = useFormStore();
     const currentDocument = ref<DocumentItem>(new DocumentItem());

package/components/Form/FormBlock.vue

@@ -56,6 +56,8 @@
 </template>
 
 <script lang="ts">
+import { Member } from '@/composables/classes';
+
 export default defineComponent({
   props: {
     title: {
@@ -67,7 +69,7 @@ export default defineComponent({
       default: '',
     },
     whichForm: {
-      type: String as PropType<'policyholderForm' | 'insuredForm' | 'beneficiaryForm' | 'beneficialOwnerForm' | 'policyholdersRepresentativeForm' | 'productConditionsForm'>,
+      type: String as PropType<MemberFormTypes>,
       default: '',
     },
     more: {
@@ -84,14 +86,14 @@ export default defineComponent({
     const isMultiple = ref(multipleMembers.includes(props.whichForm));
     const member = formStore[props.whichForm as keyof typeof formStore];
 
-    const getMemberInfo = (memberData: any) => {
+    const getMemberInfo = (memberData: Member) => {
       return {
         fullName: computed(() => (memberData && memberData.getFullNameShorted() ? memberData.getFullNameShorted() : null)).value,
         iin: computed(() => (memberData && memberData.iin ? memberData.iin : null)).value,
-        gender: computed(() => (memberData && memberData.gender.nameRu ? memberData.gender.nameRu.charAt(0) : null)).value,
+        gender: computed(() => (memberData && memberData.gender.nameRu ? (memberData.gender.nameRu as string).charAt(0) : null)).value,
         birthDate: computed(() => (memberData && memberData.birthDate ? memberData.birthDate : null)).value,
-        birthPlace: computed(() => (memberData && memberData.birthPlace.nameRu ? memberData.birthPlace.nameRu.substr(0, 3) : null)).value,
-        sectorCode: computed(() => (memberData && memberData.economySectorCode.ids ? memberData.economySectorCode.ids.slice(-1) : null)).value,
+        birthPlace: computed(() => (memberData && memberData.birthPlace.nameRu ? (memberData.birthPlace.nameRu as string).substring(0, 3) : null)).value,
+        sectorCode: computed(() => (memberData && memberData.economySectorCode.ids ? (memberData.economySectorCode.ids as string).slice(-1) : null)).value,
       };
     };
 

package/components/Form/FormTextSection.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="flex flex-col justify-between rounded-lg" :class="[$libStyles.whiteBg]">
+    <span v-if="title" class="p-4" :class="[$libStyles.textTitle]">{{ title }}</span>
+    <span v-if="subtitle" class="p-4 text-[#99A3B3] border-t-[1px]" :class="[$libStyles.textSimple]">{{ subtitle }}</span>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    title: {
+      type: String,
+    },
+    subtitle: {
+      type: String,
+    },
+  },
+});
+</script>

package/components/Form/MemberForm.vue

@@ -5,7 +5,7 @@
         <base-form-input
           v-model="member.iin"
           :label="$t('form.iin')"
-          maska="###-###-###-###"
+          :maska="$maska.iin"
           :readonly="isDisabled || isIinPhoneDisabled"
           :clearable="!isDisabled"
           append-inner-icon="mdi mdi-magnify"
@@ -15,7 +15,7 @@
         <base-form-input
           v-model="member.phoneNumber"
           :label="$t('form.phoneNumber')"
-          maska="+7 (7##) ### ## ##"
+          :maska="$maska.phone"
           :readonly="isDisabled || isIinPhoneDisabled"
           :clearable="!isDisabled"
           :append-inner-icon="otpCondition ? 'mdi mdi-phone-message' : ''"
@@ -28,7 +28,7 @@
             v-if="otpCondition && member.otpTokenId"
             v-model="member.otpCode"
             :label="$t('form.otpCode')"
-            maska="# # # #"
+            :maska="$maska.otp"
             :append-inner-icon="hasOtp ? 'mdi mdi-check' : ''"
             @keyup.enter.prevent="hasOtp ? checkOtp() : null"
           ></base-form-input>
@@ -60,7 +60,7 @@
           :clearable="!isDisabled"
           :label="$t('form.birthDate')"
           :rules="$rules.required.concat($rules.birthDate)"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
         <base-form-input
@@ -153,7 +153,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
         <base-form-input
@@ -162,7 +162,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
-          maska="##.##.####"
+          :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>
@@ -172,7 +172,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
         <base-form-input
@@ -181,7 +181,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.date"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
         <base-form-toggle
@@ -217,7 +217,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="formStore.policyholdersRepresentativeForm.isNotary ? $rules.required.concat($rules.date) : []"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
       </base-form-section>
@@ -281,7 +281,7 @@
               @append="openPanel($t('form.City'), [], 'registrationCity', $dataStore.getCities, 'registrationProvince')"
             ></base-panel-input>
             <!-- <base-form-input v-if="$dataStore.isGons" v-model="member.postIndex" :readonly="isDisabled"
-          :clearable="!isDisabled" :label="$t('form.postIndex')" maska="######"></base-form-input> -->
+          :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
@@ -364,7 +364,7 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.required.concat($rules.date)"
-          maska="##.##.####"
+          :maska="$maska.date"
           append-inner-icon="mdi mdi-calendar-blank-outline"
         ></base-form-input>
         <base-fade-transition>
@@ -375,7 +375,7 @@
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :rules="$rules.required.concat($rules.date)"
-            maska="##.##.####"
+            :maska="$maska.date"
             append-inner-icon="mdi mdi-calendar-blank-outline"
           ></base-form-input>
         </base-fade-transition>
@@ -446,7 +446,7 @@
       <base-form-section :title="$t('form.contactsData')" v-if="$dataStore.hasContactSection(whichForm)">
         <base-form-input
           v-model="member.homePhone"
-          maska="+7 (7##) ### ## ##"
+          :maska="$maska.phone"
           placeholder="+7 7"
           :label="$t('form.homePhone')"
           :readonly="isDisabled"
@@ -456,7 +456,7 @@
         <base-form-input v-model.trim="member.email" :label="$t('form.email')" :rules="$rules.email"></base-form-input>
       </base-form-section>
     </v-form>
-    <base-btn v-if="!isDisabled && isTask && $dataStore.isInitiator()" :loading="isButtonLoading || isSubmittingForm" :text="$t('buttons.save')" @click="submitForm"></base-btn>
+    <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$t('buttons.save')" @click="submitForm"></base-btn>
     <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>
@@ -495,8 +495,6 @@ import { uuid } from 'vue-uuid';
 
 export default {
   setup() {
-    type FileActions = 'view' | 'download';
-
     const vForm = ref<any>();
     const route = useRoute();
     const router = useRouter();
@@ -522,22 +520,36 @@ export default {
 
     const whichForm = computed(() => route.query.tab);
     const whichIndex = computed(() => route.query.i);
-    const hasOtp = computed(() => member.value.otpCode && member.value.otpCode.length === 7);
+    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 isFromGBD = computed(() => !!member.value.gosPersonData);
+    const showSaveButton = computed(() => {
+      const generalCondition = !isDisabled.value && !!isTask.value && !!dataStore.isInitiator();
+      const perMemberCondtion = () => {
+        switch (whichForm.value) {
+          case formStore.policyholderFormKey:
+            return true;
+          case formStore.insuredFormKey:
+          case formStore.beneficiaryFormKey:
+          case formStore.beneficialOwnerFormKey:
+          case formStore.policyholdersRepresentativeFormKey:
+            return route.params.taskId !== '0';
+          default:
+            return false;
+        }
+      };
+      return generalCondition && perMemberCondtion();
+    });
 
     const getOtpConditionByMember = () => {
       switch (whichForm.value) {
         case formStore.policyholderFormKey:
           return route.params.taskId === '0';
         case formStore.policyholdersRepresentativeFormKey:
-          return route.query.id === '0';
         case formStore.insuredFormKey:
-          return route.query.id === '0';
         case formStore.beneficiaryFormKey:
-          return route.query.id === '0';
         case formStore.beneficialOwnerFormKey:
           return route.query.id === '0';
       }
@@ -545,7 +557,7 @@ export default {
     const otpCondition = computed(() => {
       // Add conditions by product
       if (member.value.hasAgreement) return false;
-      if (!member.value.phoneNumber || (member.value.phoneNumber && member.value.phoneNumber.length !== 18)) return false;
+      if (!member.value.phoneNumber || (member.value.phoneNumber && member.value.phoneNumber.length !== useMask().phone.length)) return false;
       return getOtpConditionByMember();
     });
 
@@ -622,7 +634,7 @@ export default {
       if (fileData.value) {
         Object.values(fileData.value.file).map((value: any) => {
           formData.append('file', value);
-          const ext = value.name.substr(value.name.lastIndexOf('.'));
+          const ext = value.name.substring(value.name.lastIndexOf('.'));
           information.push({
             identifier: `${uuidV4}${ext}`,
             iin: member.value.iin ? member.value.iin.replaceAll('-', '') : null,
@@ -661,7 +673,7 @@ export default {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
         return;
       }
-      if (!member.value.iin || member.value.iin.length !== 15 || !member.value.phoneNumber || member.value.phoneNumber.length !== 18) {
+      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);
         return;
       }
@@ -678,7 +690,7 @@ export default {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'), 3000);
         return;
       }
-      if (!member.value.iin || member.value.iin.length !== 15) {
+      if (!member.value.iin || member.value.iin.length !== useMask().iin.length) {
         dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', 'ИИН'), 5000);
         return;
       }
@@ -774,7 +786,7 @@ export default {
       }
       dataStore.showToaster('success', dataStore.t('toaster.successSaved'));
       dataStore.isLoading = false;
-      window.scrollTo({ top: 0, behavior: 'smooth' });
+      vForm.value.scrollTo({ top: 0, behavior: 'smooth' });
     };
 
     const submitForm = async () => {
@@ -832,7 +844,7 @@ export default {
     };
 
     const checkOtp = async () => {
-      if (!member.value.otpCode || member.value.iin?.length !== 15 || member.value.phoneNumber?.length !== 18) {
+      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);
         return;
       }
@@ -886,11 +898,12 @@ export default {
     watch(
       () => member.value.percentageOfPayoutAmount,
       val => {
-        if (val) {
-          if (val < 0) {
+        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 (val > 100) {
+          } else if (percentage > 100) {
             member.value.percentageOfPayoutAmount = 100;
             dataStore.showToaster('error', dataStore.t('toaster.incorrectInput'), 1000);
           }
@@ -901,7 +914,7 @@ export default {
     watch(
       () => member.value.birthDate,
       val => {
-        if (val && val.length === 10) {
+        if (val && val.length === useMask().date.length) {
           const calculatedAge = member.value.getAgeByBirthDate();
           if (calculatedAge) member.value.age = calculatedAge;
         }
@@ -911,7 +924,7 @@ export default {
     watch(
       () => member.value.otpCode,
       async () => {
-        if (member.value.otpCode && member.value.otpCode.length === 7) {
+        if (member.value.otpCode && member.value.otpCode.length === useMask().otp.length) {
           await checkOtp();
         }
       },
@@ -964,6 +977,7 @@ export default {
       isTask,
       isIinPhoneDisabled,
       isFromGBD,
+      showSaveButton,
 
       // Functions
       searchMember,

package/components/Form/ProductConditions.vue

@@ -1,42 +1,342 @@
 <template>
   <section class="flex flex-col gap-4 px-[10px]">
-    <v-form ref="vForm" @submit="submitForm">
+    <v-form ref="vForm" @submit="submitForm" class="max-h-[82svh] overflow-y-scroll">
+      <base-form-section v-if="$dataStore.isGons" :title="$t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
+        <base-form-text-section
+          class="mb-4"
+          title="Инвалидность I или II группы по причине несчастного случая, начиная с третьего года по любой причине, с освобождением от уплаты страховых взносов"
+          subtitle="Равна страховой сумме по основному покрытию"
+        ></base-form-text-section>
+        <base-form-text-section
+          title="Если лицо, назначенное Выгодоприобретателем, на дату осуществления Страховщиком страховой выплаты не достигло совершеннолетия (восемнадцатилетнего возраста), страховая
+          выплата подлежит осуществлению:"
+          subtitle="Если несовершеннолетний не достиг возраста 14 лет - законному представителю в соответствии с законодательством Республики Казахстан"
+        ></base-form-text-section>
+      </base-form-section>
       <base-form-section :title="$t('generalConditions')">
+        <div v-if="isRecalculation && $route.params.taskId === '0'">
+          <base-form-input
+            v-model="formStore.productConditionsForm.signDate"
+            :maska="$maska.date"
+            :clearable="false"
+            :readonly="true"
+            :label="$t('form.signDate')"
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          ></base-form-input>
+          <base-form-input
+            v-model="formStore.productConditionsForm.birthDate"
+            :maska="$maska.date"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="$t('form.birthDate')"
+            :rules="$rules.required.concat($rules.birthDate)"
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          ></base-form-input>
+          <base-panel-input
+            v-model="formStore.productConditionsForm.gender"
+            :value="formStore.productConditionsForm.gender.nameRu"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="$t('form.gender')"
+            :rules="$rules.objectRequired"
+            append-inner-icon="mdi mdi-chevron-right"
+            @append="openPanel($t('form.gender'), $dataStore.gender, 'gender')"
+          ></base-panel-input>
+        </div>
+        <base-form-input
+          v-model="formStore.productConditionsForm.coverPeriod"
+          :maska="$maska.numbers"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.required.concat($rules.numbers, $rules.coverPeriodFrom3to20)"
+          :label="$t('productConditionsForm.coverPeriodFrom3to20')"
+        ></base-form-input>
+        <base-panel-input
+          v-model="formStore.productConditionsForm.paymentPeriod"
+          :value="formStore.productConditionsForm.paymentPeriod.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.processPaymentPeriod')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
+        ></base-panel-input>
         <base-form-input
           v-model="formStore.productConditionsForm.requestedSumInsured"
-          :rules="$dataStore.rules.numbers"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="requestedSumInsured"
           :label="$t('productConditionsForm.requestedSumInsured')"
         ></base-form-input>
         <base-form-input
           v-model="formStore.productConditionsForm.insurancePremiumPerMonth"
-          :rules="$dataStore.rules.numbers"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
           :label="$t('productConditionsForm.insurancePremiumAmount')"
         ></base-form-input>
       </base-form-section>
     </v-form>
-    <base-btn :text="$t('buttons.calculate')" @click="submitForm"></base-btn>
+    <base-btn
+      v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
+      :loading="isCalculating"
+      :text="$t('buttons.calculate')"
+      @click="submitForm"
+    ></base-btn>
+    <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 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
+            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"
+            :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>
+      </div>
+    </Teleport>
   </section>
 </template>
 
 <script lang="ts">
+import { Value } from '@/composables/classes';
+
 export default defineComponent({
-  setup() {
-    const formStore = useFormStore();
+  props: {
+    isRecalculation: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
     const vForm = ref<any>();
+    const route = useRoute();
+    const router = useRouter();
+    const formStore = useFormStore();
+    const dataStore = useDataStore();
+    const memberStore = useMemberStore();
+
+    const isCalculating = ref<boolean>(false);
+    const isPanelLoading = ref<boolean>(false);
+    const isPanelOpen = ref<boolean>(false);
+    const panelValue = ref<Value>(new Value());
+    const panelList = ref<Value[]>([]);
+    const currentPanel = ref<keyof typeof formStore.productConditionsForm>();
+    const searchQuery = ref<string>('');
+    const whichSum = ref<'insurancePremiumPerMonth' | 'requestedSumInsured' | ''>('');
+
+    const isUnderwriterForm = computed(() => {
+      if (route.params.taskId === '0 ' || props.isRecalculation === true) {
+        return false;
+      } else {
+        return formStore.applicationData.statusCode === 'UnderwriterForm';
+      }
+    });
+    const isDisabled = computed(() => !memberStore.isStatementEditible(formStore.productConditionsFormKey));
+    const isTask = computed(() => (route.params.taskId === '0' && props.isRecalculation === true) || dataStore.isTask());
+    const insurancePremiumPerMonth = computed(() => (!!formStore.productConditionsForm.insurancePremiumPerMonth ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const requestedSumInsured = computed(() => (!!formStore.productConditionsForm.requestedSumInsured ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+
+    const pickPanelValue = (item: Value) => {
+      if (!isDisabled.value) {
+        dataStore.panel.open = false;
+        isPanelOpen.value = false;
+        // @ts-ignore
+        formStore.productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
+      if (!isDisabled.value) {
+        searchQuery.value = '';
+        currentPanel.value = key as keyof typeof formStore.productConditionsForm;
+        isPanelOpen.value = true;
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+
+        let newList = list;
+        if (asyncFunction) {
+          isPanelLoading.value = true;
+          newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
+        }
+        panelList.value = newList;
+        // @ts-ignore
+        panelValue.value = formStore.productConditionsForm[currentPanel.value];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const pickCalculation = async (type: 'insurancePremiumPerMonth' | 'requestedSumInsured') => {
+      if (!type) return false;
+      whichSum.value = type;
+      await submitForm();
+    };
 
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
-        console.log(v);
+        if (v.valid) {
+          if (whichSum.value === 'requestedSumInsured') {
+            formStore.productConditionsForm.insurancePremiumPerMonth = null;
+          }
+          if (whichSum.value === 'insurancePremiumPerMonth') {
+            formStore.productConditionsForm.requestedSumInsured = null;
+          }
+          if (formStore.productConditionsForm.requestedSumInsured !== '' && formStore.productConditionsForm.requestedSumInsured != null) {
+            formStore.productConditionsForm.insurancePremiumPerMonth = null;
+            if (props.isRecalculation) whichSum.value = 'requestedSumInsured';
+          }
+          if (formStore.productConditionsForm.insurancePremiumPerMonth !== '' && formStore.productConditionsForm.insurancePremiumPerMonth != null) {
+            formStore.productConditionsForm.requestedSumInsured = null;
+            if (props.isRecalculation) whichSum.value = 'insurancePremiumPerMonth';
+          }
+
+          if (!whichSum.value && isUnderwriterForm.value === false) {
+            dataStore.showToaster('error', dataStore.t('toaster.emptyProductConditions'));
+            return;
+          }
+
+          if (isUnderwriterForm.value) {
+            type recalculationInfo = {
+              lifeMultiply: string | null;
+              lifeAdditive: string | null;
+              adbMultiply: string | null;
+              adbAdditive: string | null;
+              disabilityMultiply: string | null;
+              disabilityAdditive: string | null;
+              amount?: number | null;
+              premium?: number | null;
+              riskGroup?: string | number | null;
+            };
+            const recalculationData: recalculationInfo = (({ lifeMultiply, lifeAdditive, adbMultiply, adbAdditive, disabilityMultiply, disabilityAdditive }) => ({
+              lifeMultiply,
+              lifeAdditive,
+              adbMultiply,
+              adbAdditive,
+              disabilityMultiply,
+              disabilityAdditive,
+            }))(formStore.productConditionsForm);
+            Object.keys(recalculationData).forEach(key => {
+              // @ts-ignore
+              recalculationData[key] = formatProcents(recalculationData[key]);
+            });
+            recalculationData.amount = Number(formStore.productConditionsForm.requestedSumInsured?.replace(/\s/g, ''));
+            recalculationData.premium = Number(formStore.productConditionsForm.insurancePremiumPerMonth?.replace(/\s/g, ''));
+            recalculationData.riskGroup = formStore.productConditionsForm.riskGroup?.id ? formStore.productConditionsForm.riskGroup.id : 1;
+            isCalculating.value = true;
+            await dataStore.reCalculate(formStore.applicationData.processInstanceId, recalculationData, route.params.taskId, whichSum.value);
+          }
+          isCalculating.value = true;
+          if (props.isRecalculation) {
+            await dataStore.calculateWithoutApplication(true);
+          } else {
+            if (dataStore.isProcessEditable(formStore.applicationData.statusCode)) {
+              await dataStore.calculate(route.params.taskId);
+            }
+          }
+          isCalculating.value = false;
+        } else {
+          const errors = document.querySelector('.v-input--error');
+          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, '')));
+            } else {
+              const errorFieldText = errors.querySelector('.v-input__control');
+              if (errorFieldText) {
+                dataStore.showToaster('error', dataStore.t('toaster.errorFormField').replace('{text}', errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '')));
+              }
+            }
+            errors.scrollIntoView({
+              behavior: 'smooth',
+              block: 'center',
+              inline: 'nearest',
+            });
+          }
+        }
       });
     };
 
+    onMounted(async () => {
+      if (props.isRecalculation === true) {
+        if (route.params.taskId === '0') {
+          const defaultData = await dataStore.getDefaultCalculationData(true);
+          dataStore.additionalInsuranceTermsWithout = defaultData.addCovers;
+          formStore.productConditionsForm.requestedSumInsured = defaultData.amount;
+          formStore.productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
+          formStore.productConditionsForm.processIndexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
+          formStore.productConditionsForm.paymentPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          formStore.productConditionsForm.signDate = reformatDate(defaultData.signDate);
+        }
+      }
+      if (!!formStore.productConditionsForm.insurancePremiumPerMonth) {
+        whichSum.value = 'insurancePremiumPerMonth';
+      }
+      if (!!formStore.productConditionsForm.requestedSumInsured) {
+        whichSum.value = 'requestedSumInsured';
+      }
+    });
+
+    watch(
+      () => formStore.productConditionsForm.requestedSumInsured,
+      val => {
+        if (!val && whichSum.value == 'requestedSumInsured') whichSum.value = '';
+        if (val && whichSum.value != 'insurancePremiumPerMonth') {
+          whichSum.value = 'requestedSumInsured';
+          formStore.productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(val);
+        }
+      },
+    );
+    watch(
+      () => formStore.productConditionsForm.insurancePremiumPerMonth,
+      val => {
+        if (!val && whichSum.value == 'insurancePremiumPerMonth') whichSum.value = '';
+        if (val && whichSum.value != 'requestedSumInsured') {
+          whichSum.value = 'insurancePremiumPerMonth';
+          formStore.productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(val);
+        }
+      },
+    );
+    watch(
+      () => formStore.productConditionsForm.amountOfInsurancePremium,
+      val => {
+        if (val) formStore.productConditionsForm.amountOfInsurancePremium = dataStore.getNumberWithSpaces(val);
+      },
+    );
+
     return {
       // State
       formStore,
       vForm,
+      isCalculating,
+      isPanelLoading,
+      isPanelOpen,
+      panelValue,
+      panelList,
+      searchQuery,
+      whichSum,
+      Value,
+
+      // Computed
+      isTask,
+      isDisabled,
+      isUnderwriterForm,
+      insurancePremiumPerMonth,
+      requestedSumInsured,
 
       // Functions
       submitForm,
+      pickPanelValue,
+      openPanel,
+      pickCalculation,
     };
   },
 });

package/components/Input/FormInput.vue

@@ -35,10 +35,8 @@
 </template>
 
 <script lang="ts">
-import { InputTypes } from '@/composables/models';
-
 export default defineComponent({
-  name: 'BaseRoundedInput',
+  name: 'BaseFormInput',
   props: {
     modelValue: {
       required: false,
@@ -87,7 +85,7 @@ export default defineComponent({
       default: 'text',
     },
     variant: {
-      type: String as PropType<'solo' | 'filled' | 'outlined' | 'plain' | 'underlined'>,
+      type: String as PropType<InputVariants>,
       default: 'solo',
     },
     color: {

package/components/Input/PanelInput.vue

@@ -37,11 +37,10 @@
 </template>
 
 <script lang="ts">
-import { InputTypes } from '@/composables/models';
 import { Value } from '@/composables/classes';
 
 export default defineComponent({
-  name: 'BaseRoundedInput',
+  name: 'BasePanelInput',
   props: {
     modelValue: {
       required: false,
@@ -90,7 +89,7 @@ export default defineComponent({
       default: 'text',
     },
     variant: {
-      type: String as PropType<'solo' | 'filled' | 'outlined' | 'plain' | 'underlined'>,
+      type: String as PropType<InputVariants>,
       default: 'solo',
     },
     color: {

package/components/Input/RoundedInput.vue

@@ -34,10 +34,7 @@
 </template>
 
 <script lang="ts">
-import { InputTypes } from '@/composables/models';
-
 export default defineComponent({
-  extends: {},
   name: 'BaseRoundedInput',
   props: {
     modelValue: {
@@ -84,7 +81,7 @@ export default defineComponent({
       default: 'text',
     },
     variant: {
-      type: String as PropType<'solo' | 'filled' | 'outlined' | 'plain' | 'underlined'>,
+      type: String as PropType<InputVariants>,
       default: 'solo',
     },
     color: {

package/components/Layout/Drawer.vue

@@ -22,7 +22,7 @@ export default defineComponent({
       default: '',
     },
     whichPanel: {
-      type: String as PropType<'settings' | 'panel'>,
+      type: String as PropType<PanelTypes>,
       default: 'panel',
     },
   },

package/composables/classes.ts

@@ -407,7 +407,7 @@ export class Member extends Person {
   email: string | null;
   address: string | null;
   familyStatus: Value;
-  isTerror: Value | null;
+  isTerror: null;
   relationDegree: Value;
   isDisability: Value;
   disabilityGroup: Value | null;
@@ -586,7 +586,7 @@ export class Member extends Person {
     this.email = null;
     this.address = null;
     this.familyStatus = new Value();
-    this.isTerror = new Value();
+    this.isTerror = null;
     this.relationDegree = new Value();
     this.isDisability = new Value();
     this.disabilityGroup = null;
@@ -669,6 +669,9 @@ export class PolicyholdersRepresentativeForm extends Member {
 }
 
 export class ProductConditions {
+  signDate: string | null;
+  birthDate: string | null;
+  gender: Value;
   insuranceCase: string | null;
   coverPeriod: string | null;
   payPeriod: string | null;
@@ -727,6 +730,9 @@ export class ProductConditions {
     riskGroup = new Value(),
     riskGroup2 = new Value(),
   ) {
+    this.signDate = null;
+    this.birthDate = null;
+    this.gender = new Value();
     this.insuranceCase = insuranceCase;
     this.coverPeriod = coverPeriod;
     this.payPeriod = payPeriod;
@@ -801,7 +807,7 @@ export class DataStoreClass {
   historyTotalItems: number;
   isColumnAsc = { ...InitialColumns() };
   idleKey: number;
-  processList: any[] | null;
+  processList: Item[] | null;
   countries: Value[];
   citizenshipCountries: Value[];
   taxCountries: Value[];
@@ -833,13 +839,13 @@ export class DataStoreClass {
   processPaymentPeriod: any[];
   additionalInsuranceTerms: any[];
   additionalInsuranceTermsWithout: any[];
-  taskList: any[];
-  processHistory: any[];
+  taskList: TaskListItem[];
+  processHistory: TaskHistory[];
   contragentList: any[];
   contragentFormKey: string;
   processCode: number | null;
   groupCode: string;
-  userGroups: any[];
+  userGroups: Item[];
   onMainPage: boolean;
   signUrl: string | null;
   SaleChanellPolicyList: any[];
@@ -866,7 +872,7 @@ export class DataStoreClass {
     this.controls = {
       onAuth: false,
       hasGBDFL: true,
-      hasInsis: true,
+      hasInsis: false,
       hasCalculator: false,
     };
     this.hasLayoutMargins = true;

package/composables/constants.ts

@@ -30,6 +30,7 @@ export const constants = Object.freeze({
     supervisor: 'Supervisor',
     support: 'Support',
     managerHalykBank: 'ManagerHalykBank',
+    serviceManager: 'ServiceManager',
   },
   actions: {
     accept: 'accept',

package/composables/index.ts

@@ -3,6 +3,17 @@ import jwt_decode from 'jwt-decode';
 import { XMLParser } from 'fast-xml-parser';
 import { AxiosError } from 'axios';
 
+export class Masks {
+  numbers: string = '#*';
+  otp: string = '# # # #';
+  iin: string = '###-###-###-###';
+  phone: string = '+7 (7##) ### ## ##';
+  date: string = '##.##.####';
+  post: string = '######';
+}
+
+export const useMask = () => new Masks();
+
 export const useDisplayInfo = useDisplay;
 
 export const capitalize = (word: string): string => (word ? word.charAt(0).toUpperCase() + word.slice(1).toLowerCase() : word);
@@ -15,6 +26,10 @@ const xmlParser = new XMLParser({
   },
 });
 
+export const getNumber = (number: string) => {
+  return number ? Number(number.replace(/\s/g, '')) : null;
+};
+
 export const formatDate = (date: string) => {
   if (date) {
     const data = date.split('.');

package/layouts/default.vue

@@ -38,7 +38,7 @@ const openSettings = async () => {
 
 const onLink = async (item: MenuItem) => {
   if (dataStore.menu.onLink) await dataStore.menu.onLink(item);
-  dataStore.menu.selectedItem = item;
+  if (typeof item.disabled === 'boolean' ? !item.disabled : true) dataStore.menu.selectedItem = item;
 };
 
 const onBack = async (item: MenuItem) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.17",
+  "version": "0.0.7-beta.19",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",

package/plugins/helperFunctionsPlugins.ts

@@ -1,5 +1,6 @@
-import { capitalize, getFullNameShorted, reformatIin } from '../composables';
+import { capitalize, getFullNameShorted, reformatIin, Masks } from '../composables';
 import { constants } from '../composables/constants';
+import { Styles } from '../composables/styles';
 import Vidle from 'v-idle-3';
 import Maska from 'maska';
 
@@ -11,6 +12,8 @@ export default defineNuxtPlugin(nuxtApp => {
     provide: {
       capitalize: capitalize,
       getFullNameShorted: getFullNameShorted,
+      libStyles: new Styles(),
+      maska: new Masks(),
       reformatIin: reformatIin,
       constants: constants,
     },

package/plugins/storePlugin.ts

@@ -1,7 +1,8 @@
 import { useDataStore } from '../store/data.store';
-import { Styles } from '../composables/styles';
 
 export default defineNuxtPlugin(nuxtApp => {
+  const dataStore = useDataStore();
+
   nuxtApp.vueApp.use(useDataStore().toast.default, {
     transition: 'Vue-Toastification__fade',
     maxToasts: 5,
@@ -10,11 +11,10 @@ export default defineNuxtPlugin(nuxtApp => {
 
   return {
     provide: {
-      dataStore: useDataStore(),
-      rules: useDataStore().rules,
-      libStyles: new Styles(),
-      t: useDataStore().t,
-      toast: useDataStore().showToaster,
+      dataStore: dataStore,
+      rules: dataStore.rules,
+      t: dataStore.t,
+      toast: dataStore.showToaster,
     },
   };
 });

package/store/data.store.js

@@ -2,7 +2,7 @@ import { defineStore } from 'pinia';
 import { t } from './messages';
 import { rules } from './rules';
 import { Toast, Types, Positions, ToastOptions } from './toast';
-import { isValidGUID, yearEnding, jwtDecode, ErrorHandler, getKeyWithPattern } from '../composables';
+import { isValidGUID, yearEnding, jwtDecode, ErrorHandler, getKeyWithPattern, getNumber } from '../composables';
 import { DataStoreClass, Contragent } from '../composables/classes';
 import { ApiClass } from '@/api';
 import { useFormStore } from './form.store';
@@ -52,8 +52,11 @@ export const useDataStore = defineStore('data', {
     sendToParent(action, value) {
       window.parent.postMessage({ action: action, value: value }, '*');
     },
+    getChildIframe() {
+      return document.getElementById('product-iframe');
+    },
     sendToChild(action, value) {
-      const childFrame = document.getElementById('product-iframe');
+      const childFrame = this.getChildIframe();
       if (childFrame && childFrame.contentWindow && childFrame.contentWindow.postMessage) {
         childFrame.contentWindow.postMessage({ action: action, value: value }, '*');
       }
@@ -107,18 +110,15 @@ export const useDataStore = defineStore('data', {
         }
         if (this.controls.onAuth) {
           const hasPermission =
-            this.isManager() ||
+            this.isInitiator() ||
             this.isUnderwriter() ||
             this.isAdmin() ||
-            this.isAgent() ||
             this.isCompliance() ||
-            this.isAgentMycar() ||
             this.isAnalyst() ||
             this.isUpk() ||
             this.isFinanceCenter() ||
             this.isSupervisor() ||
-            this.isSupport() ||
-            this.isManagerHalykBank();
+            this.isSupport();
           if (hasPermission) {
             localStorage.setItem('accessToken', this.accessToken);
             localStorage.setItem('refreshToken', this.refreshToken);
@@ -159,7 +159,7 @@ export const useDataStore = defineStore('data', {
       return !!isRole;
     },
     isInitiator() {
-      return this.isManager() || this.isAgent() || this.isAgentMycar() || this.isManagerHalykBank();
+      return this.isManager() || this.isAgent() || this.isAgentMycar() || this.isManagerHalykBank() || this.isServiceManager();
     },
     isManager() {
       return this.isRole(constants.roles.manager);
@@ -176,6 +176,9 @@ export const useDataStore = defineStore('data', {
     isManagerHalykBank() {
       return this.isRole(constants.roles.managerHalykBank);
     },
+    isServiceManager() {
+      return this.isRole(constants.roles.serviceManager);
+    },
     isUnderwriter() {
       return this.isRole(constants.roles.underwriter);
     },
@@ -831,16 +834,21 @@ export const useDataStore = defineStore('data', {
             await this.api.deleteMember('Spokesman', this.formStore.applicationData.processInstanceId);
           }
           data.migrationCard = member.migrationCard;
-          data.migrationCardIssueDate = formatDate(member.migrationCardIssueDate);
-          data.migrationCardExpireDate = formatDate(member.migrationCardExpireDate);
+          const migrationCardIssueDate = formatDate(member.migrationCardIssueDate);
+          if (migrationCardIssueDate) data.migrationCardIssueDate = migrationCardIssueDate.toISOString();
+          const migrationCardExpireDate = formatDate(member.migrationCardExpireDate);
+          if (migrationCardExpireDate) data.migrationCardExpireDate = migrationCardExpireDate.toISOString();
           data.confirmDocType = member.confirmDocType;
           data.confirmDocNumber = member.confirmDocNumber;
-          data.confirmDocIssueDate = formatDate(member.migrationCardIssueDate);
-          data.confirmDocExpireDate = formatDate(member.migrationCardExpireDate);
+          const confirmDocIssueDate = formatDate(member.confirmDocIssueDate);
+          if (confirmDocIssueDate) data.confirmDocIssueDate = confirmDocIssueDate.toISOString();
+          const confirmDocExpireDate = formatDate(member.confirmDocExpireDate);
+          if (confirmDocExpireDate) data.confirmDocExpireDate = confirmDocExpireDate.toISOString();
           data.clientLongName = this.formStore.applicationData.clientApp.longName;
           data.notaryLongName = member.notaryLongName;
           data.notaryLicenseNumber = member.notaryLicenseNumber;
-          data.notaryLicenseDate = formatDate(member.notaryLicenseDate);
+          const notaryLicenseDate = formatDate(member.notaryLicenseDate);
+          if (notaryLicenseDate) data.notaryLicenseDate = notaryLicenseDate.toISOString();
           data.notaryLicenseIssuer = member.notaryLicenseIssuer;
           data.jurLongName = member.jurLongName;
           data.fullNameRod = member.fullNameRod;
@@ -1322,7 +1330,7 @@ export const useDataStore = defineStore('data', {
         id: this.affilationResolution.id,
         processInstanceId: this.affilationResolution.processInstanceId,
         number: this.affilationResolution.number,
-        date: formatDate(this.affilationResolution.date),
+        date: formatDate(this.affilationResolution.date)?.toISOString(),
       };
       try {
         this.isLoading = true;
@@ -1372,6 +1380,46 @@ export const useDataStore = defineStore('data', {
         console.log(err);
       }
     },
+    async getDefaultCalculationData(showLoader = false) {
+      this.isLoading = showLoader;
+      try {
+        const calculationData = await this.api.getDefaultCalculationData();
+        return calculationData;
+      } catch (err) {
+        ErrorHandler(err);
+      } finally {
+        this.isLoading = false;
+      }
+    },
+    async calculateWithoutApplication(showLoader = false) {
+      this.isLoading = showLoader;
+      try {
+        const calculationData = {
+          signDate: formatDate(this.formStore.productConditionsForm.signDate)?.toISOString(),
+          birthDate: formatDate(this.formStore.productConditionsForm.birthDate)?.toISOString(),
+          gender: this.formStore.productConditionsForm.gender.id,
+          amount: getNumber(this.formStore.productConditionsForm.requestedSumInsured),
+          premium: getNumber(this.formStore.productConditionsForm.insurancePremiumPerMonth),
+          coverPeriod: this.formStore.productConditionsForm.coverPeriod,
+          payPeriod: this.formStore.productConditionsForm.coverPeriod,
+          indexRateId: this.formStore.productConditionsForm.processIndexRate?.id
+            ? this.formStore.productConditionsForm.processIndexRate.id
+            : this.processIndexRate.find(i => i.code === '0')?.id,
+          paymentPeriodId: this.formStore.productConditionsForm.paymentPeriod.id,
+          addCovers: this.additionalInsuranceTermsWithout,
+        };
+        const calculationResponse = await this.api.calculateWithoutApplication(calculationData);
+        this.formStore.productConditionsForm.requestedSumInsured = this.getNumberWithSpaces(calculationResponse.amount);
+        this.formStore.productConditionsForm.insurancePremiumPerMonth = this.getNumberWithSpaces(calculationResponse.premium);
+        this.additionalInsuranceTermsWithout = calculationResponse.addCovers;
+        this.showToaster('success', this.t('toaster.calculated'), 1000);
+      } catch (err) {
+        ErrorHandler(err);
+      } finally {
+        this.isLoading = false;
+        return !!this.formStore.productConditionsForm.requestedSumInsured && !!this.formStore.productConditionsForm.insurancePremiumPerMonth;
+      }
+    },
     async calculate(taskId) {
       this.isLoading = true;
       try {
@@ -1846,8 +1894,6 @@ export const useDataStore = defineStore('data', {
             )}₸`,
             4000,
           );
-        } else {
-          ErrorHandler(err);
         }
       } catch (err) {
         console.log(err);
@@ -1877,7 +1923,7 @@ export const useDataStore = defineStore('data', {
           const localMembers = [...this.formStore[localKey]].sort((a, b) => a.id - b.id);
           const applicationMembers = [...this.formStore.applicationData[applicationKey]].sort((a, b) => a.insisId - b.insisId);
           if (localMembers.every((each, index) => applicationMembers[index].insisId === each.id && applicationMembers[index].iin === each.iin.replace(/-/g, '')) === false) {
-            this.showToaster('error', this.t('toaster.notSavedMember', { text: text }), 3000);
+            this.showToaster('error', this.t('toaster.notSavedMember').replace('{text}', text), 3000);
             return false;
           }
           if (localKey === this.formStore.beneficiaryFormKey) {
@@ -1892,15 +1938,15 @@ export const useDataStore = defineStore('data', {
         }
       } else {
         if (this.formStore[localKey].some(i => i.iin !== null)) {
-          this.showToaster('error', this.t('toaster.notSavedMember', { text: text }), 3000);
+          this.showToaster('error', this.t('toaster.notSavedMember').replace('{text}', text), 3000);
           return false;
         }
         if (this.formStore.applicationData[applicationKey].length !== 0) {
-          this.showToaster('error', this.t('toaster.notSavedMember', { text: text }), 3000);
+          this.showToaster('error', this.t('toaster.notSavedMember').replace('{text}', text), 3000);
           return false;
         } else {
           if (this.formStore[localKey][0].iin !== null) {
-            this.showToaster('error', this.t('toaster.notSavedMember', { text: text }), 3000);
+            this.showToaster('error', this.t('toaster.notSavedMember').replace('{text}', text), 3000);
             return false;
           }
         }
@@ -1913,7 +1959,7 @@ export const useDataStore = defineStore('data', {
         return false;
       }
       if (this.formStore.policyholderForm.id !== this.formStore.applicationData.clientApp.insisId) {
-        this.showToaster('error', this.t('toaster.notSavedMember', { text: 'страхователя' }), 3000);
+        this.showToaster('error', this.t('toaster.notSavedMember').replace('{text}', 'страхователя'), 3000);
         return false;
       }
       if (this.validateMultipleMembers(this.formStore.insuredFormKey, 'insuredApp', 'застрахованных') === false) {

package/store/member.store.ts

@@ -219,7 +219,7 @@ export const useMemberStore = defineStore('members', {
       let otpStatus: boolean = false;
       let otpResponse: any = {};
       try {
-        if (member.iin && member.phoneNumber && member.iin.length === 15 && member.phoneNumber.length === 18) {
+        if (member.iin && member.phoneNumber && member.iin.length === useMask().iin.length && member.phoneNumber.length === useMask().phone.length) {
           const status = await this.getOtpStatus(member.iin, member.phoneNumber, processInstanceId);
           if (status === true) {
             this.dataStore.showToaster('success', this.dataStore.t('toaster.hasSuccessOtp'), 3000);
@@ -261,7 +261,7 @@ export const useMemberStore = defineStore('members', {
                 this.dataStore.showToaster('success', this.dataStore.t('toaster.successOtp'), 3000);
               }
             } else {
-              this.dataStore.showToaster('error', this.dataStore.t('error.snoOtpResponse'), 3000);
+              this.dataStore.showToaster('error', this.dataStore.t('error.noOtpResponse'), 3000);
               return { otpStatus };
             }
           }

package/store/messages.ts

@@ -101,6 +101,7 @@ export const messages = {
       tokenExpire: 'Истекло время ожидания',
     },
     buttons: {
+      createStatement: 'Создать заявку',
       add: 'Добавить',
       userLogin: 'Логин',
       password: 'Пароль',
@@ -205,6 +206,7 @@ export const messages = {
     coverPeriod: 'Срок',
     requestedSumInsured: 'Запрашиваемая сумма',
     insurancePremiumPerMonth: 'Премия в месяц',
+    noStatementCalculator: 'Калькулятор стоимости без ввода данных',
     agreement: 'Согласие',
     clientsStatement: 'Заявление клиента',
     document: 'Документ',
@@ -229,6 +231,7 @@ export const messages = {
       processIndexRate: 'Запрашиваемый размер коэффициента индексации (от 3% до 7%)',
       processPaymentPeriod: 'Периодичность оплаты страховой премии:',
       requestedSumInsured: 'Страховая сумма',
+      sumInsured: 'Страховая сумма',
       insurancePremiumPerMonth: 'Страховая премия',
       hint: 'Сумма рассчитывается автоматически',
       additional: 'Дополнительные условия страхования',
@@ -342,6 +345,7 @@ export const messages = {
       firstName: 'Имя',
       middleName: 'Отчество',
       birthDate: 'Дата рождения',
+      signDate: 'Дата расчета',
       age: 'Возраст',
       gender: 'Пол',
       familyStatus: 'Семейное положение',

package/store/rules.js

@@ -2,7 +2,7 @@ import { t } from './messages';
 import { formatDate } from '../composables';
 
 export const rules = {
-  recalculationMultiply: [v => (v !== null && v !== '' && v >= 100) || t('toaster.valueShouldBeHigher', { text: 100 })],
+  recalculationMultiply: [v => (v !== null && v !== '' && v >= 100) || t('toaster.valueShouldBeHigher').replace('{text}', '100')],
   recalculationAdditive: [
     v =>
       (v !== null && v !== '' && v <= 100 && v >= 0) ||
@@ -63,7 +63,7 @@ export const rules = {
   ],
   iinRight: [
     v => {
-      if (v.length !== 15) {
+      if (v.length !== useMask().iin.length) {
         return t('rules.iinRight');
       }
       return true;
@@ -75,7 +75,7 @@ export const rules = {
       if (v === null || v == '') {
         return true;
       }
-      if (v && v.length === 18) {
+      if (v && v.length === useMask().phone.length) {
         return true;
       } else {
         return t('rules.phoneFormat');
@@ -110,6 +110,20 @@ export const rules = {
           return t('rules.coverPeriod');
         }
         return true;
+      } else {
+        return t('rules.coverPeriod');
+      }
+    },
+  ],
+  coverPeriodFrom3to20: [
+    v => {
+      if (v !== null) {
+        if (v < 3 || v > 20) {
+          return t('productConditionsForm.coverPeriodFrom3to20');
+        }
+        return true;
+      } else {
+        return t('productConditionsForm.coverPeriodFrom3to20');
       }
     },
   ],

package/composables/models.ts

@@ -1,43 +0,0 @@
-export type InputTypes =
-  | 'button'
-  | 'checkbox'
-  | 'color'
-  | 'date'
-  | 'datetime-local'
-  | 'email'
-  | 'file'
-  | 'hidden'
-  | 'image'
-  | 'month'
-  | 'number'
-  | 'password'
-  | 'radio'
-  | 'range'
-  | 'reset'
-  | 'search'
-  | 'submit'
-  | 'tel'
-  | 'text'
-  | 'time'
-  | 'url'
-  | 'week';
-
-export type TaskListItem = {
-  addRegNumber: string | number;
-  applicationTaskId: string;
-  dateCreated: string;
-  historyStatus: string;
-  historyStatusTitle: string;
-  id: string;
-  iin: string;
-  insurerIin: string;
-  insurerLongName: string;
-  isTask: boolean | number;
-  longName: string;
-  number: string;
-  processCode: number;
-  processCodeTitle: string;
-  status: string;
-  userId: string;
-  userName: string;
-};