hl-core 0.0.7 → 0.0.8-beta.10

package/components/Pages/ProductAgreement.vue

@@ -0,0 +1,18 @@
+<template>
+  <base-content :title="$t('agreementBlock.title')" class="!w-full">
+    <p class="h-full p-4 lg:p-8 leading-8 font-medium" :class="[$libStyles.scrollPage, $libStyles.textSimple]">&nbsp;&nbsp;&nbsp;&nbsp; {{ $t('agreementBlock.text') }}</p>
+  </base-content>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  setup() {
+    const dataStore = useDataStore();
+
+    onUnmounted(() => {
+      dataStore.panel.open = false;
+      dataStore.panelAction = null;
+    });
+  },
+});
+</script>

package/components/Pages/ProductConditions.vue

@@ -0,0 +1,659 @@
+<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-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 v-if="isUnderwriterRole" :title="$t('recalculationInfo')">
+        <base-form-input
+          v-model="productConditionsForm.lifeMultiply"
+          :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.lifeAdditive"
+          :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="productConditionsForm.adbMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Adb Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.adbAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Adb Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.disabilityMultiply"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Disability Multiply`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationMultiply"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.disabilityAdditive"
+          :maska="$maska.numbers"
+          :clearable="isRecalculationDisabled === false"
+          :label="$t('percent') + `Disability Additive`"
+          :readonly="isRecalculationDisabled"
+          :rules="$dataStore.rules.recalculationAdditive"
+        >
+        </base-form-input>
+        <base-panel-input
+          v-model="productConditionsForm.riskGroup"
+          :value="productConditionsForm.riskGroup.nameRu"
+          :label="$t('productConditionsForm.riskGroup')"
+          :clearable="isRecalculationDisabled === false"
+          :readonly="isRecalculationDisabled"
+          append-inner-icon="mdi mdi-chevron-right"
+          @append="openPanel($t('productConditionsForm.riskGroup'), $dataStore.riskGroup, 'riskGroup')"
+        ></base-panel-input>
+      </base-form-section>
+      <base-form-section :title="$t('generalConditions')">
+        <div v-if="isRecalculation && $route.params.taskId === '0'">
+          <base-form-input
+            v-model="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="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="productConditionsForm.gender"
+            :value="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="productConditionsForm.coverPeriod"
+          :maska="$maska.numbers"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="coverPeriodRule"
+          :label="$t($dataStore.isGons ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
+        ></base-form-input>
+        <base-panel-input
+          v-if="hasPaymentPeriod"
+          v-model="productConditionsForm.paymentPeriod"
+          :value="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-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')"
+          @input="onInputSum"
+        ></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"
+        ></base-form-input>
+        <base-form-input
+          v-model="productConditionsForm.insurancePremiumPerMonth"
+          :readonly="isDisabled"
+          :clearable="!isDisabled"
+          :rules="insurancePremiumPerMonth"
+          :label="$t('productConditionsForm.insurancePremiumAmount')"
+          :suffix="$constants.currencySymbols.kzt"
+          @input="onInputInsurancePremiumPerMonth"
+        ></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"
+        ></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 v-if="additionalTerms && additionalTerms.length" :title="$t('productConditionsForm.additional')">
+        <div v-for="(term, index) of additionalTerms" :key="index">
+          <base-panel-input
+            v-model="additionalTerms[index]"
+            :value="term.coverSumName"
+            :readonly="isDisabled"
+            :clearable="!isDisabled"
+            :label="term.coverTypeName"
+            append-inner-icon="mdi mdi-chevron-right"
+            @append="openTermPanel(term.coverTypeName, $dataStore.getAdditionalInsuranceTermsAnswers, term.coverTypeId, index)"
+          ></base-panel-input>
+        </div>
+      </base-form-section>
+    </v-form>
+    <base-btn
+      v-if="!isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
+      :loading="isCalculating"
+      :text="$t('buttons.calculate')"
+      @click="submitForm"
+    ></base-btn>
+    <div v-if="$dataStore.isTask() && $dataStore.isUnderwriter() && !isRecalculationDisabled" class="flex gap-3">
+      <base-btn :text="$t('buttons.calcSum')" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
+      <base-btn :text="$t('buttons.calcPremium')" type="submit" @click.prevent="underwriterCalculate('premium')" :loading="isCalculating" />
+    </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>
+        <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>
+    <Teleport v-if="isTermsPanelOpen" 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
+            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>
+
+<script lang="ts">
+import { Value } from '@/composables/classes';
+
+export default defineComponent({
+  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 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;
+      } 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 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 hasProcessIndexRate = computed(() => {
+      if (dataStore.isGons || dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasPaymentPeriod = computed(() => {
+      if (dataStore.isKazyna) {
+        return false;
+      }
+      return true;
+    });
+    const hasRequestedSumInsuredInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasInsurancePremiumPerMonthInDollar = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const hasCurrency = computed(() => {
+      if (dataStore.isKazyna) {
+        return true;
+      }
+      return false;
+    });
+    const coverPeriodRule = computed(() => {
+      const baseCondition = dataStore.rules.required.concat(dataStore.rules.numbers);
+      if (dataStore.isGons) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom3to20);
+      }
+      if (dataStore.isKazyna) {
+        return baseCondition.concat(dataStore.rules.coverPeriodFrom2to20);
+      }
+      return baseCondition;
+    });
+
+    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;
+
+        let newList = list;
+        if (asyncFunction) {
+          isPanelLoading.value = true;
+          newList = await asyncFunction(filterKey, formStore.productConditionsFormKey);
+        }
+        panelList.value = filterList(newList, key);
+        // @ts-ignore
+        panelValue.value = productConditionsForm[currentPanel.value];
+        isPanelLoading.value = false;
+      } else {
+        dataStore.showToaster('error', dataStore.t('toaster.viewErrorText'));
+      }
+    };
+
+    const filterList = (list: Value[], key: string) => {
+      if (dataStore.isBaiterek) {
+        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') {
+        whichSum.value = 'insurancePremiumPerMonth';
+      }
+      if (type === 'premium') {
+        whichSum.value = 'requestedSumInsured';
+      }
+      await submitForm();
+    };
+
+    const pickCalculation = async (type: 'insurancePremiumPerMonth' | 'requestedSumInsured') => {
+      if (!type) return false;
+      whichSum.value = type;
+      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 submitForm = async () => {
+      vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
+        if (v.valid) {
+          if (whichSum.value === 'requestedSumInsured') {
+            productConditionsForm.insurancePremiumPerMonth = null;
+          }
+          if (whichSum.value === 'insurancePremiumPerMonth') {
+            productConditionsForm.requestedSumInsured = null;
+          }
+          if (productConditionsForm.requestedSumInsured !== '' && productConditionsForm.requestedSumInsured != null) {
+            productConditionsForm.insurancePremiumPerMonth = null;
+            if (props.isRecalculation) whichSum.value = 'requestedSumInsured';
+          }
+          if (productConditionsForm.insurancePremiumPerMonth !== '' && productConditionsForm.insurancePremiumPerMonth != null) {
+            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,
+            }))(productConditionsForm);
+            Object.keys(recalculationData).forEach(key => {
+              // @ts-ignore
+              recalculationData[key] = formatProcents(recalculationData[key]);
+            });
+            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;
+            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', { text: errorText.innerHTML?.replace(/[-<>!//.]/g, '') }));
+            } else {
+              const errorFieldText = errors.querySelector('.v-input__control');
+              if (errorFieldText) {
+                dataStore.showToaster('error', dataStore.t('toaster.errorFormField', { text: errorFieldText.innerHTML?.replace(/[-<>!//.]/g, '') }));
+              }
+            }
+            errors.scrollIntoView({
+              behavior: 'smooth',
+              block: 'center',
+              inline: 'nearest',
+            });
+          }
+        }
+      });
+    };
+
+    onMounted(async () => {
+      if (props.isRecalculation === true) {
+        if (route.params.taskId === '0' && productConditionsForm.requestedSumInsured === null && productConditionsForm.insurancePremiumPerMonth === null) {
+          const defaultData = await dataStore.getDefaultCalculationData(true);
+          if (!defaultData) {
+            dataStore.showToaster('error', 'Отсутствуют базовые данные');
+            return;
+          }
+          formStore.additionalInsuranceTermsWithout = defaultData.addCovers;
+          productConditionsForm.requestedSumInsured = defaultData.amount;
+          productConditionsForm.insurancePremiumPerMonth = defaultData.premium;
+          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.isKazyna) {
+        const kazynaPaymentPeriod = dataStore.processPaymentPeriod.find(i => i.code === 'single');
+        if (kazynaPaymentPeriod) productConditionsForm.paymentPeriod = kazynaPaymentPeriod;
+        await dataStore.getCurrencies();
+      }
+    });
+
+    watch(
+      () => productConditionsForm.requestedSumInsured,
+      val => {
+        if (!val && whichSum.value == 'requestedSumInsured') whichSum.value = '';
+        if (val && whichSum.value != 'insurancePremiumPerMonth') {
+          whichSum.value = 'requestedSumInsured';
+          productConditionsForm.requestedSumInsured = dataStore.getNumberWithSpaces(val);
+        }
+      },
+    );
+    watch(
+      () => productConditionsForm.insurancePremiumPerMonth,
+      val => {
+        if (!val && whichSum.value == 'insurancePremiumPerMonth') whichSum.value = '';
+        if (val && whichSum.value != 'requestedSumInsured') {
+          whichSum.value = 'insurancePremiumPerMonth';
+          productConditionsForm.insurancePremiumPerMonth = dataStore.getNumberWithSpaces(val);
+        }
+      },
+    );
+    watch(
+      () => productConditionsForm.amountOfInsurancePremium,
+      val => {
+        if (val) productConditionsForm.amountOfInsurancePremium = dataStore.getNumberWithSpaces(val);
+      },
+    );
+
+    watch(
+      () => dataStore.panel.open,
+      () => {
+        if (dataStore.panel.open === false) {
+          isPanelOpen.value = false;
+          isTermsPanelOpen.value = false;
+          dataStore.panelAction = null;
+        }
+      },
+      { immediate: true },
+    );
+
+    return {
+      // State
+      formStore,
+      vForm,
+      productConditionsForm,
+      additionalTerms,
+      isCalculating,
+      isPanelLoading,
+      isPanelOpen,
+      isTermsPanelOpen,
+      panelValue,
+      termValue,
+      panelList,
+      searchQuery,
+      whichSum,
+      Value,
+
+      // Computed
+      isTask,
+      isDisabled,
+      isUnderwriterForm,
+      insurancePremiumPerMonth,
+      requestedSumInsured,
+      isRecalculationDisabled,
+      isUnderwriterRole,
+      hasProcessIndexRate,
+      hasPaymentPeriod,
+      hasRequestedSumInsuredInDollar,
+      hasInsurancePremiumPerMonthInDollar,
+      hasCurrency,
+
+      // Rules
+      coverPeriodRule,
+
+      // Functions
+      submitForm,
+      pickPanelValue,
+      pickTermValue,
+      openPanel,
+      openTermPanel,
+      pickCalculation,
+      underwriterCalculate,
+      onInputInsurancePremiumPerMonth,
+      onInputInsurancePremiumPerMonthInDollar,
+      onInputSum,
+      onInputSumDollar,
+    };
+  },
+});
+</script>