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

package/composables/constants.ts

@@ -0,0 +1,50 @@
+export const constants = Object.freeze({
+  products: { baiterek: 3, halykmycar: 5, lifetrip: 7, bolashak: 8 },
+  BAITEREK_ROUTE: 'baiterek',
+  MYCAR_ROUTE: 'halykmycar',
+  LIFETRIP_ROUTE: 'lifetrip',
+  BOLASHAK_ROUTE: 'bolashak',
+  editableStatuses: ['StartForm', 'EditBeneficiaryForm', 'EditForm'],
+  documentsLinkVisibleStatuses: [
+    'DocumentsSignedFrom',
+    'UnderwriterForm',
+    'AffilationResolutionForm',
+    'Completed',
+  ],
+  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',
+  },
+  actions: {
+    accept: 'accept',
+    rejectclient: 'rejectclient',
+    reject: 'reject',
+    return: 'return',
+    claim: 'claim',
+    signed: 'signed',
+    payed: 'payed',
+  },
+  yearCases: [2, 0, 1, 1, 1, 2],
+  yearTitles: ['год', 'года', 'лет'],
+  postActions: {
+    route: 'route',
+    applicationCreated: 'applicationCreated',
+    clipboard: 'clipboard',
+    toHomePage: 'toHomePage',
+    DOMevent: 'DOMevent',
+    toStatementHistory: 'toStatementHistory',
+    Error401: 'Error401',
+  },
+});

package/composables/index.ts

@@ -1,6 +1,134 @@
 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;
+  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 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);
+    }
+  }
+};

package/composables/styles.ts

@@ -7,18 +7,20 @@ export class Styles {
 
   // Blue
   blueBg: string = 'bg-[#A0B3D8]';
+  blueBgHover: string = 'hover:bg-[#96abd6]';
   blueBgLight: string = 'bg-[#F3F6FC]';
   blueText: string = 'text-[#A0B3D8]';
   blueTextLight: string = 'text-[#F3F6FC]';
 
   // Green
   greenBg: string = 'bg-[#009C73]';
+  greenBgHover: string = 'hover:bg-[#00a277]';
   greenBgLight: string = 'bg-[#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]';
@@ -28,6 +30,10 @@ export class Styles {
   redText: string = 'text-[#E46962]';
   redBg: string = 'bg-[#E46962]';
 
+  // Error
+  errorBg: string = 'bg-[#FF5449]';
+  errorText: string = 'text-[#FF5449]';
+
   // Border
   rounded: string = 'rounded-[8px]';
 
@@ -37,14 +43,17 @@ export class Styles {
   textBold: string = 'font-bold';
 
   // Button
+  btnHSm: string = 'h-[40px]';
   btnHMd: string = 'h-[60px]';
   btnHLg: string = 'h-[60px]';
 
   // Complex
   greenBtn: string;
+  blueBtn: string;
 
   constructor() {
     // Complex
-    this.greenBtn = `${this.greenBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full`;
+    this.greenBtn = `${this.greenBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.greenBgHover}`;
+    this.blueBtn = `${this.blueBg} ${this.whiteText} ${this.textTitle} ${this.rounded} w-full ${this.blueBgHover}`;
   }
 }

package/layouts/clear.vue

@@ -0,0 +1,3 @@
+<template>
+  <slot></slot>
+</template>

package/layouts/default.vue

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

package/models/index.ts

@@ -0,0 +1,23 @@
+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';

package/nuxt.config.ts

@@ -1,13 +1,32 @@
+import path from 'path';
+
 export default defineNuxtConfig({
   ssr: false,
 
-  modules: [
-    '@pinia/nuxt',
-    '@nuxtjs/tailwindcss',
-  ],
+  modules: ['@pinia/nuxt', '@nuxtjs/tailwindcss'],
 
   imports: {
-    dirs: ['store', 'composables'],
+    dirs: ['store', 'composables', 'models'],
+  },
+
+  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.3",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
   "files": [
+    "api/",
+    "models/",
     "store/",
+    "layouts/",
     "composables/",
     "components/",
     "plugins/",
     "nuxt.config.ts",
+    "tailwind.config.js",
     ".prettierrc"
   ],
   "scripts": {
@@ -27,6 +31,10 @@
     "@mdi/font": "^7.1.96",
     "@nuxtjs/tailwindcss": "^6.4.1",
     "@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",
     "pinia": "^2.0.33",
     "vue-toastification": "^2.0.0-rc.5",
     "vuetify": "^3.1.8"

package/plugins/helperFunctionsPlugins.ts

@@ -1,9 +1,13 @@
-import { capitalize } from '../composables';
+import { capitalize, getFullNameShorted, reformatIin } from '../composables';
+import { constants } from '../composables/constants';
 
 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);