hl-core 0.0.8-beta.20 → 0.0.8-beta.21

package/components/Form/ProductConditionsBlock.vue

@@ -9,16 +9,16 @@
     <div class="mt-6 grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
       <span v-if="hasSum" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('productConditionsForm.requestedSumInsured') }}</span>
       <span v-if="hasPremium" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('productConditionsForm.insurancePremiumPerMonth') }}</span>
-      <span v-if="hasPolicyNumber" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('buttons.InsuranceContract') }}</span>
-      <span v-if="hasContractDate" :class="[$libStyles.textSimple]" class="font-medium">{{ $t('productConditionsForm.contractDate') }}</span>
+      <span v-if="hasPolicyNumber" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('buttons.InsuranceContract') }}</span>
+      <span v-if="hasContractDate" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.contractDate') }}</span>
       <span v-if="hasCoverPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.coverPeriod') }}</span>
       <span v-if="hasPayPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $t('productConditionsForm.payPeriod') }}</span>
     </div>
     <div class="grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
       <span v-if="hasSum" :class="[amount === null && $libStyles.emptyBlockCol]">{{ amount }} </span>
       <span v-if="hasPremium" :class="[premium === null && $libStyles.emptyBlockCol]"> {{ premium }}</span>
-      <span v-if="hasPolicyNumber" :class="[policyNumber === null && $libStyles.emptyBlockCol]"> {{ policyNumber }}</span>
-      <span v-if="hasContractDate" :class="[policyNumber === null && $libStyles.emptyBlockCol]"> {{ contractDate }}</span>
+      <span v-if="hasPolicyNumber" :class="[policyNumber === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ policyNumber }}</span>
+      <span v-if="hasContractDate" :class="[policyNumber === null && $libStyles.emptyBlockCol]" class="hidden lg:block"> {{ contractDate }}</span>
       <span v-if="hasCoverPeriod" :class="[coverPeriod === null && $libStyles.emptyBlockCol]" class="hidden lg:block">{{ coverPeriod }} </span>
       <span v-if="hasPayPeriod" :class="[paymentPeriod === null && $libStyles.emptyBlockCol]" class="hidden lg:block">
         {{ paymentPeriod }}

package/components/Input/Datepicker.vue

@@ -9,7 +9,7 @@
     model-type="dd.MM.yyyy"
     position="left"
     menu-class-name="!left-[30vw] md:!left-[70vw] lg:!left-[75vw]"
-    teleport=".v-form"
+    :teleport="teleport"
     :offset="-50"
     :close-on-scroll="true"
     :enable-time-picker="false"
@@ -36,6 +36,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    teleport: {
+      type: String,
+      default: '.v-form',
+    },
   },
 });
 </script>

package/components/Input/FormInput.vue

@@ -29,8 +29,12 @@
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="appendInnerIcon && appendInnerIcon.length" v-slot:append-inner>
-      <v-icon v-if="appendInnerIcon !== 'mdi mdi-calendar-blank-outline'" :icon="appendInnerIcon" @click="!props.readonly && $emit('append')"></v-icon>
-      <base-datepicker v-else :model-value="modelValue" @update:modelValue="$emit('update:modelValue', $event)"></base-datepicker>
+      <v-icon
+        v-if="appendInnerIcon !== 'mdi mdi-calendar-blank-outline'"
+        :icon="appendInnerIcon"
+        @click="appendInnerIcon.includes('mdi-magnify') ? $emit('append') : !props.readonly && $emit('append')"
+      ></v-icon>
+      <base-datepicker v-else :model-value="modelValue" @update:modelValue="$emit('update:modelValue', $event)" :teleport="teleport"></base-datepicker>
     </template>
     <template v-if="loading" #loader>
       <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
@@ -116,6 +120,9 @@ export default defineComponent({
     appendInnerIcon: {
       type: String,
     },
+    teleport: {
+      type: String,
+    },
     bgColor: {
       type: String,
     },

package/components/Layout/SettingsPanel.vue

@@ -64,7 +64,7 @@ const hasHistory = computed(() => {
 });
 
 const openHistory = async () => {
-  dataStore.sendToParent(constants.postActions.toStatementHistory, dataStore.product);
+  dataStore.sendToParent(constants.postActions.toStatementHistory, dataStore.isBridge ? '' : dataStore.product);
 };
 
 const changeBridge = async (toBridge: 'efo' | 'lka') => {

package/components/Menu/MenuNav.vue

@@ -32,7 +32,7 @@
       <slot name="end"></slot>
       <slot name="actions"></slot>
       <base-fade-transition>
-        <div v-if="$dataStore.buttons && $dataStore.buttons.length" class="flex flex-col gap-[10px] justify-self-end absolute bottom-5 lg:bottom-[30%] w-full pr-4">
+        <div v-if="$dataStore.buttons && $dataStore.buttons.length" class="flex flex-col gap-[10px] justify-self-end absolute bottom-5 lg:bottom-[10%] w-full pr-4">
           <div v-for="(item, index) of $dataStore.buttons" :key="index">
             <transition enter-active-class="animate__animated animate__fadeIn animate__faster" leave-active-class="animate__animated animate__fadeOut animate__faster">
               <base-btn

package/components/Pages/Anketa.vue

@@ -71,22 +71,22 @@
       </v-form>
       <base-btn class="my-[14px] self-center" :loading="isButtonLoading" :disabled="formStore.isDisabled[whichSurvey]" @click="submitForm" :text="$t('buttons.save')"></base-btn>
     </section>
+    <v-btn
+      v-if="secondQuestionList && secondQuestionList.length && firstPanel"
+      icon="mdi mdi-close"
+      class="ml-3 !absolute"
+      @click="
+        firstPanel = false;
+        secondPanel = false;
+      "
+    ></v-btn>
     <section
       ref="firstPanelSection"
       v-if="secondQuestionList && secondQuestionList.length && firstPanel"
-      class="flex flex-col px-[10px] py-[14px]"
+      class="flex flex-col px-[10px] pb-[14px]"
       :class="[$libStyles.scrollPage]"
     >
-      <v-btn
-        icon="mdi mdi-close"
-        variant="text"
-        size="large"
-        @click="
-          firstPanel = false;
-          secondPanel = false;
-        "
-      ></v-btn>
-      <section v-if="currentQuestion" :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
+      <section v-if="currentQuestion" :class="[$libStyles.blueBgLight, $libStyles.rounded]" class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4">
         <base-form-text-section v-for="question in currentQuestion.second" :title="question.name" :key="question.name">
           <base-form-input
             v-if="question.definedAnswers === 'N'"

package/components/Pages/MemberForm.vue

@@ -2,16 +2,6 @@
   <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">
       <base-form-section :title="$t('form.personalData')">
-        <base-form-input
-          v-model="member.iin"
-          :label="$t('form.iin')"
-          :maska="$maska.iin"
-          :readonly="isDisabled || isIinPhoneDisabled"
-          :clearable="!isDisabled"
-          :append-inner-icon="showSaveButton ? 'mdi mdi-magnify' : ''"
-          @append="searchMember"
-          :rules="$rules.required.concat($rules.iinRight)"
-        ></base-form-input>
         <base-form-input
           v-model="member.phoneNumber"
           :label="$t('form.phoneNumber')"
@@ -23,6 +13,16 @@
           @keyup.enter.prevent="otpCondition ? openCustomPanel('otp') : null"
           :rules="phoneRule"
         ></base-form-input>
+        <base-form-input
+          v-model="member.iin"
+          :label="$t('form.iin')"
+          :maska="$maska.iin"
+          :readonly="isDisabled || isIinPhoneDisabled"
+          :clearable="!isDisabled"
+          :append-inner-icon="showSaveButton ? 'mdi mdi-magnify' : ''"
+          @append="searchMember"
+          :rules="$rules.required.concat($rules.iinRight)"
+        ></base-form-input>
         <base-form-input
           v-model="member.lastName"
           :readonly="isDisabled || isFromGBD"
@@ -543,7 +543,7 @@ export default {
     const hasOtp = computed(() => member.value.otpCode && member.value.otpCode.length === useMask().otp.length);
     const isDisabled = computed(() => !memberStore.isStatementEditible(whichForm.value as string));
     const isTask = computed(() => route.params.taskId === '0' || dataStore.isTask());
-    const isIinPhoneDisabled = computed(() => formStore.applicationData && 'regNumber' in formStore.applicationData && whichForm.value === formStore.policyholderFormKey);
+    const isIinPhoneDisabled = computed(() => member.value.hasAgreement);
     const isFromGBD = computed(() => !!member.value.gosPersonData);
     const showSaveButton = computed(() => {
       const generalCondition = !isDisabled.value && !!isTask.value && !!dataStore.isInitiator();

package/composables/classes.ts

@@ -828,6 +828,7 @@ export class DataStoreClass {
     beneficialOwnerApp: MemberSettings;
     spokesmanApp: MemberSettings;
   };
+  iframeLoading: boolean;
   hasLayoutMargins: boolean;
   readonly product: string | null;
   showNav: boolean;
@@ -952,6 +953,7 @@ export class DataStoreClass {
       hasAttachment: true,
       hasAffiliation: true,
     };
+    this.iframeLoading = false;
     this.hasLayoutMargins = true;
     this.processIndexRate = [];
     this.processPaymentPeriod = [];

package/composables/constants.ts

@@ -68,6 +68,7 @@ export const constants = Object.freeze({
     DOMevent: 'DOMevent',
     Error401: 'Error401',
     Error500: 'Error500',
+    iframeLoaded: 'iframeLoaded',
   },
   currencySymbols: {
     kzt: '₸',

package/composables/index.ts

@@ -165,7 +165,11 @@ export const ErrorHandler = (err: unknown, errorText?: string) => {
   console.log(err);
   if (err instanceof AxiosError) {
     if ('response' in err && err.response && err.response.data) {
-      useDataStore().showToaster('error', errorText ? errorText : err.response.data, 10000);
+      if ('status' in err.response && err.response.status === 403) {
+        useDataStore().showToaster('error', useDataStore().t('toaster.noPermission'), 10000);
+      } else if (err.response.data) {
+        useDataStore().showToaster('error', errorText ? errorText : err.response.data, 10000);
+      }
     }
   }
   return false;

package/locales/en.json

@@ -95,9 +95,11 @@
     "insured": "застрахованный",
     "beneficiary": "выгодоприобретатель",
     "beneficialOwner": "бенефициарный собственник",
-    "spokesman": "представитель страхователя"
+    "spokesman": "представитель страхователя",
+    "noPermission": "You have no permission on {text}"
   },
   "buttons": {
+    "dataInput": "Input",
     "createStatement": "Create Statement",
     "add": "Add",
     "userLogin": "Login",
@@ -261,7 +263,7 @@
     "riskGroup": "Risk Group",
     "requestedProductConditions": "Requested Insurance Conditions",
     "coverPeriodFrom3to20": "Insurance Period (from 3 to 20 years)",
-    "insurancePremiumAmount": "Insurance Premium Amount",
+    "insurancePremiumAmount": "Insurance Premium Amount in tenge",
     "insurancePremiumAmountInDollar": "Amount of the Insurance premium (insurance fee) in dollars",
     "coverPeriodFrom2to22": "Cover Period (from 2y to 20y)",
     "dollarExchangeRateNBRK": "NBRK dollar exchange rate",

package/locales/kz.json

@@ -95,9 +95,11 @@
     "insured": "застрахованный",
     "beneficiary": "выгодоприобретатель",
     "beneficialOwner": "бенефициарный собственник",
-    "spokesman": "представитель страхователя"
+    "spokesman": "представитель страхователя",
+    "noPermission": "Сұрау салуға рұқсатыңыз жоқ {text}"
   },
   "buttons": {
+    "dataInput": "Енгізу",
     "createStatement": "Заявка жасау",
     "add": "Қосу",
     "userLogin": "Кіру",
@@ -262,7 +264,7 @@
     "requestedProductConditions": "Талап етілетін сақтандыру шарттары",
     "coverPeriodFrom3to20": "Страховық мерзім (3-тен 20 жылға дейін)",
     "coverPeriodFrom2to20": "Страховық мерзім (2-тен 20 жылға дейін)",
-    "insurancePremiumAmount": "Сақтандыру сыйлықақысы өлшемі (страховой взнос)",
+    "insurancePremiumAmount": "Сақтандыру сыйлықақысы өлшемі (страховой взнос) в тенге",
     "insurancePremiumAmountInDollar": "Сақтандыру сыйлықақысы өлшемі доллармен (страховой взнос)",
     "dollarExchangeRateNBRK": "Доллардың НБРК айырымы",
     "contractDate": "Контракт күні"

package/locales/ru.json

@@ -95,9 +95,11 @@
     "insured": "застрахованный",
     "beneficiary": "выгодоприобретатель",
     "beneficialOwner": "бенефициарный собственник",
-    "spokesman": "представитель страхователя"
+    "spokesman": "представитель страхователя",
+    "noPermission": "У вас нет привилегии на запрос {text}"
   },
   "buttons": {
+    "dataInput": "Ввод данных",
     "createStatement": "Создать заявку",
     "add": "Добавить",
     "userLogin": "Логин",
@@ -262,7 +264,7 @@
     "requestedProductConditions": "Запрашиваемые условия страхования",
     "coverPeriodFrom3to20": "Срок страхования (от 3-х до 20 лет)",
     "coverPeriodFrom2to22": "Срок страхования (от 2-х до 20 лет)",
-    "insurancePremiumAmount": "Размер Страховой премии (страховой взнос)",
+    "insurancePremiumAmount": "Размер Страховой премии (страховой взнос) в тенге",
     "insurancePremiumAmountInDollar": "Размер Страховой премии (страховой взнос) в долларах",
     "dollarExchangeRateNBRK": "Курс доллара НБРК",
     "contractDate": "Дата контракта"
@@ -504,7 +506,7 @@
     "firstName": "Имя",
     "middleName": "Отчество",
     "birthDate": "Дата рождения",
-    "signDate": "Дата расчета",
+    "signDate": "Дата",
     "age": "Возраст",
     "gender": "Пол",
     "familyStatus": "Семейное положение",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.8-beta.20",
+  "version": "0.0.8-beta.21",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -50,6 +50,6 @@
     "vue-json-pretty": "^2.2.4",
     "vue-toastification": "^2.0.0-rc.5",
     "vue-uuid": "^3.0.0",
-    "vuetify": "^3.3.1"
+    "vuetify": "^3.3.4"
   }
 }

package/plugins/vuetifyPlugin.ts

@@ -8,7 +8,9 @@ import * as directives from 'vuetify/directives';
 export default defineNuxtPlugin(nuxtApp => {
   const vuetify = createVuetify({
     ssr: false,
-    components,
+    components: {
+      ...components,
+    },
     directives,
     defaults: {
       VForm: {

package/store/data.store.js

@@ -168,6 +168,9 @@ export const useDataStore = defineStore('data', {
         }
       }
     },
+    getUserData() {
+      return this.accessToken ? jwtDecode(this.accessToken) : null;
+    },
     isRole(whichRole) {
       if (this.user.roles.length === 0) {
         this.getUserRoles();
@@ -1860,7 +1863,7 @@ export const useDataStore = defineStore('data', {
         const data = {
           processInstanceId: this.formStore.applicationData.processInstanceId,
           regNumber: this.formStore.finCenterData.regNumber,
-          date: this.formStore.finCenterData.date,
+          date: formatDate(this.formStore.finCenterData.date),
         };
         const result = await this.api.registerNumber(data);
         return result;