hl-core 0.0.10-beta.4 → 0.0.10-beta.40

package/api/interceptors.ts

@@ -65,14 +65,12 @@ export default function (axios: AxiosInstance) {
               dataStore.sendToParent(constants.postActions.Error401, 401);
             }
           }
-          if (error.response.status >= 500) {
-            if (router.currentRoute.value.name !== 'Auth') {
-              dataStore.showToaster('error', error.stack ?? dataStore.t('toaster.error'), 5000);
-            }
-          }
           if (error.response.status === 403 && error.response.config.url) {
             dataStore.showToaster('error', `Нет доступа на запрос: ${error.response.config.url.substring(error.response.config.url.lastIndexOf('/') + 1)}`, 5000);
           }
+          if (error.response.status === 413) {
+            dataStore.showToaster('error', dataStore.t('error.exceedUploadLimitFile'), 5000);
+          }
         }
       }
       return Promise.reject(error);

package/components/Complex/TextBlock.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import type { Utils } from '../../types';
+
 defineProps({
   text: {
     type: String,

package/components/Dialog/Dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="true">
+  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="persistent">
     <v-card class="self-center w-full sm:w-4/4 md:w-2/3 lg:w-[35%] xl:w-[500px] rounded-lg !p-[36px]">
       <div class="flex sm:flex-row flex-col place-items-center sm:place-items-start">
         <div class="h-20 w-20 place-items-start pt-1">
@@ -35,6 +35,8 @@
   </v-dialog>
 </template>
 <script lang="ts">
+import type { Utils } from '../../types';
+
 export default defineComponent({
   name: 'BaseDialog',
   props: {
@@ -42,6 +44,10 @@ export default defineComponent({
       type: Boolean as PropType<boolean | null>,
       default: false,
     },
+    persistent: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
     title: {
       type: String,
       default() {

package/components/Dialog/FamilyDialog.vue

@@ -25,6 +25,8 @@
 </template>
 
 <script lang="ts">
+import type { Api } from '../../types';
+
 export default defineComponent({
   props: {
     selected: {

package/components/Form/DigitalDocument.vue

@@ -0,0 +1,52 @@
+<template>
+  <section v-if="member && member.iin" class="mb-2">
+    <base-form-section :title="`${title} ${number === 0 ? '' : number}`" class="mx-[10px] mt-[14px] d-flex">
+      <base-form-input v-model="member.iin" :label="$dataStore.t('form.iin')" :readonly="true" />
+      <base-form-input v-model.trim="member.longName" :label="$dataStore.t('labels.userFullName')" :readonly="true" />
+      <base-panel-input
+        v-if="!!member.digitalDocument"
+        v-model="member.digitalDocument.fileName"
+        label="Цифровой документ"
+        :readonly="disabled"
+        :clearable="!disabled"
+        append-inner-icon="mdi mdi-chevron-right"
+        @click="$emit('openPanel', member.digitalDocument)"
+      />
+      <base-content-block
+        v-if="!disabled && !member.digitalDocument"
+        class="d-flex align-center justify-between !py-3.5 !pr-5"
+        :class="[$styles.whiteBg]"
+        @click="$emit('openDigitalDocPanel', member.iin)"
+      >
+        <p :class="[$styles.greyText]">Получить цифровой документ</p>
+        <div class="cursor-pointer">
+          <i class="mdi mdi-file-document text-xl" :class="[$styles.blueText]"></i>
+        </div>
+      </base-content-block>
+    </base-form-section>
+  </section>
+</template>
+
+<script setup lang="ts">
+import type { Base } from '../../types';
+
+defineEmits(['openDigitalDocPanel', 'openPanel']);
+defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  member: {
+    type: Object as PropType<Base.Document.Digital>,
+    default: null,
+  },
+  number: {
+    type: Number,
+    default: 0,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>

package/components/Form/DynamicForm.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts">
 import { Value } from '#imports';
+import type { DynamicForm, FetchFunctions, InputType } from '../../types/form';
 
 export default defineComponent({
   props: {

package/components/Form/FormData.vue

@@ -61,6 +61,7 @@
 <script lang="ts">
 import { type ComputedRefWithControl } from '@vueuse/core';
 import { FormBlock } from '../../composables/fields';
+import type { Utils } from '../../types';
 
 export default defineComponent({
   props: {

package/components/Form/ManagerAttachment.vue

@@ -106,6 +106,7 @@
 <script lang="ts">
 import { Value } from '../../composables/classes';
 import { watchDebounced } from '@vueuse/core';
+import type { AgentData } from '../../types';
 
 export default defineComponent({
   props: {
@@ -138,35 +139,43 @@ export default defineComponent({
         (route.params.taskId !== '0' && (!dataStore.isProcessEditable(formStore.applicationData.statusCode) || !dataStore.isTask())),
     );
     const isSaleChanellReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+      }
       return isReadonly.value;
     });
     const isRegionReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && (dataStore.isServiceManager() || dataStore.isAgent());
+      if (!isReadonly.value) {
+        if (dataStore.isGons) return !dataStore.isServiceManager() && !dataStore.isAgent();
+      }
       return isReadonly.value;
     });
     const isManagerReadonly = computed(() => {
-      if (dataStore.isGons) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+      }
       return isReadonly.value;
     });
     const isAgentReadonly = computed(() => {
-      if (dataStore.isGons || dataStore.isPension) return isReadonly.value && dataStore.isServiceManager();
+      if (!isReadonly.value) {
+        if (dataStore.isGons) return !dataStore.isServiceManager();
+        if (dataStore.isPension) return true;
+      }
       return isReadonly.value;
     });
     const isSaleChanellShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
     const isRegionShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager() || dataStore.isAgent();
       return true;
     });
     const isManagerShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
     const isAgentShown = computed(() => {
-      if (dataStore.isGons || dataStore.isPension) return dataStore.isServiceManager();
+      if (dataStore.isGons) return !dataStore.isAgent();
       return true;
     });
     const openPanel = async (currentDict: ManagerAttachmentFiels, title: string) => {

package/components/Form/ProductConditionsBlock.vue

@@ -75,12 +75,18 @@ export default defineComponent({
     const dataStore = useDataStore();
     const formStore = useFormStore();
 
-    const amount = computed(() =>
-      formStore.productConditionsForm && formStore.productConditionsForm.requestedSumInsured ? formStore.productConditionsForm.requestedSumInsured : null,
-    );
-    const premium = computed(() =>
-      formStore.productConditionsForm && formStore.productConditionsForm.insurancePremiumPerMonth ? formStore.productConditionsForm.insurancePremiumPerMonth : null,
-    );
+    const amount = computed(() => {
+      if (dataStore.isGons && formStore.productConditionsForm && formStore.productConditionsForm.currency.code === 'USD') {
+        return formStore.productConditionsForm.requestedSumInsuredInDollar;
+      }
+      return formStore.productConditionsForm && formStore.productConditionsForm.requestedSumInsured ? formStore.productConditionsForm.requestedSumInsured : null;
+    });
+    const premium = computed(() => {
+      if (dataStore.isGons && formStore.productConditionsForm && formStore.productConditionsForm.currency.code === 'USD') {
+        return formStore.productConditionsForm.insurancePremiumPerMonthInDollar;
+      }
+      return formStore.productConditionsForm && formStore.productConditionsForm.insurancePremiumPerMonth ? formStore.productConditionsForm.insurancePremiumPerMonth : null;
+    });
     const policyNumber = computed(() => (formStore.applicationData && formStore.applicationData.policyAppDto ? formStore.applicationData.policyAppDto.policyNumber : null));
     const contractDate = computed(() =>
       formStore.applicationData && formStore.applicationData.policyAppDto && formStore.applicationData.policyAppDto.contractDate

package/components/Input/Datepicker.vue

@@ -13,6 +13,7 @@
     :enable-time-picker="false"
     :six-weeks="true"
     :min-date="minDate"
+    :max-date="maxDate"
     cancel-text="Отменить"
     select-text="Выбрать"
   >
@@ -43,6 +44,10 @@ export default defineComponent({
       type: Date,
       required: false,
     },
+    maxDate: {
+      type: Date,
+      required: false,
+    },
   },
 });
 </script>

package/components/Input/DynamicInput.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script lang="ts">
+import type { InputType } from '../../types/form';
+
 export default defineComponent({
   props: {
     fields: {

package/components/Input/FormInput.vue

@@ -39,6 +39,7 @@
         v-if="appendInnerIcon.includes('mdi-calendar-blank-outline') && !props.readonly"
         :model-value="modelValue"
         :min-date="minDate"
+        :max-date="maxDate"
         @update:modelValue="$emit('update:modelValue', $event)"
       />
     </template>
@@ -49,6 +50,8 @@
 </template>
 
 <script lang="ts">
+import type { InputTypes, InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseFormInput',
   props: {
@@ -118,6 +121,10 @@ export default defineComponent({
       type: Date,
       default: undefined,
     },
+    maxDate: {
+      type: Date,
+      default: undefined,
+    },
     prependIcon: {
       type: String,
     },

package/components/Input/OtpInput.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-otp-input v-model="modelValue" class="base-otp-input" base-color="#A0B3D8" color="#FFF" />
+</template>
+
+<script setup lang="ts">
+const modelValue = defineModel<string>();
+</script>
+
+<style>
+.base-otp-input .v-otp-input__field {
+  font-size: 16px;
+}
+.base-otp-input .v-field {
+  width: 50px;
+  height: 60px;
+  border-radius: 8px;
+}
+.base-otp-input .v-otp-input__content {
+  gap: 24px;
+}
+.base-otp-input .v-otp-input__divider {
+  margin: 0 4px;
+  color: #b8b8b8;
+}
+</style>

package/components/Input/PanelInput.vue

@@ -39,6 +39,7 @@
 
 <script lang="ts">
 import { Value } from '../../composables/classes';
+import type { InputTypes, InputVariants } from '../../types';
 
 export default defineComponent({
   name: 'BasePanelInput',

package/components/Input/RoundedInput.vue

@@ -34,6 +34,8 @@
 </template>
 
 <script lang="ts">
+import type { InputTypes, InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseRoundedInput',
   props: {
@@ -136,6 +138,8 @@ export default defineComponent({
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
+  padding-top: 6px;
+  padding-bottom: 4px;
 }
 .rounded-input .v-field--error {
   border-color: #ff5449;

package/components/Input/RoundedSelect.vue

@@ -35,6 +35,8 @@
 </template>
 
 <script lang="ts">
+import type { InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseRoundedSelect',
   props: {
@@ -148,6 +150,8 @@ export default defineComponent({
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
+  padding-top: 6px;
+  padding-bottom: 4px;
 }
 .rounded-select .v-field--error {
   border-color: #ff5449;

package/components/Input/SwitchInput.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script lang="ts">
+import type { SwitchInput } from '../../types/form';
+
 export default defineComponent({
   name: 'asSwitchInput',
   props: {

package/components/Input/TextAreaField.vue

@@ -0,0 +1,71 @@
+<template>
+  <v-textarea
+    class="form-input"
+    :label="label"
+    :model-value="modelValue"
+    :disabled="disabled"
+    :variant="variant"
+    :readonly="props.readonly"
+    :color="color"
+    :rows="rows"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    auto-grow
+  ></v-textarea>
+</template>
+
+<script lang="ts">
+import type { InputVariants } from '../../types';
+
+export default defineComponent({
+  props: {
+    modelValue: {
+      required: false,
+    },
+    label: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    variant: {
+      type: String as PropType<InputVariants>,
+      default: 'solo',
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    color: {
+      type: String,
+      default: '#009c73',
+    },
+    rows: {
+      type: Number,
+      default: 5,
+    },
+  },
+  emits: ['update:modelValue'],
+
+  setup(props, { emit }) {
+    return {
+      props,
+    };
+  },
+});
+</script>
+
+<style>
+.form-input input:focus {
+  border: none !important;
+  outline: none !important;
+}
+.form-input .v-field {
+  box-shadow: none;
+  font-size: 14px;
+}
+.form-input .v-label.v-field-label {
+  top: 20px;
+}
+</style>

package/components/Input/TextInput.vue

@@ -16,6 +16,8 @@
 </template>
 
 <script lang="ts">
+import type { InputType } from '../../types/form';
+
 const iconsList: { [key: string]: string } = {
   arrowRight: 'mdi-chevron-right',
   search: 'mdi-magnify',

package/components/Layout/Drawer.vue

@@ -26,6 +26,8 @@
 </template>
 
 <script lang="ts">
+import type { PanelTypes } from '../../types';
+
 export default defineComponent({
   name: 'BasePanel',
   props: {

package/components/Menu/MenuNav.vue

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