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

package/composables/constants.ts

@@ -0,0 +1,61 @@
+export const constants = Object.freeze({
+  products: {
+    pensionannuity: 1,
+    baiterek: 3,
+    halykmycar: 5,
+    lifetrip: 7,
+    bolashak: 8,
+    liferenta: 9,
+    gons: 10,
+  },
+
+  editableStatuses: ['StartForm', 'EditBeneficiaryForm', 'EditForm'],
+  documentsLinkVisibleStatuses: ['DocumentsSignedFrom', 'UnderwriterForm', 'AffilationResolutionForm', 'Completed', 'InsurancePremiumOnlinePaid'],
+  gbdErrors: ['INVALID', 'TIMEOUT', 'ERROR', 'NOT_FOUND'],
+  types: {
+    string: 'string',
+    array: 'object',
+    object: 'object',
+  },
+  roles: {
+    manager: 'Manager',
+    admin: 'Admin',
+    underwriter: 'Underwriter',
+    agent: 'Agent',
+    compliance: 'Compliance',
+    agentMycar: 'AgentMycar',
+    analyst: 'Analyst',
+    upk: 'UPK',
+    financeCenter: 'FinanceCenter',
+    supervisor: 'Supervisor',
+  },
+  actions: {
+    accept: 'accept',
+    rejectclient: 'rejectclient',
+    reject: 'reject',
+    return: 'return',
+    claim: 'claim',
+    signed: 'signed',
+    payed: 'payed',
+  },
+  yearCases: [2, 0, 1, 1, 1, 2],
+  yearTitles: ['год', 'года', 'лет'],
+  panelActions: {
+    accept: 'accept',
+    claim: 'claim',
+    return: 'return',
+    reject: 'reject',
+    rejectclient: 'rejectclient',
+  },
+  postActions: {
+    route: 'route',
+    applicationCreated: 'applicationCreated',
+    clipboard: 'clipboard',
+    toHomePage: 'toHomePage',
+    toStatementHistory: 'toStatementHistory',
+    toAuth: 'toAuth',
+    DOMevent: 'DOMevent',
+    Error401: 'Error401',
+    Error500: 'Error500',
+  },
+});

package/composables/index.ts

@@ -1,6 +1,137 @@
 import { useDisplay } from 'vuetify';
+import jwt_decode from 'jwt-decode';
+import { XMLParser } from 'fast-xml-parser';
 
 export const useDisplayInfo = useDisplay;
 
-export const capitalize = (word: string): string =>
-  word ? word.charAt(0).toUpperCase() + word.slice(1) : word;
+export const capitalize = (word: string): string => (word ? word.charAt(0).toUpperCase() + word.slice(1).toLowerCase() : word);
+
+const xmlParser = new XMLParser({
+  // numberParseOptions: {
+  //   leadingZeros: true,
+  //   skipLike: /[0-9]+/,
+  // },
+});
+
+export const formatDate = (date: string) => {
+  if (date) {
+    const data = date.split('.');
+    const day = data[0];
+    const month = data[1];
+    const year = data[2];
+    return new Date(`${year}-${month}-${day}`);
+  } else {
+    return null;
+  }
+};
+
+export const reformatDate = (date: string) => {
+  if (date) {
+    const data = new Date(date);
+    let day: string | number = data.getDate();
+    let month: string | number = data.getMonth() + 1;
+    if (month < 10) {
+      month = '0' + month;
+    }
+    if (day < 10) {
+      day = '0' + day;
+    }
+    const year = data.getFullYear();
+    return `${day}.${month}.${year}`;
+  } else {
+    return null;
+  }
+};
+
+export const reformatIin = (iin: string) => {
+  if (!!iin) {
+    const matched = iin.match(/.{1,3}/g);
+    return matched ? matched.join('-') : '';
+  } else {
+    return '';
+  }
+};
+
+export const formatPhone = (phone: string) => {
+  return phone?.replace(/(\(|\)|\+| )/g, '');
+};
+
+export const jwtDecode = (token: string): any => {
+  if (token) return jwt_decode(token);
+  else return null;
+};
+
+export const isValidToken = (token: string) => {
+  return (new Date(jwtDecode(token).exp * 1000).getTime() - Date.now()) / 1000 > 0;
+};
+
+export const isValidGUID = (value: string) => {
+  return !!value && value.length > 0 && /^(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}$/.test(value);
+};
+
+export const getKeyWithPattern = (obj: any, key: string) => {
+  return Object.keys(obj).find(i => i.match(new RegExp(key, 'i'))) || null;
+};
+
+export const getFullNameShorted = (text: string | null, fromWhichWord: number = 1) => {
+  if (text) {
+    const names = text.split(' ');
+    if (names.length > 1) {
+      let fullName = '';
+      names.forEach((name, index) => {
+        if (index >= fromWhichWord) fullName += ` ${name.charAt(0)}.`;
+        else fullName += `${name} `;
+      });
+      return fullName;
+    }
+    return text;
+  } else {
+    return '';
+  }
+};
+
+export const parseProcents = (val: string | number) => (val ? Number(((val as number) * 100).toFixed(0)) : val);
+
+export const formatProcents = (val: string | number) => (val ? Number(((val as number) / 100).toFixed(2)) : Number(val));
+
+export const sanitizeURL = (text: string) => (text ? text.replace(/\r?\n|\r|\\|"/g, '') : '');
+
+export const yearEnding = (number: number, titles: string[], cases: number[]) => {
+  return titles[number % 100 > 4 && number % 100 < 20 ? 2 : cases[number % 10 < 5 ? number % 10 : 5]];
+};
+
+export const parseXML = (xml: boolean | string = true, withTag = false, tag: string | null = null) => {
+  if (xml) {
+    const localXml = xml as string;
+    if (withTag && tag !== null) {
+      const DOMparser = new DOMParser();
+      const xmLSerializer = new XMLSerializer();
+      const tagDOM = DOMparser.parseFromString(localXml, 'text/xml').getElementsByTagName(tag);
+      const tagXml = xmLSerializer.serializeToString(tagDOM[0]);
+      return xmlParser.parse(tagXml);
+    } else {
+      return xmlParser.parse(localXml);
+    }
+  }
+};
+
+export const ESBDMessage = (ESBDObject: any, initialPoint: any) => {
+  let result;
+  if (ESBDObject.errorCode === 2) {
+    if (ESBDObject.errorMsg.indexOf('EMSG') === -1) {
+      result = 'Клиент не является резидентом РК!';
+    } else {
+      result = ESBDObject.errorMsg.substring(ESBDObject.errorMsg.indexOf('EMSG') + 6, ESBDObject.errorMsg.lastIndexOf('EWS-100')).replace(initialPoint, '');
+    }
+  }
+  if (ESBDObject.errorCode === 3) {
+    return false;
+  }
+  if (ESBDObject.errorCode === 1) {
+    result = ESBDObject.errorMsg.substring(ESBDObject.errorMsg.indexOf(initialPoint), ESBDObject.errorMsg.lastIndexOf('ECL-0001')).replace(initialPoint, '');
+  }
+  if (ESBDObject.errorCode === 4) {
+    result = ESBDObject.errorMsg;
+  }
+  return result;
+};

package/composables/models.ts

@@ -0,0 +1,43 @@
+export type InputTypes =
+  | 'button'
+  | 'checkbox'
+  | 'color'
+  | 'date'
+  | 'datetime-local'
+  | 'email'
+  | 'file'
+  | 'hidden'
+  | 'image'
+  | 'month'
+  | 'number'
+  | 'password'
+  | 'radio'
+  | 'range'
+  | 'reset'
+  | 'search'
+  | 'submit'
+  | 'tel'
+  | 'text'
+  | 'time'
+  | 'url'
+  | 'week';
+
+export type TaskListItem = {
+  addRegNumber: string | number;
+  applicationTaskId: string;
+  dateCreated: string;
+  historyStatus: string;
+  historyStatusTitle: string;
+  id: string;
+  iin: string;
+  insurerIin: string;
+  insurerLongName: string;
+  isTask: boolean | number;
+  longName: string;
+  number: string;
+  processCode: number;
+  processCodeTitle: string;
+  status: string;
+  userId: string;
+  userName: string;
+};

package/composables/styles.ts

@@ -5,28 +5,38 @@ export class Styles {
   blackText: string = 'text-black';
   bodyBg: string = '!bg-[#F5F5F5]';
 
+  whiteTextHover: string = 'hover:text-[#FFFFFF]';
   // Blue
   blueBg: string = 'bg-[#A0B3D8]';
+  blueBgHover: string = 'hover:bg-[#96abd6]';
   blueBgLight: string = 'bg-[#F3F6FC]';
+  blueBgLightHover: string = 'hover:bg-[#F3F6FC]';
   blueText: string = 'text-[#A0B3D8]';
   blueTextLight: string = 'text-[#F3F6FC]';
 
   // Green
   greenBg: string = 'bg-[#009C73]';
+  greenBgHover: string = 'hover:bg-[#00a277]';
   greenBgLight: string = 'bg-[#009C73]';
+  greenText: string = 'text-[#009C73]';
+  greenTextHover: string = 'hover:text-[#009C73]';
 
   // Grey
-  greyBg: string = 'bg-[#A9ACAE]';
-  greyText: string = 'text-[#A9ACAE]';
-  greyTextLight: string = 'text-[#A5A5A5]';
+  greyBg: string = 'bg-[#B8B8B8]';
+  greyText: string = 'text-[#B8B8B8]';
+  greyTextLight: string = 'text-[#B8B8B8]';
   greyIcon: string = 'text-[#DADADA]';
   greyIconBg: string = 'bg-[#DADADA]';
   greyBtnBg: string = 'bg-[#EEE6E6]';
   greyBtnDisabledBg: string = 'bg-[#919191]';
-
+  blueLightBgHover: string = 'hover:bg-[#F3F6FC]';
   // Red
-  redText: string = 'text-[#E46962]';
-  redBg: string = 'bg-[#E46962]';
+  redText: string = 'text-[#FF897D]';
+  redBg: string = 'bg-[#FF897D]';
+  redBgHover: string = 'hover:bg-[#ff9b91]';
+  // Error
+  errorBg: string = 'bg-[#FF5449]';
+  errorText: string = 'text-[#FF5449]';
 
   // Border
   rounded: string = 'rounded-[8px]';
@@ -37,14 +47,30 @@ export class Styles {
   textBold: string = 'font-bold';
 
   // Button
+  btnHSm: string = 'h-[40px]';
   btnHMd: string = 'h-[60px]';
   btnHLg: string = 'h-[60px]';
+  greenBtn: string;
+  blueBtn: string;
+  redBtn: string;
+  whiteBtn: string;
+  blueLightBtn: string;
 
   // Complex
-  greenBtn: string;
+  flexColNav: string;
+
+  // Muted or disabled
+  mutedText: string = 'text-[#99A3B3]';
 
   constructor() {
+    // Button
+    this.greenBtn = `${this.greenBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.greenBgHover}`;
+    this.redBtn = `${this.redBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.redBgHover}`;
+    this.blueBtn = `${this.blueBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.blueBgHover}`;
+    this.whiteBtn = ` ${this.blackText} ${this.textTitle} ${this.rounded} w-full ${this.blueLightBgHover}`;
+    this.blueLightBtn = `${this.blueBgLight} ${this.greyTextLight} ${this.textTitle} ${this.rounded} w-full ${this.blueBgLightHover}`;
+
     // Complex
-    this.greenBtn = `${this.greenBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full`;
+    this.flexColNav = 'flex flex-col gap-[10px] px-2 pt-[14px]';
   }
 }

package/layouts/clear.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="h-full w-full"><slot></slot></div>
+</template>

package/layouts/default.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="h-full z-[1]" :class="[$dataStore.hasLayoutMargins ? 'lg:mx-[22px] lg:my-[33px] lg:shadow-xl' : '']">
+    <div :class="[$libStyles.greenBg]" class="hidden z-[-1] lg:block absolute left-0 top-0 h-[200px] w-full"></div>
+    <section class="flex h-full" :class="$libStyles.blueBgLight">
+      <base-menu-nav
+        v-if="$dataStore.showNav"
+        v-model="$dataStore.menu.selectedItem"
+        :selected="$dataStore.menu.selectedItem"
+        :title="$dataStore.menu.title ?? 'Страховые продукты'"
+        :has-back="$dataStore.menu.hasBack ?? false"
+        :back-icon="$dataStore.menu.backIcon ?? 'mdi-arrow-left'"
+        :has-more="'hasMore' in $route.meta && $route.meta.hasMore ? !!$route.meta.hasMore : false"
+        :hide-more-on-lg="true"
+        :class="{
+          '!hidden': !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
+        }"
+        @onBack="$dataStore.menu.onBack"
+        @onMore="openSettings"
+        @onLink="$dataStore.menu.onLink"
+      >
+        <template #end>
+          <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70"></base-loader>
+        </template>
+      </base-menu-nav>
+      <slot> </slot>
+      <base-settings-panel></base-settings-panel>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+const dataStore = useDataStore();
+
+const openSettings = async () => {
+  dataStore.settings.open = true;
+};
+</script>

package/layouts/full.vue

@@ -0,0 +1,6 @@
+<template>
+  <div class="h-full z-[1]" :class="[$dataStore.hasLayoutMargins ? 'lg:mx-[22px] lg:my-[33px] lg:shadow-xl' : '']">
+    <div :class="[$libStyles.greenBg]" class="hidden lg:block absolute z-[-1] left-0 top-0 h-[200px] w-full"></div>
+    <slot></slot>
+  </div>
+</template>

package/nuxt.config.ts

@@ -1,14 +1,33 @@
+import path from 'path';
+
 export default defineNuxtConfig({
   ssr: false,
 
-  modules: [
-    '@pinia/nuxt',
-    '@nuxtjs/tailwindcss',
-  ],
+  modules: ['@pinia/nuxt', '@nuxtjs/tailwindcss', '@nuxt/devtools'],
 
   imports: {
     dirs: ['store', 'composables'],
   },
 
+  vite: {
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: path.resolve(__dirname, '.'),
+        },
+      ],
+    },
+    vue: {
+      template: {
+        compilerOptions: {
+          isCustomElement: tag => {
+            return tag.startsWith('Base');
+          },
+        },
+      },
+    },
+  },
+
   components: [{ path: './components', prefix: 'Base', pathPrefix: false }],
 });

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.1",
+  "version": "0.0.7-beta.11",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
   "files": [
+    "api/",
     "store/",
+    "layouts/",
     "composables/",
     "components/",
     "plugins/",
+    "pages/",
     "nuxt.config.ts",
+    "tailwind.config.js",
     ".prettierrc"
   ],
   "scripts": {
@@ -19,16 +23,23 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "nuxt": "^3.2.3",
+    "@nuxt/devtools": "^0.2.5",
+    "nuxt": "^3.3.1",
     "prettier": "^2.8.4",
     "typescript": "^4.9.5"
   },
   "dependencies": {
     "@mdi/font": "^7.1.96",
-    "@nuxtjs/tailwindcss": "^6.4.1",
+    "@nuxtjs/tailwindcss": "^6.6.0",
     "@pinia/nuxt": "^0.4.7",
+    "animate.css": "^4.1.1",
+    "axios": "^1.3.4",
+    "fast-xml-parser": "4.0.12",
+    "jwt-decode": "^3.1.2",
+    "maska": "1.5.0",
     "pinia": "^2.0.33",
+    "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
-    "vuetify": "^3.1.8"
+    "vuetify": "^3.1.10"
   }
 }

package/pages/500.vue

@@ -0,0 +1,48 @@
+<template>
+  <base-content class="!w-full flex-col justify-center items-center gap-[100px]" :class="[$libStyles.blueBgLight]">
+    <img src="~/assets/logo-clear.svg" class="w-[240px] lg:w-[330px]" draggable="false" />
+    <div class="text-center">
+      <h2 :class="[$libStyles.blackText]" class="text-[26px] leading-5 mb-5">Сервис временно не доступен</h2>
+      <p v-if="errorStack.length" class="mt-4 flex flex-col">
+        <span v-for="(error, index) of errorStack" :key="error">
+          <i v-if="index !== 0" class="mdi mdi-arrow-right"></i>
+          {{ error }}</span
+        >
+      </p>
+    </div>
+    <base-btn text="На главную" @click="goBack" class="!w-fit px-14"></base-btn>
+  </base-content>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  setup() {
+    definePageMeta({ layout: 'full' });
+
+    const dataStore = useDataStore();
+    const router = useRouter();
+    const route = useRoute();
+    const errorStack = ref([] as string[]);
+
+    onMounted(() => {
+      if (route.query && route.query.stack) {
+        const queryError = (route.query.stack as string).split(' at ');
+        errorStack.value = queryError;
+      }
+    });
+
+    const goBack = () => {
+      if (dataStore.isEFO) {
+        router.push({ name: 'Auth' });
+      } else {
+        dataStore.sendToParent(constants.postActions.Error500, 500);
+      }
+    };
+
+    return {
+      errorStack,
+      goBack,
+    };
+  },
+});
+</script>

package/plugins/helperFunctionsPlugins.ts

@@ -1,9 +1,18 @@
-import { capitalize } from '../composables';
+import { capitalize, getFullNameShorted, reformatIin } from '../composables';
+import { constants } from '../composables/constants';
+import Vidle from 'v-idle-3';
+import Maska from 'maska';
+
+export default defineNuxtPlugin(nuxtApp => {
+  nuxtApp.vueApp.use(Vidle, {});
+  nuxtApp.vueApp.use(Maska);
 
-export default defineNuxtPlugin(() => {
   return {
     provide: {
       capitalize: capitalize,
+      getFullNameShorted: getFullNameShorted,
+      reformatIin: reformatIin,
+      constants: constants,
     },
   };
 });

package/plugins/storePlugin.ts

@@ -1,4 +1,3 @@
-import { useAppStore } from '../store/app.store';
 import { useDataStore } from '../store/data.store';
 import { Styles } from '../composables/styles';
 
@@ -11,7 +10,6 @@ export default defineNuxtPlugin(nuxtApp => {
 
   return {
     provide: {
-      appStore: useAppStore(),
       dataStore: useDataStore(),
       libStyles: new Styles(),
       t: useDataStore().t,

package/plugins/vuetifyPlugin.ts

@@ -1,4 +1,5 @@
 import '@mdi/font/css/materialdesignicons.css';
+import 'animate.css';
 import 'vuetify/styles';
 import { createVuetify } from 'vuetify';
 import * as components from 'vuetify/components';
@@ -9,6 +10,15 @@ export default defineNuxtPlugin(nuxtApp => {
     ssr: false,
     components,
     directives,
+    theme: {
+      themes: {
+        light: {
+          colors: {
+            error: '#FF5449',
+          },
+        },
+      },
+    },
   });
 
   nuxtApp.vueApp.use(vuetify);