hl-core 0.0.9-beta.1 → 0.0.9-beta.11

package/components/Pages/MemberForm.vue

@@ -2,12 +2,12 @@
   <section class="flex flex-col gap-4 px-[10px]">
     <v-form v-if="member" ref="vForm" @submit="submitForm" class="max-h-[82svh] overflow-y-scroll">
       <div v-if="memberSetting && memberSetting.has === true && memberSetting.isMultiple === true" class="flex items-center mt-[14px] min-h-[54px]">
-        <div :class="[$libStyles.blueBgLight]" class="flex flex-wrap items-center gap-2 p-1 rounded-t-[8px] h-full">
+        <div :class="[$styles.blueBgLight]" class="flex flex-wrap items-center gap-2 p-1 rounded-t-[8px] h-full">
           <div
             v-for="(each, index) of formStore[whichForm]"
             :key="index"
             class="pl-3 pr-1 py-1 rounded-[8px] cursor-pointer flex items-center"
-            :class="[Number(whichIndex) === index ? `${$libStyles.blueBg} ${$libStyles.whiteText}` : '', $libStyles.textSimple]"
+            :class="[Number(whichIndex) === index ? `${$styles.blueBg} ${$styles.whiteText}` : '', $styles.textSimple]"
             @click.self="index !== Number(whichIndex) ? selectMember(index) : null"
           >
             {{ `${$dataStore.menu.selectedItem.title} ${index + 1}` }}
@@ -82,7 +82,7 @@
         <base-form-input v-model="member.age" :label="$dataStore.t('form.age')" :readonly="true" :clearable="!isDisabled" :rules="ageRule" />
         <base-panel-input
           v-model="member.gender"
-          :value="member.gender.nameRu"
+          :value="member.gender?.nameRu"
           :readonly="isDisabled || isFromGBD"
           :clearable="!isDisabled"
           :label="$dataStore.t('form.gender')"
@@ -93,7 +93,7 @@
         <base-panel-input
           v-if="hasFamilyStatus"
           v-model="member.familyStatus"
-          :value="member.familyStatus.nameRu"
+          :value="member.familyStatus?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :label="$dataStore.t('form.familyStatus')"
@@ -104,7 +104,7 @@
         <base-panel-input
           v-if="(whichForm === formStore.beneficiaryFormKey || whichForm === formStore.insuredFormKey) && member.iin !== formStore.policyholderForm.iin"
           v-model="member.relationDegree"
-          :value="member.relationDegree.nameRu"
+          :value="member.relationDegree?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :label="$dataStore.t('form.relations')"
@@ -240,7 +240,7 @@
         <base-form-toggle v-if="hasSameAddressToggle" v-model="sameAddress" :disabled="isDisabled" :has-border="false" :title="$dataStore.t('form.sameAddress')" />
         <base-panel-input
           v-model="member.registrationCountry"
-          :value="member.registrationCountry.nameRu"
+          :value="member.registrationCountry?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :label="$dataStore.t('form.Country')"
@@ -252,7 +252,7 @@
           <div class="flex flex-col gap-[1px]" v-if="member.registrationCountry.nameRu === 'Казахстан' || member.registrationCountry.nameRu === null">
             <base-panel-input
               v-model="member.registrationProvince"
-              :value="member.registrationProvince.nameRu"
+              :value="member.registrationProvince?.nameRu"
               :label="$dataStore.t('form.Province')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
@@ -262,7 +262,7 @@
             />
             <base-panel-input
               v-model="member.registrationRegionType"
-              :value="member.registrationRegionType.nameRu"
+              :value="member.registrationRegionType?.nameRu"
               :label="$dataStore.t('form.RegionType')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
@@ -273,7 +273,7 @@
             <base-panel-input
               v-if="member.registrationRegionType.nameRu !== 'город'"
               v-model="member.registrationRegion"
-              :value="member.registrationRegion.nameRu"
+              :value="member.registrationRegion?.nameRu"
               :label="$dataStore.t('form.Region')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
@@ -283,7 +283,7 @@
             />
             <base-panel-input
               v-model="member.registrationCity"
-              :value="member.registrationCity.nameRu"
+              :value="member.registrationCity?.nameRu"
               :label="$dataStore.t('form.City')"
               :readonly="isDisabled"
               :clearable="!isDisabled"
@@ -316,7 +316,7 @@
       <base-form-section :title="$dataStore.t('form.birthData')" v-if="$dataStore.hasBirthSection(whichForm)">
         <base-panel-input
           v-model="member.birthPlace"
-          :value="member.birthPlace.nameRu"
+          :value="member.birthPlace?.nameRu"
           :label="$dataStore.t('form.Country')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -327,7 +327,7 @@
         <!-- TODO -->
         <!-- <base-panel-input
           v-model="member.birthRegion"
-          :value="member.birthRegion.nameRu"
+          :value="member.birthRegion?.nameRu"
           :label="$dataStore.t('form.Region')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -339,7 +339,7 @@
       <base-form-section :title="$dataStore.t('form.documentData')" v-if="$dataStore.hasDocumentSection(whichForm)">
         <base-panel-input
           v-model="member.documentType"
-          :value="member.documentType.nameRu"
+          :value="member.documentType?.nameRu"
           :label="$dataStore.t('form.documentType')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -361,7 +361,7 @@
         </base-empty-form-field> -->
         <base-panel-input
           v-model="member.documentIssuers"
-          :value="member.documentIssuers.nameRu"
+          :value="member.documentIssuers?.nameRu"
           :label="$dataStore.t('form.documentIssuers')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -392,7 +392,7 @@
         </base-fade-transition>
         <base-panel-input
           v-model="member.signOfResidency"
-          :value="member.signOfResidency.nameRu"
+          :value="member.signOfResidency?.nameRu"
           :label="$dataStore.t('form.signOfResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -402,7 +402,7 @@
         />
         <base-panel-input
           v-model="member.countryOfTaxResidency"
-          :value="member.countryOfTaxResidency.nameRu"
+          :value="member.countryOfTaxResidency?.nameRu"
           :label="$dataStore.t('form.countryOfTaxResidency')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -414,7 +414,7 @@
           <base-panel-input
             v-if="member.countryOfTaxResidency.ids === '500014.3'"
             v-model="member.addTaxResidency"
-            :value="member.addTaxResidency.nameRu"
+            :value="member.addTaxResidency?.nameRu"
             :label="$dataStore.t('form.addTaxResidency')"
             :readonly="isDisabled"
             :clearable="!isDisabled"
@@ -426,7 +426,7 @@
         <base-panel-input
           v-if="hasSignOfIPDL"
           v-model="member.signOfIPDL"
-          :value="member.signOfIPDL.nameRu"
+          :value="member.signOfIPDL?.nameRu"
           :label="$dataStore.t('form.signOfIPDL')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -436,7 +436,7 @@
         />
         <base-panel-input
           v-model="member.countryOfCitizenship"
-          :value="member.countryOfCitizenship.nameRu"
+          :value="member.countryOfCitizenship?.nameRu"
           :label="$dataStore.t('form.countryOfCitizenship')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -446,7 +446,7 @@
         />
         <base-panel-input
           v-model="member.economySectorCode"
-          :value="member.economySectorCode.nameRu"
+          :value="member.economySectorCode?.nameRu"
           :label="$dataStore.t('form.economySectorCode')"
           :readonly="isDisabled"
           :clearable="!isDisabled"
@@ -457,7 +457,7 @@
         <base-panel-input
           v-if="hasInsurancePay"
           v-model="member.insurancePay"
-          :value="member.insurancePay.nameRu"
+          :value="member.insurancePay?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -481,7 +481,7 @@
     </v-form>
     <base-btn v-if="showSaveButton" :loading="isButtonLoading || isSubmittingForm" :text="$dataStore.t('buttons.save')" @click="submitForm" />
     <Teleport v-if="isPanelOpen" to="#panel-actions">
-      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+      <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
           <base-panel-select-item :text="$dataStore.t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())" />
@@ -497,20 +497,20 @@
       </div>
     </Teleport>
     <Teleport v-if="isSearchOpen" to="#panel-actions">
-      <div :class="[$libStyles.flexColNav]">
+      <div :class="[$styles.flexColNav]">
         <base-btn v-if="hasGBDFL" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGBDFL')" @click="getContragentFromGBDFL" />
         <base-btn v-if="hasInsis" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromInsis')" @click="getContragent" />
         <base-btn v-if="hasGKB" :loading="isButtonLoading" :text="$dataStore.t('buttons.fromGKB')" @click="getFamilyInfo" />
       </div>
     </Teleport>
     <Teleport v-if="isDocumentOpen" to="#panel-actions">
-      <div :class="[$libStyles.flexColNav]">
+      <div :class="[$styles.flexColNav]">
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть" @click="getFile('view')" />
         <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getFile('download')" />
       </div>
     </Teleport>
     <Teleport v-if="isOtpPanelOpen && !member.hasAgreement" to="#panel-actions">
-      <div :class="[$libStyles.flexColNav]">
+      <div :class="[$styles.flexColNav]">
         <base-fade-transition>
           <base-rounded-input
             v-if="otpCondition && member.otpTokenId"
@@ -610,7 +610,6 @@ export default {
             return true;
           }
           case formStore.insuredFormKey:
-          case formStore.beneficiaryFormKey:
           case formStore.beneficialOwnerFormKey:
           case formStore.policyholdersRepresentativeFormKey:
             return true;
@@ -712,6 +711,9 @@ export default {
         if (dataStore.isGons || dataStore.isBolashak) {
           return [];
         }
+        if ((dataStore.isKazyna || dataStore.isLiferenta) && Number(member.value.age) < 18) {
+          return [];
+        }
       }
       return basePhoneRule;
     });
@@ -1054,8 +1056,8 @@ export default {
       await dataStore.getApplicationData(route.params.taskId as string, false, false, true, wasInsuredAction.value);
       if (dataStore.controls.hasCalculator) {
         if (formStore.additionalInsuranceTermsWithout && formStore.additionalInsuranceTermsWithout.length !== 0) {
-          formStore.additionalInsuranceTerms.forEach((term: any) => {
-            const defaultTerm = formStore.additionalInsuranceTermsWithout.find((i: any) => i.coverTypeId === term.coverTypeId);
+          formStore.additionalInsuranceTerms.forEach(term => {
+            const defaultTerm = formStore.additionalInsuranceTermsWithout.find(i => i.coverTypeId === term.coverTypeId);
             if (defaultTerm) {
               term.coverSumName = defaultTerm.coverSumName;
               term.coverSumId = defaultTerm.coverSumId;
@@ -1075,6 +1077,11 @@ export default {
           return true;
         }
       }
+      if (dataStore.isKazyna || dataStore.isLiferenta) {
+        if (whichForm.value === formStore.beneficiaryFormKey && Number(member.value.age) < 18) {
+          return true;
+        }
+      }
       if (member.value.hasAgreement !== true) {
         dataStore.showToaster('error', dataStore.t('toaster.needAgreement'));
         return false;

package/components/Pages/ProductAgreement.vue

@@ -1,8 +1,6 @@
 <template>
   <base-content :title="$dataStore.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; {{ $dataStore.t('agreementBlock.text') }}
-    </p>
+    <p class="h-full p-4 lg:p-8 leading-8 font-medium" :class="[$styles.scrollPage, $styles.textSimple]">&nbsp;&nbsp;&nbsp;&nbsp; {{ $dataStore.t('agreementBlock.text') }}</p>
   </base-content>
 </template>
 

package/components/Pages/ProductConditions.vue

@@ -1,7 +1,14 @@
 <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="whichProduct === 'gons'" :title="$dataStore.t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
+      <base-message-block
+        v-if="isRecalculation"
+        class="mt-4"
+        :color="$styles.blueBgLight"
+        :text="$dataStore.t('preliminaryCalculation')"
+        icon="mdi-alert text-[#FCB016]"
+      ></base-message-block>
+      <base-form-section v-if="whichProduct === 'gons'" :title="$dataStore.t('productConditionsForm.requestedProductConditions')" :class="[$styles.textSimple]">
         <base-form-text-section
           class="mb-4"
           title="Инвалидность I или II группы по причине несчастного случая, начиная с третьего года по любой причине, с освобождением от уплаты страховых взносов"
@@ -54,7 +61,7 @@
           :clearable="isRecalculationDisabled === false"
           :label="$dataStore.t('percent') + `Life Multiply`"
           :readonly="isRecalculationDisabled"
-          :rules="$dataStore.rules.recalculationMultiply"
+          :rules="whichProduct === 'gons' ? $dataStore.rules.recalculationMultiplyBetween : $dataStore.rules.recalculationMultiply"
         />
         <base-form-input
           v-model="productConditionsForm.lifeAdditive"
@@ -88,7 +95,7 @@
           :clearable="isRecalculationDisabled === false"
           :label="$dataStore.t('percent') + `Disability Multiply`"
           :readonly="isRecalculationDisabled"
-          :rules="$dataStore.rules.recalculationMultiply"
+          :rules="whichProduct === 'gons' ? [] : $dataStore.rules.recalculationMultiply"
         />
         <base-form-input
           v-model="productConditionsForm.disabilityAdditive"
@@ -101,7 +108,7 @@
         <base-panel-input
           v-if="hasRiskGroup"
           v-model="productConditionsForm.riskGroup"
-          :value="productConditionsForm.riskGroup.nameRu"
+          :value="productConditionsForm.riskGroup?.nameRu"
           :label="$dataStore.t('productConditionsForm.riskGroup')"
           :clearable="isRecalculationDisabled === false"
           :readonly="isRecalculationDisabled"
@@ -130,7 +137,7 @@
           />
           <base-panel-input
             v-model="productConditionsForm.gender"
-            :value="productConditionsForm.gender.nameRu"
+            :value="productConditionsForm.gender?.nameRu"
             :readonly="isDisabled"
             :clearable="!isDisabled"
             :label="$dataStore.t('form.gender')"
@@ -150,7 +157,7 @@
         <base-panel-input
           v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
-          :value="productConditionsForm.paymentPeriod.nameRu"
+          :value="productConditionsForm.paymentPeriod?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -161,7 +168,7 @@
         <base-panel-input
           v-if="hasProcessIndexRate"
           v-model="productConditionsForm.processIndexRate"
-          :value="productConditionsForm.processIndexRate.nameRu"
+          :value="productConditionsForm.processIndexRate?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -200,6 +207,34 @@
           @input="onInputInsurancePremiumPerMonth"
           @onClear="onClearPremium"
         />
+        <base-form-input
+          v-if="whichProduct === 'gons' && isRecalculation"
+          v-model="productConditionsForm.totalAmount5"
+          :readonly="true"
+          :label="$dataStore.t('productConditionsForm.totalAmount5')"
+          :suffix="$constants.currencySymbols.kzt"
+        />
+        <base-form-input
+          v-if="whichProduct === 'gons' && isRecalculation"
+          v-model="productConditionsForm.statePremium5"
+          :readonly="true"
+          :label="$dataStore.t('productConditionsForm.statePremium5')"
+          :suffix="$constants.currencySymbols.kzt"
+        />
+        <base-form-input
+          v-if="whichProduct === 'gons' && isRecalculation"
+          v-model="productConditionsForm.totalAmount7"
+          :readonly="true"
+          :label="$dataStore.t('productConditionsForm.totalAmount7')"
+          :suffix="$constants.currencySymbols.kzt"
+        />
+        <base-form-input
+          v-if="whichProduct === 'gons' && isRecalculation"
+          v-model="productConditionsForm.statePremium7"
+          :readonly="true"
+          :label="$dataStore.t('productConditionsForm.statePremium7')"
+          :suffix="$constants.currencySymbols.kzt"
+        />
         <base-form-input
           v-if="hasInsurancePremiumPerMonthInDollar"
           v-model="productConditionsForm.insurancePremiumPerMonthInDollar"
@@ -240,7 +275,7 @@
         />
         <base-panel-input
           v-model="productConditionsForm.typeAnnuityInsurance"
-          :value="productConditionsForm.typeAnnuityInsurance.nameRu"
+          :value="productConditionsForm.typeAnnuityInsurance?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -258,7 +293,7 @@
         />
         <base-panel-input
           v-model="productConditionsForm.periodAnnuityPayment"
-          :value="productConditionsForm.periodAnnuityPayment.nameRu"
+          :value="productConditionsForm.periodAnnuityPayment?.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
@@ -288,7 +323,7 @@
             v-model="additionalTerms[index]"
             :value="term.coverSumName"
             :readonly="isTermsDisabled"
-            :clearable="!isTermsDisabled"
+            :clearable="false"
             :label="term.coverTypeName"
             append-inner-icon="mdi mdi-chevron-right"
             :suffix="!!term.amount ? `${formatTermValue(term.amount)} ${currencySymbolsAddTerm}` : ''"
@@ -297,12 +332,7 @@
         </div>
       </base-form-section>
     </v-form>
-    <base-btn
-      v-if="!$dataStore.isCalculator && isRecalculation && hasCalculated"
-      :btn="$libStyles.greenLightBtn"
-      :text="$dataStore.t('buttons.toStatement')"
-      @click="toStatement"
-    />
+    <base-btn v-if="!$dataStore.isCalculator && isRecalculation && hasCalculated" :btn="$styles.greenLightBtn" :text="$dataStore.t('buttons.toStatement')" @click="toStatement" />
     <base-btn
       v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
@@ -314,7 +344,7 @@
       <base-btn :text="$dataStore.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">
+      <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
           <base-panel-select-item :text="$dataStore.t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())" />
@@ -330,7 +360,7 @@
       </div>
     </Teleport>
     <Teleport v-if="isTermsPanelOpen" to="#panel-actions">
-      <div :class="[$libStyles.scrollPage]" class="flex flex-col items-center">
+      <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
         <base-rounded-input v-model.trim="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
         <div v-if="panelList && isPanelLoading === false" class="w-full flex flex-col gap-2 p-2">
           <base-panel-select-item
@@ -357,7 +387,7 @@ export default defineComponent({
       default: false,
     },
     product: {
-      type: String,
+      type: String as PropType<Projects>,
       default: false,
     },
   },
@@ -369,7 +399,7 @@ export default defineComponent({
     const dataStore = useDataStore();
     const memberStore = useMemberStore();
 
-    const whichProduct = ref<string>(dataStore.isCalculator ? props.product : dataStore.product!);
+    const whichProduct = ref<Projects | null>(dataStore.isCalculator ? props.product : dataStore.product!);
     const isCalculating = ref<boolean>(false);
     const isPanelLoading = ref<boolean>(false);
     const isPanelOpen = ref<boolean>(false);
@@ -393,7 +423,7 @@ export default defineComponent({
     });
     const isDisabled = computed(() => (dataStore.isCalculator ? false : !memberStore.isStatementEditible('productConditionsForm')));
     const isTermsDisabled = computed(() => {
-      if (dataStore.isGons) {
+      if (dataStore.isGons || whichProduct.value === 'gons') {
         return true;
       }
       return isDisabled.value;
@@ -725,6 +755,13 @@ export default defineComponent({
             return;
           }
 
+          if (
+            whichProduct.value === 'gons' &&
+            (formStore.applicationData.statusCode === 'EditForm' || formStore.applicationData.statusCode === 'StartForm') &&
+            getNumber(productConditionsForm.requestedSumInsured as string)! >= 10_000_000
+          ) {
+            dataStore.showToaster('info', dataStore.t('toaster.calcSumForUnder'), 6000);
+          }
           if (isUnderwriterForm.value) {
             type recalculationInfo = {
               lifeMultiply: string | null | number;

package/components/Panel/PanelHandler.vue

@@ -1,6 +1,6 @@
 <template>
   <section v-if="sendingActions">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.flexColNav]">
       <v-form ref="vForm">
         <base-rounded-input v-model.trim="actionCause" placeholder="Причина" :rules="$rules.required" />
       </v-form>
@@ -8,7 +8,7 @@
     </div>
   </section>
   <section v-if="acceptAction">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.flexColNav]">
       <base-content-block v-if="hasConditionsInfo" class="flex flex-col gap-3">
         <span
           >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}₸` }}</b></span
@@ -18,21 +18,21 @@
         </span>
       </base-content-block>
       <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
-      <base-btn :btn="$libStyles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
+      <base-btn :btn="$styles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
     </div>
   </section>
   <section v-if="signingActions" class="relative">
     <div>
       <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
-          <div :class="[$libStyles.blueBgLight]" class="rounded-lg p-4">
+        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
+          <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
             <v-expansion-panels v-if="formStore.signUrls && formStore.signUrls.length" variant="accordion" multiple>
               <v-expansion-panel v-for="signUrl of formStore.signUrls" :key="signUrl.iin!" class="border-[1px]" elevation="0" bg-color="#FFF">
-                <v-expansion-panel-title class="h-[80px]" :class="$libStyles.textTitle">{{ `${signUrl.longName} - ${signUrl.iin}` }}</v-expansion-panel-title>
+                <v-expansion-panel-title class="h-[80px]" :class="$styles.textTitle">{{ `${signUrl.longName} - ${signUrl.iin}` }}</v-expansion-panel-title>
                 <v-expansion-panel-text class="border-t-[1px]">
-                  <section class="flex flex-col gap-4 py-3" :class="$libStyles.textSimple">
+                  <section class="flex flex-col gap-4 py-3" :class="$styles.textSimple">
                     <base-btn :loading="loading" :text="$dataStore.t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)" />
-                    <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
+                    <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
                   </section>
                 </v-expansion-panel-text>
               </v-expansion-panel>
@@ -40,7 +40,7 @@
             <base-list-empty v-else />
           </div>
         </div>
-        <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
           <i
             class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
             @click="isSendNumberOpen = false"
@@ -64,11 +64,11 @@
   <section v-if="payingActions" class="relative">
     <div>
       <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
           <base-btn :loading="loading" :text="$dataStore.t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)" />
-          <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
+          <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
         </div>
-        <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
           <i
             class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
             @click="isSendNumberOpen = false"
@@ -90,7 +90,7 @@
     </div>
   </section>
   <section v-if="affiliateActions">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.flexColNav]">
       <v-form ref="vForm">
         <base-content-block class="flex flex-col gap-3">
           <base-form-input v-model.trim="formStore.affilationResolution.number" :rules="$rules.required" :label="$dataStore.t('form.documentNumber')" />
@@ -114,7 +114,8 @@
 <script lang="ts">
 import { DocumentItem } from '../../composables/classes';
 export default defineComponent({
-  setup() {
+  emits: ['task'],
+  setup(props, { emit }) {
     const route = useRoute();
     const dataStore = useDataStore();
     const formStore = useFormStore();
@@ -198,7 +199,16 @@ export default defineComponent({
 
     const handleTask = async () => {
       loading.value = true;
-      await dataStore.handleTask(dataStore.panelAction, route.params.taskId as string, actionCause.value);
+      if (needRecalculation.value) {
+        dataStore.showToaster('info', dataStore.t('toaster.needToRecalculate'));
+        loading.value = false;
+        return;
+      }
+      if (dataStore.isAML || dataStore.isCheckContract || dataStore.isCheckContragent) {
+        emit('task', [dataStore.panelAction, route.params.taskId as string, actionCause.value]);
+      } else {
+        await dataStore.handleTask(dataStore.panelAction, route.params.taskId as string, actionCause.value);
+      }
       loading.value = false;
     };
 
@@ -232,6 +242,13 @@ export default defineComponent({
       },
       { immediate: true },
     );
+    const needRecalculation = computed(
+      () =>
+        dataStore.isGons &&
+        formStore.applicationData.statusCode === 'UnderwriterForm' &&
+        dataStore.panelAction === constants.actions.accept &&
+        formStore.productConditionsForm.isRecalculated === false,
+    );
     const sendingActions = computed(
       () => dataStore.panelAction === constants.actions.reject || dataStore.panelAction === constants.actions.return || dataStore.panelAction === constants.actions.rejectclient,
     );

package/components/Panel/PanelSelectItem.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="flex justify-between p-4 items-center cursor-pointer" :class="[$libStyles.rounded, $libStyles.blueBgLight, $libStyles.blueBgLightHover]">
-    <span :class="[$libStyles.textSimple]">{{ text }}</span>
-    <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
+  <div class="flex justify-between p-4 items-center cursor-pointer" :class="[$styles.rounded, $styles.blueBgLight, $styles.blueBgLightHover]">
+    <span :class="[$styles.textSimple]">{{ text }}</span>
+    <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$styles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
   </div>
 </template>
 

package/components/Utilities/IconBorder.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="border-[1px] border-[#F1F2F6] rounded-[12px] p-[10px]">
+    <slot v-if="!icon"></slot>
+    <i v-else :class="icon"></i>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    icon: {
+      type: String,
+      default: '',
+    },
+  },
+});
+</script>

package/composables/axios.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import interceptors from '../api/interceptors';
 
-export const useAxios = (baseURL: string) => {
+export const useAxiosInstance = (baseURL: string) => {
   const axiosInstance = axios.create({
     baseURL: baseURL,
   });