hl-core 0.0.7 → 0.0.8-beta.10

package/composables/constants.ts

@@ -0,0 +1,71 @@
+export const constants = Object.freeze({
+  products: {
+    pensionannuity: 1,
+    baiterek: 3,
+    halykmycar: 5,
+    lifetrip: 7,
+    bolashak: 8,
+    liferenta: 9,
+    gons: 10,
+    halykkazyna: 11,
+  },
+
+  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',
+    finCenter: 'FinCenter',
+    supervisor: 'Supervisor',
+    support: 'Support',
+    managerHalykBank: 'ManagerHalykBank',
+    serviceManager: 'ServiceManager',
+    drn: 'DRNSJ',
+  },
+  actions: {
+    accept: 'accept',
+    rejectclient: 'rejectclient',
+    reject: 'reject',
+    return: 'return',
+    claim: 'claim',
+    sign: 'sign',
+    pay: 'pay',
+  },
+  yearCases: [2, 0, 1, 1, 1, 2],
+  yearTitles: ['год', 'года', 'лет'],
+  panelActions: {
+    accept: 'accept',
+    claim: 'claim',
+    return: 'return',
+    reject: 'reject',
+    rejectclient: 'rejectclient',
+  },
+  postActions: {
+    font: 'font',
+    route: 'route',
+    applicationCreated: 'applicationCreated',
+    clipboard: 'clipboard',
+    toHomePage: 'toHomePage',
+    toStatementHistory: 'toStatementHistory',
+    toAuth: 'toAuth',
+    DOMevent: 'DOMevent',
+    Error401: 'Error401',
+    Error500: 'Error500',
+  },
+  currencySymbols: {
+    kzt: '₸',
+    usd: '$',
+  },
+});

package/composables/index.ts

@@ -1,6 +1,172 @@
 import { useDisplay } from 'vuetify';
+import jwt_decode from 'jwt-decode';
+import { XMLParser } from 'fast-xml-parser';
+import { AxiosError } from 'axios';
+
+export class Masks {
+  numbers: string = '#*';
+  otp: string = '# # # #';
+  iin: string = '###-###-###-###';
+  phone: string = '+7 (7##) ### ## ##';
+  date: string = '##.##.####';
+  post: string = '######';
+  threeDigit: string = '###';
+}
+
+export const useMask = () => new Masks();
 
 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: {
+    hex: false,
+    leadingZeros: true,
+    skipLike: /[0-9]+/,
+  },
+});
+
+export const getNumber = (number: string) => {
+  return number ? Number(number.replace(/\s/g, '')) : null;
+};
+
+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 getAgeByBirthDate = (rawDate: string) => {
+  const age = Math.abs(new Date(Date.now() - new Date(rawDate).getTime()).getUTCFullYear() - 1970);
+  if (new Date(rawDate) < new Date(Date.now()) && age >= 0) {
+    return age;
+  }
+};
+
+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;
+};
+
+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);
+    }
+  }
+  return false;
+};

package/composables/styles.ts

@@ -5,28 +5,43 @@ 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-[#f5f8fd]';
   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]';
+
+  // Yellow
+  yellowText: string = 'text-[#FAB31C]';
+  yellowBg: string = 'bg-[#FAB31C]';
+  yellowBgHover: string = 'hover:bg-[#FAB31C]';
 
   // 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 +52,39 @@ 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;
+  yellowBtn: string;
+  whiteBtn: string;
+  blueLightBtn: string;
 
   // Complex
-  greenBtn: string;
+  flexColNav: string;
+  emptyBlockCol: string;
+  scrollPage: string;
+
+  // Muted or disabled
+  mutedText: string = 'text-[#99A3B3]';
+  disabled: string = 'cursor-not-allowed opacity-50';
 
   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.yellowBtn = `${this.yellowBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.yellowBgHover}`;
+    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]';
+    this.emptyBlockCol = 'w-[60px] sm:w-[100px] h-[30%] rounded-[8px] bg-[#f5f5f5]';
+    this.scrollPage = 'max-h-[90vh] overflow-y-scroll';
   }
 }
+
+export const useStyles = () => new Styles();

package/configs/i18n.ts

@@ -0,0 +1,19 @@
+import { createI18n } from 'vue-i18n';
+import en from '@/locales/en.json';
+import ru from '@/locales/ru.json';
+import kz from '@/locales/kz.json';
+
+const instance = createI18n({
+  legacy: false,
+  globalInjection: true,
+  locale: 'ru',
+  messages: {
+    en,
+    ru,
+    kz,
+  },
+});
+
+export default instance;
+
+export const i18n = instance.global;

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,75 @@
+<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"
+        :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="{
+          // @ts-ignore
+          '!hidden': !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
+        }"
+        @onBack="onBack"
+        @onMore="openSettings"
+        @onLink="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">
+import { MenuItem } from '@/composables/classes';
+const dataStore = useDataStore();
+
+const openSettings = async () => {
+  dataStore.settings.open = true;
+};
+
+const onLink = async (item: MenuItem) => {
+  if (dataStore.menu.onLink) await dataStore.menu.onLink(item);
+  if (typeof item.disabled === 'boolean' ? !item.disabled : true) dataStore.menu.selectedItem = item;
+};
+
+const onBack = async (item: MenuItem) => {
+  if (dataStore.menu.onBack) await dataStore.menu.onBack(item);
+};
+</script>
+<style>
+.mainpage,
+span,
+header,
+*[class='text-[14px]'],
+.v-label,
+.text-\[14px\] {
+  font-size: v-bind('dataStore.fontSize + "px"') !important;
+  /* line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important; */
+}
+
+*[class='text-[16px]'],
+.text-\[16px\],
+label .v-label .v-field-label,
+.v-field__input,
+.v-field,
+.v-input {
+  font-size: v-bind('dataStore.fontSize+2 + "px"') !important;
+  /* line-height: v-bind('dataStore.fontSize*2 + "px"') !important; */
+}
+
+.v-input__details,
+.v-messages__message {
+  font-size: v-bind('dataStore.fontSize*0.8 + "px"') !important;
+  /* line-height: v-bind('dataStore.fontSize*1 + "px"') !important; */
+  padding-bottom: 3px;
+}
+</style>

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>