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

package/components/Pages/ProductConditions.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="flex flex-col gap-4 px-[10px]">
     <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-section v-if="whichProduct === 'gons'" :title="$t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
         <base-form-text-section
           class="mb-4"
           title="Инвалидность I или II группы по причине несчастного случая, начиная с третьего года по любой причине, с освобождением от уплаты страховых взносов"
@@ -13,6 +13,40 @@
           subtitle="Если несовершеннолетний не достиг возраста 14 лет - законному представителю в соответствии с законодательством Республики Казахстан"
         ></base-form-text-section>
       </base-form-section>
+      <base-form-section v-if="isUnderwriterRole && $dataStore.hasClientAnketa && $dataStore.isClientAnketaCondition" :title="$t('policyholderForm')">
+        <base-form-input
+          v-model="productConditionsForm.lifeMultiplyClient"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Life Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.lifeAdditiveClient"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Life Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        ></base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.longName" :label="$t('labels.policyholderLongName')" :readonly="true"> </base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.job" :label="$t('form.job')" :readonly="true"> </base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.jobPosition" :label="$t('form.jobPosition')" :readonly="true"> </base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.birthDate" :label="$t('form.birthDate')" :readonly="true"> </base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.age" :label="$t('form.age')" :readonly="true"> </base-form-input>
+        <base-form-input v-model="formStore.policyholderForm.gender.nameRu" class="mb-4" :label="$t('form.gender')" :readonly="true"> </base-form-input>
+      </base-form-section>
+      <base-form-section v-if="isUnderwriterRole && $dataStore.members.insuredApp.has === true" :title="$t('insuredForm')">
+        <div v-for="(insured, index) of formStore.insuredForm" :key="index">
+          <base-form-input v-model="insured.longName" :label="$t('labels.insurerLongName')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.job" :label="$t('form.job')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.jobPosition" :label="$t('form.jobPosition')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.birthDate" :label="$t('form.birthDate')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.age" :label="$t('form.age')" :readonly="true"> </base-form-input>
+          <base-form-input v-model="insured.gender.nameRu" class="mb-4" :label="$t('form.gender')" :readonly="true"> </base-form-input>
+        </div>
+      </base-form-section>
       <base-form-section v-if="isUnderwriterRole" :title="$t('recalculationInfo')">
         <base-form-input
           v-model="productConditionsForm.lifeMultiply"
@@ -31,6 +65,7 @@
           :rules="$dataStore.rules.recalculationAdditive"
         ></base-form-input>
         <base-form-input
+          v-if="hasAdbMultiply"
           v-model="productConditionsForm.adbMultiply"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
@@ -39,6 +74,7 @@
           :rules="$dataStore.rules.recalculationMultiply"
         ></base-form-input>
         <base-form-input
+          v-if="hasAdbAdditive"
           v-model="productConditionsForm.adbAdditive"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
@@ -64,6 +100,7 @@
         >
         </base-form-input>
         <base-panel-input
+          v-if="hasRiskGroup"
           v-model="productConditionsForm.riskGroup"
           :value="productConditionsForm.riskGroup.nameRu"
           :label="$t('productConditionsForm.riskGroup')"
@@ -74,7 +111,7 @@
         ></base-panel-input>
       </base-form-section>
       <base-form-section :title="$t('generalConditions')">
-        <div v-if="isRecalculation && $route.params.taskId === '0'">
+        <div v-if="isRecalculation && ($route.params.taskId === '0' || $dataStore.isCalculator)">
           <base-form-input
             v-model="productConditionsForm.signDate"
             :maska="$maska.date"
@@ -108,10 +145,11 @@
           :maska="$maska.numbers"
           :readonly="isDisabled"
           :clearable="!isDisabled"
-          :rules="$rules.required.concat($rules.numbers, $rules.coverPeriodFrom3to20)"
-          :label="$t('productConditionsForm.coverPeriodFrom3to20')"
+          :rules="coverPeriodRule"
+          :label="$t(whichProduct === 'gons' ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
         ></base-form-input>
         <base-panel-input
+          v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
           :value="productConditionsForm.paymentPeriod.nameRu"
           :readonly="isDisabled"
@@ -121,12 +159,37 @@
           append-inner-icon="mdi mdi-chevron-right"
           @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
         ></base-panel-input>
+        <base-panel-input
+          v-if="hasProcessIndexRate"
+          v-model="productConditionsForm.processIndexRate"
+          :value="productConditionsForm.processIndexRate.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.processIndexRate')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
+        ></base-panel-input>
         <base-form-input
           v-model="productConditionsForm.requestedSumInsured"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="requestedSumInsured"
-          :label="$t('productConditionsForm.requestedSumInsured')"
+          :label="requestedSumInsuredLabel"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputSum"
+          @onClear="onClearSum"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasRequestedSumInsuredInDollar"
+          v-model="productConditionsForm.requestedSumInsuredInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="requestedSumInsured"
+          :label="$t('productConditionsForm.requestedSumInsuredInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputSumDollar"
+          @onClear="onClearSumDollar"
         ></base-form-input>
         <base-form-input
           v-model="productConditionsForm.insurancePremiumPerMonth"
@@ -134,11 +197,105 @@
           :clearable="!isDisabled"
           :rules="insurancePremiumPerMonth"
           :label="$t('productConditionsForm.insurancePremiumAmount')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputInsurancePremiumPerMonth"
+          @onClear="onClearPremium"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasInsurancePremiumPerMonthInDollar"
+          v-model="productConditionsForm.insurancePremiumPerMonthInDollar"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
+          :label="$t('productConditionsForm.insurancePremiumAmountInDollar')"
+          :suffix="$constants.currencySymbols.usd"
+          @input="onInputInsurancePremiumPerMonthInDollar"
+          @onClear="onClearPremiumDollar"
+        ></base-form-input>
+        <base-form-input
+          v-if="hasCurrency && $dataStore.currencies.usd"
+          v-model="$dataStore.currencies.usd"
+          :readonly="true"
+          :label="$t('productConditionsForm.dollarExchangeRateNBRK')"
+          :suffix="$constants.currencySymbols.kzt"
         ></base-form-input>
       </base-form-section>
+      <base-form-section :title="$t('calculationAnnuityPayments')" v-if="hasAnnuityPayments">
+        <base-form-toggle
+          v-model="productConditionsForm.additionalConditionAnnuityPayments"
+          :title="$t('productConditionsForm.guaranteedTermAnnuityPayments')"
+          :disabled="isDisabled"
+          :has-border="false"
+        ></base-form-toggle>
+        <base-form-input
+          v-if="productConditionsForm.additionalConditionAnnuityPayments"
+          v-model="productConditionsForm.guaranteedPeriod"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="
+            productConditionsForm.termAnnuityPayments
+              ? [$dataStore.rules.guaranteedPeriodLimit(productConditionsForm.guaranteedPeriod, productConditionsForm.termAnnuityPayments)]
+              : []
+          "
+          :label="$t('productConditionsForm.guaranteedPeriod')"
+        ></base-form-input>
+        <base-panel-input
+          v-model="productConditionsForm.typeAnnuityInsurance"
+          :value="productConditionsForm.typeAnnuityInsurance.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.typeAnnuityInsurance')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.typeAnnuityInsurance'), $dataStore.dicAnnuityTypeList, 'typeAnnuityInsurance', $dataStore.getDicAnnuityTypeList)"
+        ></base-panel-input>
+        <base-form-input
+          v-if="productConditionsForm.typeAnnuityInsurance.code !== 'Lifelong'"
+          v-model="productConditionsForm.termAnnuityPayments"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$dataStore.rules.required.concat($dataStore.rules.numbers)"
+          :label="$t('productConditionsForm.termAnnuityPayments')"
+        ></base-form-input>
+        <base-panel-input
+          v-model="productConditionsForm.periodAnnuityPayment"
+          :value="productConditionsForm.periodAnnuityPayment.nameRu"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="$rules.objectRequired"
+          :label="$t('productConditionsForm.periodAnnuityPayment')"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="
+            openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processAnnuityPaymentPeriod, 'periodAnnuityPayment', $dataStore.getProcessAnnuityPaymentPeriod)
+          "
+        ></base-panel-input>
+        <base-form-input
+          v-model="productConditionsForm.amountAnnuityPayments"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="amountAnnuityPayments"
+          :label="$t('productConditionsForm.amountAnnuityPayments')"
+        ></base-form-input>
+      </base-form-section>
+      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$t('productConditionsForm.additional')">
+        <div v-for="(term, index) of additionalTerms" :key="index">
+          <base-panel-input
+            v-if="filterTermConditions(term)"
+            v-model="additionalTerms[index]"
+            :value="term.coverSumName"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="term.coverTypeName"
+            append-inner-icon="mdi mdi-chevron-right"
+            :suffix="!!term.amount ? `${formatTermValue(term.amount)} ${currencySymbolsAddTerm}` : ''"
+            @append="openTermPanel(term.coverTypeName, $dataStore.getAdditionalInsuranceTermsAnswers, term.coverTypeId, index)"
+          ></base-panel-input>
+        </div>
+      </base-form-section>
     </v-form>
+    <base-btn v-if="!$dataStore.isCalculator && isRecalculation && hasCalculated" :btn="$libStyles.greenLightBtn" :text="$t('buttons.toStatement')" @click="toStatement"></base-btn>
     <base-btn
-      v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
+      v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
       :text="$t('buttons.calculate')"
       @click="submitForm"
@@ -149,7 +306,7 @@
     </div>
     <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>
+        <base-rounded-input v-model.trim="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
@@ -163,6 +320,21 @@
         <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
       </div>
     </Teleport>
+    <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
+      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+        <base-rounded-input v-model.trim="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
+            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 === termValue?.coverSumName"
+            @click="pickTermValue(item)"
+          ></base-panel-select-item>
+        </div>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+      </div>
+    </Teleport>
   </section>
 </template>
 
@@ -175,6 +347,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    product: {
+      type: String,
+      default: false,
+    },
   },
   setup(props) {
     const vForm = ref<any>();
@@ -184,16 +360,21 @@ export default defineComponent({
     const dataStore = useDataStore();
     const memberStore = useMemberStore();
 
+    const whichProduct = ref<string>(dataStore.isCalculator ? props.product : dataStore.product!);
     const isCalculating = ref<boolean>(false);
     const isPanelLoading = ref<boolean>(false);
     const isPanelOpen = ref<boolean>(false);
+    const isTermsPanelOpen = ref<boolean>(false);
     const panelValue = ref<Value>(new Value());
+    const termValue = ref<AddCover>();
     const panelList = ref<Value[]>([]);
     const productConditionsForm = formStore.productConditionsForm;
     const currentPanel = ref<keyof typeof productConditionsForm>();
+    const currentIndex = ref<number>();
     const searchQuery = ref<string>('');
     const whichSum = ref<'insurancePremiumPerMonth' | 'requestedSumInsured' | ''>('');
 
+    const additionalTerms = ref<AddCover[]>([]);
     const isUnderwriterForm = computed(() => {
       if (route.params.taskId === '0 ' || props.isRecalculation === true) {
         return false;
@@ -201,25 +382,134 @@ export default defineComponent({
         return formStore.applicationData.statusCode === 'UnderwriterForm';
       }
     });
-    const isDisabled = computed(() => !memberStore.isStatementEditible(formStore.productConditionsFormKey));
+    const isDisabled = computed(() => (dataStore.isCalculator ? false : !memberStore.isStatementEditible(formStore.productConditionsFormKey)));
     const isTask = computed(() => (route.params.taskId === '0' && props.isRecalculation === true) || dataStore.isTask());
     const isRecalculationDisabled = computed(() => formStore.isDisabled.recalculationForm);
     const isUnderwriterRole = computed(() => dataStore.isUnderwriter() || dataStore.isAdmin() || dataStore.isSupport());
     const insurancePremiumPerMonth = computed(() => (!!productConditionsForm.insurancePremiumPerMonth ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
     const requestedSumInsured = computed(() => (!!productConditionsForm.requestedSumInsured ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const hasCalculated = computed(() => !!productConditionsForm.requestedSumInsured && !!productConditionsForm.insurancePremiumPerMonth);
+    const amountAnnuityPayments = computed(() => (!!productConditionsForm.amountAnnuityPayments ? dataStore.rules.required.concat(dataStore.rules.sums) : []));
+    const hasProcessIndexRate = computed(() => {
+      if (whichProduct.value === 'gons' || whichProduct.value === 'halykkazyna' || whichProduct.value === 'liferenta') {
+        return false;
+      }
+      return true;
+    });
+    const hasPaymentPeriod = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return false;
+      }
+      return true;
+    });
+    const hasRequestedSumInsuredInDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasInsurancePremiumPerMonthInDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasCurrency = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return false;
+    });
+    const hasAdbMultiply = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasAdbAdditive = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasRiskGroup = computed(() => {
+      if (whichProduct.value === 'gons') {
+        return false;
+      }
+      return true;
+    });
+    const hasAnnuityPayments = computed(() => {
+      if (whichProduct.value === 'liferenta') {
+        return true;
+      }
+      return false;
+    });
+    const coverPeriodRule = computed(() => {
+      const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
+      if (whichProduct.value === 'gons') {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom3to20);
+      }
+      if (whichProduct.value === 'halykkazyna') {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom2to20);
+      }
+      return baseCondition;
+    });
+    const currencySymbolsAddTerm = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return constants.currencySymbols.usd;
+      }
+      return constants.currencySymbols.kzt;
+    });
+    const requestedSumInsuredLabel = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return dataStore.t('productConditionsForm.requestedSumInsuredInTenge');
+      }
+      return dataStore.t('productConditionsForm.requestedSumInsured');
+    });
+
+    const formatTermValue = (term: number) => {
+      if (term !== null) {
+        return Number.isInteger(term) ? dataStore.getNumberWithSpaces(term) : dataStore.getNumberWithDot(term);
+      }
+      return null;
+    };
+
+    const toStatement = async () => {
+      const statementItem = dataStore.menuItems.find(i => i.id === 'statement');
+      if (statementItem) {
+        dataStore.menu.selectedItem = statementItem;
+        await router.replace({
+          name: 'taskId',
+          query: {
+            ...route.query,
+            tab: 'statement',
+          },
+        });
+      }
+    };
 
     const pickPanelValue = (item: Value) => {
       dataStore.panel.open = false;
       isPanelOpen.value = false;
+      if (!currentPanel.value) return;
       // @ts-ignore
       productConditionsForm[currentPanel.value] = item.nameRu === null ? new Value() : item;
     };
 
+    const pickTermValue = (item: Value) => {
+      dataStore.panel.open = false;
+      isTermsPanelOpen.value = false;
+      if (typeof currentIndex.value !== 'number') return;
+      additionalTerms.value[currentIndex.value].coverSumId = item.id as string;
+      additionalTerms.value[currentIndex.value].coverSumName = item.nameRu as string;
+    };
+
     const openPanel = async (title: string, list: Value[], key: string, asyncFunction?: Function, filterKey?: string) => {
       if (!isDisabled.value || (key === 'riskGroup' && !isRecalculationDisabled.value)) {
         searchQuery.value = '';
         currentPanel.value = key as keyof typeof productConditionsForm;
         isPanelOpen.value = true;
+        isTermsPanelOpen.value = false;
         dataStore.panelAction = null;
         dataStore.panel.open = true;
         dataStore.panel.title = title;
@@ -229,7 +519,7 @@ export default defineComponent({
           isPanelLoading.value = true;
           newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
         }
-        panelList.value = newList;
+        panelList.value = filterList(newList, key);
         // @ts-ignore
         panelValue.value = productConditionsForm[currentPanel.value];
         isPanelLoading.value = false;
@@ -238,6 +528,39 @@ export default defineComponent({
       }
     };
 
+    const filterList = (list: Value[], key: string) => {
+      if (whichProduct.value === 'baiterek') {
+        if (dataStore.isManagerHalykBank()) {
+          if (key === 'paymentPeriod') return list.filter(i => i.code !== 'single');
+        }
+      }
+      return list;
+    };
+
+    const openTermPanel = async (title: string, asyncFunction: Function, questionId: string, index: number) => {
+      if (!isDisabled.value) {
+        searchQuery.value = '';
+        currentIndex.value = index;
+        isPanelOpen.value = false;
+        isTermsPanelOpen.value = true;
+        dataStore.panelAction = null;
+        dataStore.panel.open = true;
+        dataStore.panel.title = title;
+
+        let newList;
+        if (asyncFunction) {
+          isPanelLoading.value = true;
+          newList = await asyncFunction(questionId);
+        }
+        panelList.value = newList;
+        // @ts-ignore
+        termValue.value = additionalTerms.value[index];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
     const underwriterCalculate = async (type: 'sum' | 'premium') => {
       if (!type) return;
       if (type === 'sum') {
@@ -255,6 +578,81 @@ export default defineComponent({
       await submitForm();
     };
 
+    const onInputInsurancePremiumPerMonth = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremiumDollar = getNumber(event.target.value as string);
+        if (calculatedPremiumDollar) {
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonth);
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(calculatedPremiumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputInsurancePremiumPerMonthInDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedPremium = getNumber(event.target.value as string);
+        if (calculatedPremium) {
+          productConditionsForm.insurancePremiumPerMonthInDollar = dataStore.getNumberWithSpaces(productConditionsForm.insurancePremiumPerMonthInDollar);
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(calculatedPremium * dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSum = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSumDollar = getNumber(event.target.value as string);
+        if (calculatedSumDollar) {
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsured);
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(calculatedSumDollar / dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onInputSumDollar = (event: Event) => {
+      if (event.target && 'value' in event.target && event.target.value && dataStore.currencies.usd) {
+        const calculatedSum = getNumber(event.target.value as string);
+        if (calculatedSum) {
+          productConditionsForm.requestedSumInsuredInDollar = dataStore.getNumberWithSpaces(productConditionsForm.requestedSumInsuredInDollar);
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(calculatedSum * dataStore.currencies.usd);
+        }
+      }
+    };
+
+    const onClearSum = () => {
+      productConditionsForm.requestedSumInsuredInDollar = null;
+    };
+
+    const onClearSumDollar = () => {
+      productConditionsForm.requestedSumInsured = null;
+    };
+
+    const onClearPremium = () => {
+      productConditionsForm.insurancePremiumPerMonthInDollar = null;
+    };
+
+    const onClearPremiumDollar = () => {
+      productConditionsForm.insurancePremiumPerMonth = null;
+    };
+
+    const clearFields = () => {
+      productConditionsForm.coverPeriod = null;
+      productConditionsForm.birthDate = null;
+      productConditionsForm.gender = new Value();
+      productConditionsForm.paymentPeriod = new Value();
+      productConditionsForm.processIndexRate = new Value();
+      productConditionsForm.requestedSumInsured = null;
+      productConditionsForm.requestedSumInsuredInDollar = null;
+      productConditionsForm.insurancePremiumPerMonth = null;
+      productConditionsForm.insurancePremiumPerMonthInDollar = null;
+    };
+
+    const filterTermConditions = (term: AddCover) => {
+      if (term.coverTypeCode === 10) {
+        return !!formStore.insuredForm.find(member => member.iin === formStore.policyholderForm.iin) === false;
+      }
+      return true;
+    };
+
     const submitForm = async () => {
       vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -282,6 +680,8 @@ export default defineComponent({
             type recalculationInfo = {
               lifeMultiply: string | null;
               lifeAdditive: string | null;
+              lifeMultiplyClient?: number | null;
+              lifeAdditiveClient?: number | null;
               adbMultiply: string | null;
               adbAdditive: string | null;
               disabilityMultiply: string | null;
@@ -302,6 +702,16 @@ export default defineComponent({
               // @ts-ignore
               recalculationData[key] = formatProcents(recalculationData[key]);
             });
+            recalculationData.lifeMultiplyClient = dataStore.isClientAnketaCondition
+              ? formStore.productConditionsForm.lifeMultiplyClient === null
+                ? null
+                : formatProcents(formStore.productConditionsForm.lifeMultiplyClient)
+              : null;
+            recalculationData.lifeAdditiveClient = dataStore.isClientAnketaCondition
+              ? formStore.productConditionsForm.lifeAdditiveClient === null
+                ? null
+                : formatProcents(formStore.productConditionsForm.lifeAdditiveClient)
+              : null;
             recalculationData.amount = Number((productConditionsForm.requestedSumInsured as string)?.replace(/\s/g, ''));
             recalculationData.premium = Number((productConditionsForm.insurancePremiumPerMonth as string)?.replace(/\s/g, ''));
             recalculationData.riskGroup = productConditionsForm.riskGroup?.id ? productConditionsForm.riskGroup.id : 1;
@@ -310,10 +720,13 @@ export default defineComponent({
           }
           isCalculating.value = true;
           if (props.isRecalculation) {
-            await dataStore.calculateWithoutApplication(true);
+            //@ts-ignore
+            await dataStore.calculateWithoutApplication(true, whichProduct.value);
+            additionalTerms.value = formStore.additionalInsuranceTermsWithout;
           } else {
             if (dataStore.isProcessEditable(formStore.applicationData.statusCode)) {
               await dataStore.calculate(route.params.taskId);
+              additionalTerms.value = formStore.additionalInsuranceTerms;
             }
           }
           isCalculating.value = false;
@@ -322,11 +735,11 @@ export default defineComponent({
           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({
@@ -341,8 +754,16 @@ export default defineComponent({
 
     onMounted(async () => {
       if (props.isRecalculation === true) {
-        if (route.params.taskId === '0' && productConditionsForm.requestedSumInsured === null && productConditionsForm.insurancePremiumPerMonth === null) {
-          const defaultData = await dataStore.getDefaultCalculationData(true);
+        if (dataStore.isCalculator) {
+          clearFields();
+        }
+        if (
+          (dataStore.isCalculator || route.params.taskId === '0') &&
+          productConditionsForm.requestedSumInsured === null &&
+          productConditionsForm.insurancePremiumPerMonth === null
+        ) {
+          // @ts-ignore
+          const defaultData = await dataStore.getDefaultCalculationData(true, whichProduct.value);
           if (!defaultData) {
             dataStore.showToaster('error', 'Отсутствуют базовые данные');
             return;
@@ -350,17 +771,29 @@ export default defineComponent({
           formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
           productConditionsForm.requestedSumInsured = defaultData.amount;
           productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
-          productConditionsForm.processIndexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
-          productConditionsForm.paymentPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          const indexRate = dataStore.processIndexRate.find(i => i.id === defaultData.indexRateId);
+          if (indexRate) productConditionsForm.processIndexRate = indexRate;
+          const paymendPeriod = dataStore.processPaymentPeriod.find(i => i.id == defaultData.paymentPeriodId);
+          if (paymendPeriod) productConditionsForm.paymentPeriod = paymendPeriod;
           productConditionsForm.signDate = reformatDate(defaultData.signDate);
         }
       }
+      additionalTerms.value = props.isRecalculation ? formStore.additionalInsuranceTermsWithout : formStore.additionalInsuranceTerms;
       if (!!productConditionsForm.insurancePremiumPerMonth) {
         whichSum.value = 'insurancePremiumPerMonth';
       }
       if (!!productConditionsForm.requestedSumInsured) {
         whichSum.value = 'requestedSumInsured';
       }
+      if (dataStore.isCalculator) {
+        dataStore.processCode = constants.products[whichProduct.value as keyof typeof constants.products];
+        await dataStore.getProcessPaymentPeriod();
+      }
+      if (whichProduct.value === 'halykkazyna') {
+        const kazynaPaymentPeriod = dataStore.processPaymentPeriod.find(i => i.code === 'single');
+        if (kazynaPaymentPeriod) productConditionsForm.paymentPeriod = kazynaPaymentPeriod;
+        await dataStore.getCurrencies();
+      }
     });
 
     watch(
@@ -389,12 +822,24 @@ export default defineComponent({
         if (val) productConditionsForm.amountOfInsurancePremium = dataStore.getNumberWithSpaces(val);
       },
     );
-
+    watch(
+      () => formStore.productConditionsForm.amountAnnuityPayments,
+      val => {
+        if (val) formStore.productConditionsForm.amountAnnuityPayments = dataStore.getNumberWithSpaces(val);
+      },
+    );
+    watch(
+      () => formStore.productConditionsForm.typeAnnuityInsurance,
+      val => {
+        if (val.code === 'Lifelong') formStore.productConditionsForm.termAnnuityPayments = null;
+      },
+    );
     watch(
       () => dataStore.panel.open,
       () => {
         if (dataStore.panel.open === false) {
           isPanelOpen.value = false;
+          isTermsPanelOpen.value = false;
           dataStore.panelAction = null;
         }
       },
@@ -405,11 +850,15 @@ export default defineComponent({
       // State
       formStore,
       vForm,
+      whichProduct,
       productConditionsForm,
+      additionalTerms,
       isCalculating,
       isPanelLoading,
       isPanelOpen,
+      isTermsPanelOpen,
       panelValue,
+      termValue,
       panelList,
       searchQuery,
       whichSum,
@@ -423,13 +872,43 @@ export default defineComponent({
       requestedSumInsured,
       isRecalculationDisabled,
       isUnderwriterRole,
+      hasProcessIndexRate,
+      hasPaymentPeriod,
+      hasRequestedSumInsuredInDollar,
+      hasInsurancePremiumPerMonthInDollar,
+      hasCurrency,
+      hasAdbMultiply,
+      hasAdbAdditive,
+      hasRiskGroup,
+      hasCalculated,
+      hasAnnuityPayments,
+      currencySymbolsAddTerm,
+      amountAnnuityPayments,
+      requestedSumInsuredLabel,
+
+      // Rules
+      coverPeriodRule,
 
       // Functions
       submitForm,
       pickPanelValue,
+      pickTermValue,
       openPanel,
+      openTermPanel,
       pickCalculation,
       underwriterCalculate,
+      onInputInsurancePremiumPerMonth,
+      onInputInsurancePremiumPerMonthInDollar,
+      onInputSum,
+      onInputSumDollar,
+      toStatement,
+      onClearSum,
+      onClearSumDollar,
+      onClearPremium,
+      onClearPremiumDollar,
+      clearFields,
+      formatTermValue,
+      filterTermConditions,
     };
   },
 });