hl-core 0.0.9-beta.2 → 0.0.9-beta.21

package/components/Form/ProductConditionsBlock.vue

@@ -1,31 +1,56 @@
 <template>
-  <div class="pt-3 pl-5 rounded-lg border-[1px]" :class="[$libStyles.whiteBg, disabled && $libStyles.disabled]">
+  <div class="pt-3 pl-5 rounded-lg border-[1px]" :class="[$styles.whiteBg, disabled && $styles.disabled]">
     <div>
-      <p :class="[$libStyles.textTitle, $libStyles.greenText]">
+      <p :class="[$styles.textTitle, $styles.greenText]">
         {{ $dataStore.t('productConditions') }}
       </p>
-      <p v-if="!!subtitle" :class="[$libStyles.greyText, $libStyles.textSimple]">{{ subtitle }}</p>
+      <p v-if="!!subtitle" :class="[$styles.greyText, $styles.textSimple]">{{ subtitle }}</p>
     </div>
-    <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">{{ $dataStore.t('productConditionsForm.requestedSumInsured') }}</span>
-      <span v-if="hasPremium" :class="[$libStyles.textSimple]" class="font-medium">{{ $dataStore.t('productConditionsForm.insurancePremiumPerMonth') }}</span>
-      <span v-if="hasPolicyNumber" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('buttons.InsuranceContract') }}</span>
-      <span v-if="hasContractDate" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.contractDate') }}</span>
-      <span v-if="hasCoverPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.coverPeriod') }}</span>
-      <span v-if="hasPayPeriod" :class="[$libStyles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.payPeriod') }}</span>
+    <div v-if="hasDefault" class="mt-6 grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
+      <span v-if="hasSum" :class="[$styles.textSimple]" class="font-medium">{{ $dataStore.t('productConditionsForm.requestedSumInsured') }}</span>
+      <span v-if="hasPremium" :class="[$styles.textSimple]" class="font-medium">{{ $dataStore.t('productConditionsForm.insurancePremiumPerMonth') }}</span>
+
+      <span v-if="hasContractDate" :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.contractDate') }}</span>
+      <span v-if="hasCoverPeriod" :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.coverPeriod') }}</span>
+      <span v-if="hasPayPeriod" :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('productConditionsForm.payPeriod') }}</span>
+    </div>
+    <div v-if="hasDefault" class="grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
+      <span v-if="hasSum" :class="[amount === null && $styles.emptyBlockCol]">{{ amount }} </span>
+      <span v-if="hasPremium" :class="[premium === null && $styles.emptyBlockCol]"> {{ premium }}</span>
+      <span v-if="hasPolicyNumber" :class="[policyNumber === null && $styles.emptyBlockCol]" class="hidden lg:block"> {{ policyNumber }}</span>
+      <span v-if="hasContractDate" :class="[policyNumber === null && $styles.emptyBlockCol]" class="hidden lg:block"> {{ contractDate }}</span>
+      <span v-if="hasCoverPeriod" :class="[coverPeriod === null && $styles.emptyBlockCol]" class="hidden lg:block">{{ coverPeriod }} </span>
+      <span v-if="hasPayPeriod" :class="[paymentPeriod === null && $styles.emptyBlockCol]" class="hidden lg:block"> {{ paymentPeriod }}</span>
+      <div
+        class="rounded-br-lg transition-all h-[70px] w-[60px] relative place-self-end"
+        :class="[$styles.blueBgLight, $styles.blueBgLightHover, disabled ? $styles.disabled : 'cursor-pointer']"
+        @click="!disabled && $emit('onMore', { whichForm: 'productConditions' })"
+      >
+        <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
+      </div>
+    </div>
+    <div v-if="$dataStore.isLifetrip" class="mt-6 grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
+      <span :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('calculatorForm.type') }}</span>
+      <span :class="[$styles.textSimple]" class="font-medium">{{ $dataStore.t('calculatorForm.country') }}</span>
+      <span :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('calculatorForm.purpose') }}</span>
+      <span :class="[$styles.textSimple]" class="font-medium">{{ $dataStore.t('calculatorForm.amount') }}</span>
+      <span v-if="hasPolicyNumber" :class="[$styles.textSimple]" class="font-medium hidden lg:block">{{ $dataStore.t('buttons.InsuranceContract') }}</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]" 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 }}
+    <div v-if="$dataStore.isLifetrip" class="grid grid-cols-3 lg:grid-cols-5 auto-rows-fr items-center">
+      <span :class="[calculatorForm.type.nameRu === null && $styles.emptyBlockCol]" class="hidden lg:block">
+        {{ calculatorForm.type.nameRu }}
+      </span>
+      <span :class="[calculatorForm.price === null && $styles.emptyBlockCol]"> {{ calculatorForm.countries?.length ? countriesComputed : '' }}</span>
+      <span :class="[calculatorForm.purpose.nameRu === null && $styles.emptyBlockCol]" class="hidden lg:block">
+        {{ calculatorForm.purpose && calculatorForm.purpose.nameRu ? calculatorForm.purpose.nameRu : $dataStore.t('calculatorForm.purpose') }}</span
+      >
+      <span :class="[calculatorForm.amount && calculatorForm.amount.nameRu ? calculatorForm.amount.nameRu : $dataStore.t('calculatorForm.amount') && $styles.emptyBlockCol]"
+        >{{ calculatorForm.amount?.nameRu }}
       </span>
+
       <div
         class="rounded-br-lg transition-all h-[70px] w-[60px] relative place-self-end"
-        :class="[$libStyles.blueBgLight, $libStyles.blueBgLightHover, disabled ? $libStyles.disabled : 'cursor-pointer']"
+        :class="[$styles.blueBgLight, $styles.blueBgLightHover, disabled ? $styles.disabled : 'cursor-pointer']"
         @click="!disabled && $emit('onMore', { whichForm: 'productConditions' })"
       >
         <i class="mdi mdi-dots-vertical text-xl absolute top-[20px] right-[20px]"></i>
@@ -68,11 +93,17 @@ export default defineComponent({
         ? formStore.productConditionsForm.paymentPeriod.nameRu
         : null,
     );
-
+    const calculatorForm = formStore.productConditionsForm.calculatorForm;
     const hasSum = computed(() => {
+      if (dataStore.isLifetrip) {
+        return false;
+      }
       return true;
     });
     const hasPremium = computed(() => {
+      if (dataStore.isLifetrip) {
+        return false;
+      }
       return true;
     });
     const hasPolicyNumber = computed(() => {
@@ -88,20 +119,40 @@ export default defineComponent({
       return false;
     });
     const hasCoverPeriod = computed(() => {
+      if (dataStore.isLifetrip) {
+        return false;
+      }
       if (dataStore.isFinCenter()) {
         return false;
       }
       return true;
     });
     const hasPayPeriod = computed(() => {
+      if (dataStore.isLifetrip) {
+        return false;
+      }
       if (dataStore.isFinCenter()) {
         return false;
       }
       return true;
     });
+    const countriesComputed = computed(() => {
+      let message = '';
+      for (let country in calculatorForm.countries) {
+        message += calculatorForm.countries[country as any].nameRu + ', ';
+      }
+      return message.slice(0, -2);
+    });
+    const hasDefault = computed(() => {
+      if (dataStore.isLifetrip) {
+        return false;
+      }
+      return true;
+    });
     return {
       // State
       formStore,
+      calculatorForm,
 
       // Computed
       amount,
@@ -116,6 +167,8 @@ export default defineComponent({
       hasContractDate,
       hasPayPeriod,
       hasCoverPeriod,
+      countriesComputed,
+      hasDefault,
     };
   },
 });

package/components/Input/EmptyFormField.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="h-[60px] bg-white rounded border-b-[1px] border-b-[#f3f6fc] flex items-center pl-4" :class="[$libStyles.textTitle]">
+  <div class="h-[60px] bg-white rounded border-b-[1px] border-b-[#f3f6fc] flex items-center pl-4" :class="[$styles.textTitle]">
     <slot></slot>
   </div>
 </template>

package/components/Input/FileInput.vue

@@ -3,16 +3,16 @@
     class="file-input"
     :disabled="disabled"
     prepend-icon=""
-    append-inner-icon="mdi mdi-file-document"
-    @click:append-inner="$emit('input', $event)"
+    :append-inner-icon="`mdi ${icon}`"
     @input="$emit('input', $event)"
     variant="solo"
     show-size
     multiple
-    accept=".pdf,.doc,.jpeg,.jpg,.jpg"
+    accept=".pdf,.doc,.jpeg,.jpg,.jpg,.xlsx,.xls"
     truncate-length="15"
     clear-icon="mdi mdi-close"
     :label="$dataStore.t('labels.chooseDoc')"
+    @click:append-inner="$emit('append-inner', $event)"
   />
 </template>
 
@@ -23,7 +23,12 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    icon: {
+      type: String,
+      default: 'mdi-file-document',
+    }
   },
+  emits: ['input', 'append-inner'],
 });
 </script>
 

package/components/Input/Monthpicker.vue

@@ -0,0 +1,33 @@
+<template>
+  <vue-date-picker
+    :model-value="modelValue"
+    :clearable="false"
+    :disabled="disabled"
+    :reaonly="readonly"
+    month-picker
+    locale="ru"
+    format="MM.yyyy"
+    :close-on-scroll="true"
+    cancel-text="Отменить"
+    select-text="Выбрать"
+    @update:modelValue="$emit('update:modelValue', $event)"
+  />
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    modelValue: {
+      required: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>

package/components/Input/PanelInput.vue

@@ -24,7 +24,7 @@
     :suffix="suffix"
     @keyup.enter.prevent="submitted"
     @click:control="!props.readonly && $emit('append')"
-    @click:clear="(props.readonly ? false : clearable) && $emit('update:modelValue', new Value())"
+    @click:clear="(props.readonly ? false : clearable) && $emit('update:modelValue', clearValue)"
     @click:append="!props.readonly && $emit('append-out')"
     @click:prepend="!props.readonly && $emit('prepend-out')"
     @click:append-inner="!props.readonly && $emit('append')"
@@ -50,6 +50,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    clearValue: {
+      type: Object,
+      default: new Value(),
+    },
     clearable: {
       type: Boolean,
       default: true,

package/components/Input/RoundedEmptyField.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="min-w-[250px] h-[50px] border-[1px] border-[#dadada] bg-[#FFF] pl-4 flex cursor-pointer opacity-[87%]" :class="[$styles.textSimple, $styles.rounded]">
+    <slot></slot>
+  </div>
+</template>

package/components/Input/RoundedSelect.vue

@@ -7,6 +7,8 @@
     :placeholder="placeholder"
     :label="label"
     :variant="variant"
+    :density="(density as any)"
+    :menu-icon="menuIcon"
     :clear-icon="clearIcon"
     :color="color"
     :hint="hint"
@@ -78,10 +80,18 @@ export default defineComponent({
       type: String as PropType<InputVariants>,
       default: 'solo',
     },
+    density: {
+      type: String,
+      default: 'compact',
+    },
     color: {
       type: String,
       default: '#009c73',
     },
+    menuIcon: {
+      type: String,
+      default: 'mdi-chevron-down',
+    },
     clearIcon: {
       type: String,
       default: 'mdi-close',
@@ -122,6 +132,9 @@ export default defineComponent({
   border: none !important;
   outline: none !important;
 }
+.rounded-select.v-input {
+  flex: unset !important;
+}
 .rounded-select .v-label.v-field-label {
   top: 20px;
 }

package/components/Layout/Drawer.vue

@@ -12,7 +12,7 @@
     <div v-if="$dataStore.panelAction === null" class="flex flex-col" id="panel-actions">
       <slot></slot>
     </div>
-    <base-panel-handler v-else />
+    <base-panel-handler v-else @task="$emit('task', $event)" />
     <slot name="panel"></slot>
   </v-navigation-drawer>
 </template>
@@ -30,6 +30,7 @@ export default defineComponent({
       default: 'panel',
     },
   },
+  emits: ['task'],
   setup(props) {
     const dataStore = useDataStore();
 

package/components/Layout/Header.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="relative w-full h-[70px] text-center font-medium align-middle flex items-center border-b-[1px]" :class="[$libStyles.blueBgLight, $libStyles.textSimple]">
+  <header class="relative w-full h-[70px] text-center font-medium align-middle flex items-center border-b-[1px]" :class="[$styles.blueBgLight, $styles.textSimple]">
     <i v-if="hasBack" @click="$emit('onBack')" class="absolute left-5 mdi text-xl cursor-pointer transition-all" :class="[backIcon, backIconAnim]"></i>
     <span class="mx-10">{{ title }}</span>
     <i

package/components/Layout/SettingsPanel.vue

@@ -9,11 +9,11 @@
       <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')" />
       <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
-    <base-panel-item v-if="$dataStore.isEFO && !isProduction" @click="changeBridge('lka')" class="cursor-pointer">
+    <base-panel-item v-if="$dataStore.isEFO && $dataStore.accessToken && $dataStore.hasAccess().toLKA" @click="changeBridge('lka', $dataStore.accessToken)" class="cursor-pointer">
       {{ $dataStore.t('labels.lkaLong') }}
       <i class="mdi mdi-chevron-right text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
-    <base-panel-item v-if="$dataStore.isLKA" @click="changeBridge('efo')" class="cursor-pointer">
+    <base-panel-item v-if="$dataStore.isLKA && $dataStore.accessToken" @click="changeBridge('efo', $dataStore.accessToken)" class="cursor-pointer">
       {{ $dataStore.t('labels.efoLong') }}
       <i class="mdi mdi-web text-2xl text-[#A0B3D8]"></i
     ></base-panel-item>
@@ -30,7 +30,7 @@
       {{ $dataStore.t('historyStatementsAndStatuses') }}
       <i class="mdi mdi-history text-xl text-[#A0B3D8]"></i>
     </base-panel-item>
-    <base-panel-item @click="dialogSignOut = true" class="cursor-pointer" :class="[$libStyles.redText]">
+    <base-panel-item @click="dialogSignOut = true" class="cursor-pointer" :class="[$styles.redText]">
       {{ $dataStore.t('buttons.logout') }}
       <i class="mdi mdi-logout text-xl"></i>
     </base-panel-item>
@@ -49,6 +49,8 @@
 </template>
 
 <script lang="ts" setup>
+import { changeBridge } from '#imports';
+
 import pkg from '../../package.json';
 const dialogSignOut = ref(false);
 const dataStore = useDataStore();
@@ -77,10 +79,4 @@ const hasHistory = computed(() => {
 const openHistory = async () => {
   dataStore.sendToParent(constants.postActions.toStatementHistory, dataStore.isBridge ? '' : dataStore.product);
 };
-
-const changeBridge = async (toBridge: 'efo' | 'lka') => {
-  const bridgeUrl = import.meta.env[`VITE_${toBridge.toUpperCase()}_URL`] as string;
-  if (!bridgeUrl) return;
-  window.open(`${bridgeUrl}/#/Token?token=${dataStore.accessToken}`, '_blank');
-};
 </script>

package/components/List/ListEmpty.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="border-[1px] rounded-lg h-[80px] mx-[10px] mt-[14px] flex place-content-center" :class="[$libStyles.blueBgLight, $libStyles.textTitle]">
+  <div class="border-[1px] rounded-lg h-[80px] mx-[10px] mt-[14px] flex place-content-center" :class="[$styles.blueBgLight, $styles.textTitle]">
     <div class="flex justify-center items-center font-medium gap-2 opacity-40">
       {{ text }}
       <i class="text-2xl mdi" :class="[icon ? icon : 'mdi-database-off-outline']"></i>

package/components/Menu/MenuHover.vue

@@ -2,7 +2,7 @@
   <v-menu v-if="items.length" :activator="activator" location="bottom center" :offset="top" transition="scale-transition">
     <base-form-text-section class="p-4 border-[1px] flex flex-col gap-3 elevation-3 w-[250px]">
       <div v-for="item of items.filter(i => $dataStore.filters.show(i))" :key="item.id">
-        <base-menu-nav-item :class="[$libStyles.textSimple]" :menu-item="item" @click="$emit(item.id)" />
+        <base-menu-nav-item :class="[$styles.textSimple]" :menu-item="item" @click="$emit(item.id)" />
       </div>
     </base-form-text-section>
   </v-menu>

package/components/Menu/MenuNav.vue

@@ -12,7 +12,7 @@
       @onMore="$emit('onMore')"
     />
     <slot key="slot-content" name="content"></slot>
-    <section key="main" :class="[$libStyles.flexColNav]">
+    <section key="main" :class="[$styles.flexColNav]">
       <slot name="start"></slot>
       <base-fade-transition>
         <div v-if="$dataStore.menuItems && $dataStore.menuItems.length" class="flex flex-col gap-[10px]">

package/components/Menu/MenuNavItem.vue

@@ -1,10 +1,10 @@
 <template>
   <div
     :class="[
-      selected ? $libStyles.blueBg : $libStyles.blueBgLight,
-      selected ? $libStyles.whiteText : $libStyles.blackText,
-      $libStyles.rounded,
-      $libStyles.textSimple,
+      selected ? $styles.blueBg : $styles.blueBgLight,
+      selected ? $styles.whiteText : $styles.blackText,
+      $styles.rounded,
+      $styles.textSimple,
       disabled ? 'cursor-not-allowed opacity-50' : '',
     ]"
     class="h-[60px] flex items-center justify-between hover:bg-[#A0B3D8] hover:!text-white pl-4 cursor-pointer transition-all group"