hl-core 0.0.8-beta.35 → 0.0.8-beta.36

package/components/Pages/ProductAgreement.vue

@@ -1,6 +1,8 @@
 <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 :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>
   </base-content>
 </template>
 

package/components/Pages/ProductConditions.vue

@@ -1,144 +1,143 @@
 <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="$t('productConditionsForm.requestedProductConditions')" :class="[$libStyles.textSimple]">
+      <base-form-section v-if="whichProduct === 'gons'" :title="$dataStore.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 && $dataStore.hasClientAnketa && $dataStore.isClientAnketaCondition" :title="$t('policyholderForm')">
+      <base-form-section v-if="isUnderwriterRole && $dataStore.hasClientAnketa && $dataStore.isClientAnketaCondition" :title="$dataStore.t('policyholderForm')">
         <base-form-input
           v-model="productConditionsForm.lifeMultiplyClient"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
-          :label="$t('percent') + `Life Multiply`"
+          :label="$dataStore.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`"
+          :label="$dataStore.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-input v-model="formStore.policyholderForm.longName" :label="$dataStore.t('labels.policyholderLongName')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.job" :label="$dataStore.t('form.job')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.birthDate" :label="$dataStore.t('form.birthDate')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.age" :label="$dataStore.t('form.age')" :readonly="true" />
+        <base-form-input v-model="formStore.policyholderForm.gender.nameRu" class="mb-4" :label="$dataStore.t('form.gender')" :readonly="true" />
       </base-form-section>
-      <base-form-section v-if="isUnderwriterRole && $dataStore.members.insuredApp.has === true" :title="$t('insuredForm')">
+      <base-form-section v-if="isUnderwriterRole && $dataStore.members.insuredApp.has === true" :title="$dataStore.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>
+          <base-form-input v-model="insured.longName" :label="$dataStore.t('labels.insurerLongName')" :readonly="true" />
+          <base-form-input v-model="insured.job" :label="$dataStore.t('form.job')" :readonly="true" />
+          <base-form-input v-model="insured.jobPosition" :label="$dataStore.t('form.jobPosition')" :readonly="true" />
+          <base-form-input v-model="insured.birthDate" :label="$dataStore.t('form.birthDate')" :readonly="true" />
+          <base-form-input v-model="insured.age" :label="$dataStore.t('form.age')" :readonly="true" />
+          <base-form-input v-model="insured.gender.nameRu" class="mb-4" :label="$dataStore.t('form.gender')" :readonly="true" />
         </div>
       </base-form-section>
-      <base-form-section v-if="isUnderwriterRole" :title="$t('recalculationInfo')">
+      <base-form-section v-if="isUnderwriterRole" :title="$dataStore.t('recalculationInfo')">
         <base-form-input
           v-model="productConditionsForm.lifeMultiply"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
-          :label="$t('percent') + `Life Multiply`"
+          :label="$dataStore.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`"
+          :label="$dataStore.t('percent') + `Life Additive`"
           :readonly="isRecalculationDisabled"
           :rules="$dataStore.rules.recalculationAdditive"
-        ></base-form-input>
+        />
         <base-form-input
           v-if="hasAdbMultiply"
           v-model="productConditionsForm.adbMultiply"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
-          :label="$t('percent') + `Adb Multiply`"
+          :label="$dataStore.t('percent') + `Adb Multiply`"
           :readonly="isRecalculationDisabled"
           :rules="$dataStore.rules.recalculationMultiply"
-        ></base-form-input>
+        />
         <base-form-input
           v-if="hasAdbAdditive"
           v-model="productConditionsForm.adbAdditive"
           :maska="$maska.numbers"
           :clearable="isRecalculationDisabled === false"
-          :label="$t('percent') + `Adb Additive`"
+          :label="$dataStore.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`"
+          :label="$dataStore.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`"
+          :label="$dataStore.t('percent') + `Disability Additive`"
           :readonly="isRecalculationDisabled"
           :rules="$dataStore.rules.recalculationAdditive"
-        >
-        </base-form-input>
+        />
         <base-panel-input
           v-if="hasRiskGroup"
           v-model="productConditionsForm.riskGroup"
           :value="productConditionsForm.riskGroup.nameRu"
-          :label="$t('productConditionsForm.riskGroup')"
+          :label="$dataStore.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>
+          @append="openPanel($dataStore.t('productConditionsForm.riskGroup'), $dataStore.riskGroup, 'riskGroup')"
+        />
       </base-form-section>
-      <base-form-section :title="$t('generalConditions')">
+      <base-form-section :title="$dataStore.t('generalConditions')">
         <div v-if="isRecalculation && ($route.params.taskId === '0' || $dataStore.isCalculator)">
           <base-form-input
             v-model="productConditionsForm.signDate"
             :maska="$maska.date"
             :clearable="false"
             :readonly="true"
-            :label="$t('form.signDate')"
+            :label="$dataStore.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')"
+            :label="$dataStore.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')"
+            :label="$dataStore.t('form.gender')"
             :rules="$rules.objectRequired"
             append-inner-icon="mdi mdi-chevron-right"
-            @append="openPanel($t('form.gender'), $dataStore.gender, 'gender')"
-          ></base-panel-input>
+            @append="openPanel($dataStore.t('form.gender'), $dataStore.gender, 'gender')"
+          />
         </div>
         <base-form-input
           v-model="productConditionsForm.coverPeriod"
@@ -146,8 +145,8 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="coverPeriodRule"
-          :label="$t(whichProduct === 'gons' ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
-        ></base-form-input>
+          :label="$dataStore.t(whichProduct === 'gons' ? 'productConditionsForm.coverPeriodFrom3to20' : 'productConditionsForm.coverPeriod')"
+        />
         <base-panel-input
           v-if="hasPaymentPeriod"
           v-model="productConditionsForm.paymentPeriod"
@@ -155,10 +154,10 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('productConditionsForm.processPaymentPeriod')"
+          :label="$dataStore.t('productConditionsForm.processPaymentPeriod')"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('productConditionsForm.processPaymentPeriod'), $dataStore.processPaymentPeriod, 'paymentPeriod', $dataStore.getProcessPaymentPeriod)"
+        />
         <base-panel-input
           v-if="hasProcessIndexRate"
           v-model="productConditionsForm.processIndexRate"
@@ -166,67 +165,67 @@
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('productConditionsForm.processIndexRate')"
+          :label="$dataStore.t('productConditionsForm.processIndexRate')"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('productConditionsForm.processIndexRate'), $dataStore.processIndexRate, 'processIndexRate', $dataStore.getProcessIndexRate)"
+        />
         <base-form-input
           v-model="productConditionsForm.requestedSumInsured"
-          :readonly="isDisabled"
+          :readonly="isDisabledSum"
           :clearable="!isDisabled"
           :rules="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"
+          :readonly="isDisabledSumDollar"
           :clearable="!isDisabled"
           :rules="requestedSumInsured"
-          :label="$t('productConditionsForm.requestedSumInsuredInDollar')"
+          :label="$dataStore.t('productConditionsForm.requestedSumInsuredInDollar')"
           :suffix="$constants.currencySymbols.usd"
           @input="onInputSumDollar"
           @onClear="onClearSumDollar"
-        ></base-form-input>
+        />
         <base-form-input
           v-model="productConditionsForm.insurancePremiumPerMonth"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="insurancePremiumPerMonth"
-          :label="$t('productConditionsForm.insurancePremiumAmount')"
+          :label="$dataStore.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')"
+          :label="$dataStore.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')"
+          :label="$dataStore.t('productConditionsForm.dollarExchangeRateNBRK')"
           :suffix="$constants.currencySymbols.kzt"
-        ></base-form-input>
+        />
       </base-form-section>
-      <base-form-section :title="$t('calculationAnnuityPayments')" v-if="hasAnnuityPayments">
+      <base-form-section :title="$dataStore.t('calculationAnnuityPayments')" v-if="hasAnnuityPayments">
         <base-form-toggle
           v-model="productConditionsForm.additionalConditionAnnuityPayments"
-          :title="$t('productConditionsForm.guaranteedTermAnnuityPayments')"
+          :title="$dataStore.t('productConditionsForm.guaranteedTermAnnuityPayments')"
           :disabled="isDisabled"
           :has-border="false"
-        ></base-form-toggle>
+        />
         <base-form-input
           v-if="productConditionsForm.additionalConditionAnnuityPayments"
           v-model="productConditionsForm.guaranteedPeriod"
@@ -237,47 +236,52 @@
               ? [$dataStore.rules.guaranteedPeriodLimit(productConditionsForm.guaranteedPeriod, productConditionsForm.termAnnuityPayments)]
               : []
           "
-          :label="$t('productConditionsForm.guaranteedPeriod')"
-        ></base-form-input>
+          :label="$dataStore.t('productConditionsForm.guaranteedPeriod')"
+        />
         <base-panel-input
           v-model="productConditionsForm.typeAnnuityInsurance"
           :value="productConditionsForm.typeAnnuityInsurance.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('productConditionsForm.typeAnnuityInsurance')"
+          :label="$dataStore.t('productConditionsForm.typeAnnuityInsurance')"
           append-inner-icon="mdi mdi-chevron-right"
-          @append="openPanel($t('productConditionsForm.typeAnnuityInsurance'), $dataStore.dicAnnuityTypeList, 'typeAnnuityInsurance', $dataStore.getDicAnnuityTypeList)"
-        ></base-panel-input>
+          @append="openPanel($dataStore.t('productConditionsForm.typeAnnuityInsurance'), $dataStore.dicAnnuityTypeList, 'typeAnnuityInsurance', $dataStore.getDicAnnuityTypeList)"
+        />
         <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>
+          :label="$dataStore.t('productConditionsForm.termAnnuityPayments')"
+        />
         <base-panel-input
           v-model="productConditionsForm.periodAnnuityPayment"
           :value="productConditionsForm.periodAnnuityPayment.nameRu"
           :readonly="isDisabled"
           :clearable="!isDisabled"
           :rules="$rules.objectRequired"
-          :label="$t('productConditionsForm.periodAnnuityPayment')"
+          :label="$dataStore.t('productConditionsForm.periodAnnuityPayment')"
           append-inner-icon="mdi mdi-chevron-right"
           @append="
-            openPanel($t('productConditionsForm.processPaymentPeriod'), $dataStore.processAnnuityPaymentPeriod, 'periodAnnuityPayment', $dataStore.getProcessAnnuityPaymentPeriod)
+            openPanel(
+              $dataStore.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>
+          :label="$dataStore.t('productConditionsForm.amountAnnuityPayments')"
+        />
       </base-form-section>
-      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$t('productConditionsForm.additional')">
+      <base-form-section v-if="additionalTerms && additionalTerms.length" :title="$dataStore.t('productConditionsForm.additional')">
         <div v-for="(term, index) of additionalTerms" :key="index">
           <base-panel-input
             v-if="filterTermConditions(term)"
@@ -289,40 +293,45 @@
             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="!$dataStore.isCalculator && isRecalculation && hasCalculated"
+      :btn="$libStyles.greenLightBtn"
+      :text="$dataStore.t('buttons.toStatement')"
+      @click="toStatement"
+    />
     <base-btn
       v-if="$dataStore.isCalculator ? true : !isDisabled && isTask && ($dataStore.isInitiator() || $dataStore.isUnderwriter())"
       :loading="isCalculating"
-      :text="$t('buttons.calculate')"
+      :text="$dataStore.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" />
+      <base-btn :text="$dataStore.t('buttons.calcSum')" type="submit" @click.prevent="underwriterCalculate('sum')" :loading="isCalculating" />
+      <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">
-        <base-rounded-input v-model.trim="searchQuery" :label="$t('labels.search')" class="w-full p-2" :hide-details="true"></base-rounded-input>
+        <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="$t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())"></base-panel-select-item>
+          <base-panel-select-item :text="$dataStore.t('form.notChosen')" :selected="panelValue.nameRu === null" @click="pickPanelValue(new Value())" />
           <base-panel-select-item
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
             :key="index"
             :text="(item.nameRu as string)"
             :selected="item.nameRu === panelValue.nameRu"
             @click="pickPanelValue(item)"
-          ></base-panel-select-item>
+          />
         </div>
-        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50"></base-loader>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
     <Teleport v-if="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>
+        <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
             v-for="(item, index) of panelList.filter(i => i.nameRu && (i.nameRu as string).match(new RegExp(searchQuery, 'i')))"
@@ -330,9 +339,9 @@
             :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>
+        <base-loader v-if="isPanelLoading" class="absolute mt-10" :size="50" />
       </div>
     </Teleport>
   </section>
@@ -466,6 +475,18 @@ export default defineComponent({
       }
       return dataStore.t('productConditionsForm.requestedSumInsured');
     });
+    const isDisabledSum = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return isDisabled.value;
+    });
+    const isDisabledSumDollar = computed(() => {
+      if (whichProduct.value === 'halykkazyna') {
+        return true;
+      }
+      return isDisabled.value;
+    });
 
     const formatTermValue = (term: number) => {
       if (term !== null) {
@@ -885,6 +906,8 @@ export default defineComponent({
       currencySymbolsAddTerm,
       amountAnnuityPayments,
       requestedSumInsuredLabel,
+      isDisabledSum,
+      isDisabledSumDollar,
 
       // Rules
       coverPeriodRule,

package/components/Panel/PanelHandler.vue

@@ -2,9 +2,9 @@
   <section v-if="sendingActions">
     <div :class="[$libStyles.flexColNav]">
       <v-form ref="vForm">
-        <base-rounded-input v-model.trim="actionCause" placeholder="Причина" :rules="$rules.required"></base-rounded-input>
+        <base-rounded-input v-model.trim="actionCause" placeholder="Причина" :rules="$rules.required" />
       </v-form>
-      <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
+      <base-btn :text="buttonText" :loading="loading" @click="submitForm" />
     </div>
   </section>
   <section v-if="acceptAction">
@@ -17,8 +17,8 @@
           >{{ `Запрашиваемая страховая сумма: ` }} <b>{{ `${requestedSumInsured}₸` }}</b>
         </span>
       </base-content-block>
-      <base-btn :text="$t('confirm.yes')" @click="handleTask"></base-btn>
-      <base-btn :btn="$libStyles.blueLightBtn" :text="$t('confirm.no')" @click="closePanel"></base-btn>
+      <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
+      <base-btn :btn="$libStyles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
     </div>
   </section>
   <section v-if="signingActions" class="relative">
@@ -31,13 +31,13 @@
                 <v-expansion-panel-title class="h-[80px]" :class="$libStyles.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">
-                    <base-btn :loading="loading" :text="$t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)"></base-btn>
-                    <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$t('sign.recipientNumber')" @click="openSmsPanel(signUrl)"></base-btn>
+                    <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)" />
                   </section>
                 </v-expansion-panel-text>
               </v-expansion-panel>
             </v-expansion-panels>
-            <base-list-empty v-else></base-list-empty>
+            <base-list-empty v-else />
           </div>
         </div>
         <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
@@ -51,12 +51,12 @@
                 v-model="phoneNumber"
                 :maska="$maska.phone"
                 :rules="$rules.required.concat($rules.phoneFormat)"
-                :label="$t('form.phoneNumber')"
+                :label="$dataStore.t('form.phoneNumber')"
                 placeholder="+7 7"
-              ></base-rounded-input>
+              />
             </v-form>
-            <base-btn :text="$t('buttons.sendSMS')" :loading="loading" @click="submitForm"></base-btn
-          ></base-form-section>
+            <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm"
+          /></base-form-section>
         </div>
       </base-fade-transition>
     </div>
@@ -65,8 +65,8 @@
     <div>
       <base-fade-transition>
         <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
-          <base-btn :loading="loading" :text="$t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)"></base-btn>
-          <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$t('payment.recipientNumber')" @click="openEpayPanel"></base-btn>
+          <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" />
         </div>
         <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
           <i
@@ -79,11 +79,11 @@
                 v-model="phoneNumber"
                 :maska="$maska.phone"
                 :rules="$rules.required.concat($rules.phoneFormat)"
-                :label="$t('form.phoneNumber')"
+                :label="$dataStore.t('form.phoneNumber')"
                 placeholder="+7 7"
-              ></base-rounded-input>
+              />
             </v-form>
-            <base-btn :text="$t('buttons.sendSMS')" :loading="loading" @click="submitForm"></base-btn>
+            <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm" />
           </base-form-section>
         </div>
       </base-fade-transition>
@@ -93,21 +93,20 @@
     <div :class="[$libStyles.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="$t('form.documentNumber')"></base-form-input>
+          <base-form-input v-model.trim="formStore.affilationResolution.number" :rules="$rules.required" :label="$dataStore.t('form.documentNumber')" />
           <base-form-input
             v-model="formStore.affilationResolution.date"
             :maska="$maska.date"
             :rules="$rules.required"
-            :label="$t('form.date')"
-            append-inner-icon="mdi mdi-calendar-blank-outline"
-          ></base-form-input>
-          <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)"></base-file-input>
+            :label="$dataStore.t('form.date')"
+            append-inner-icon="mdi mdi-calendar-blank-outline" />
+          <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)" />
           <base-empty-form-field v-if="affiliationDocument" class="justify-between">
             {{ `${affiliationDocument.fileTypeName} - ${affiliationDocument.fileName}` }}
-            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i> </base-empty-form-field
+            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i></base-empty-form-field
         ></base-content-block>
       </v-form>
-      <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
+      <base-btn :text="buttonText" :loading="loading" @click="submitForm" />
     </div>
   </section>
 </template>

package/components/Utilities/JsonViewer.vue

@@ -8,7 +8,7 @@
     :show-key-value-space="true"
     :collapsed-on-click-brackets="true"
     :deep="4"
-  ></vue-json-pretty>
+  />
 </template>
 
 <script lang="ts">

package/layouts/default.vue

@@ -19,11 +19,11 @@
         @onLink="onLink"
       >
         <template #end>
-          <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70"></base-loader>
+          <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70" />
         </template>
       </base-menu-nav>
-      <slot> </slot>
-      <base-settings-panel></base-settings-panel>
+      <slot></slot>
+      <base-settings-panel />
     </section>
   </div>
 </template>