hl-core 0.0.7-beta.9 → 0.0.8

package/composables/constants.ts

@@ -10,13 +10,7 @@ export const constants = Object.freeze({
   },
 
   editableStatuses: ['StartForm', 'EditBeneficiaryForm', 'EditForm'],
-  documentsLinkVisibleStatuses: [
-    'DocumentsSignedFrom',
-    'UnderwriterForm',
-    'AffilationResolutionForm',
-    'Completed',
-    'InsurancePremiumOnlinePaid',
-  ],
+  documentsLinkVisibleStatuses: ['DocumentsSignedFrom', 'UnderwriterForm', 'AffilationResolutionForm', 'Completed', 'InsurancePremiumOnlinePaid'],
   gbdErrors: ['INVALID', 'TIMEOUT', 'ERROR', 'NOT_FOUND'],
   types: {
     string: 'string',
@@ -32,6 +26,11 @@ export const constants = Object.freeze({
     agentMycar: 'AgentMycar',
     analyst: 'Analyst',
     upk: 'UPK',
+    financeCenter: 'FinanceCenter',
+    supervisor: 'Supervisor',
+    support: 'Support',
+    managerHalykBank: 'ManagerHalykBank',
+    serviceManager: 'ServiceManager',
   },
   actions: {
     accept: 'accept',
@@ -44,7 +43,15 @@ export const constants = Object.freeze({
   },
   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',

package/composables/index.ts

@@ -1,19 +1,36 @@
 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).toLowerCase() : 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]+/,
-  // },
+  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('.');
@@ -63,29 +80,25 @@ export const jwtDecode = (token: string): any => {
 };
 
 export const isValidToken = (token: string) => {
-  return (
-    (new Date(jwtDecode(token).exp * 1000).getTime() - Date.now()) / 1000 > 0
-  );
+  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,
-    )
-  );
+  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,
-) => {
+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) {
@@ -102,41 +115,23 @@ export const getFullNameShorted = (
   }
 };
 
-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 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,
-) => {
+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 tagDOM = DOMparser.parseFromString(localXml, 'text/xml').getElementsByTagName(tag);
       const tagXml = xmLSerializer.serializeToString(tagDOM[0]);
       return xmlParser.parse(tagXml);
     } else {
@@ -151,27 +146,27 @@ export const ESBDMessage = (ESBDObject: any, initialPoint: any) => {
     if (ESBDObject.errorMsg.indexOf('EMSG') === -1) {
       result = 'Клиент не является резидентом РК!';
     } else {
-      result = ESBDObject.errorMsg
-        .substring(
-          ESBDObject.errorMsg.indexOf('EMSG') + 6,
-          ESBDObject.errorMsg.lastIndexOf('EWS-100'),
-        )
-        .replace(initialPoint, '');
+      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, '');
+    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,10 +5,12 @@ 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]';
 
@@ -16,6 +18,11 @@ export class Styles {
   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]';
 
   // Grey
   greyBg: string = 'bg-[#B8B8B8]';
@@ -25,11 +32,11 @@ export class Styles {
   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]';
@@ -46,14 +53,31 @@ export class Styles {
   btnHSm: string = 'h-[40px]';
   btnHMd: string = 'h-[60px]';
   btnHLg: string = 'h-[60px]';
-
-  // Complex
   greenBtn: string;
   blueBtn: string;
+  redBtn: string;
+  whiteBtn: string;
+  blueLightBtn: string;
+
+  // Complex
+  flexColNav: string;
+  emptyBlockCol: string;
+  scrollPage: string;
+
+  // Muted or disabled
+  mutedText: string = 'text-[#99A3B3]';
 
   constructor() {
-    // Complex
+    // 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.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';
   }
 }

package/layouts/default.vue

@@ -1,43 +1,25 @@
 <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>
+  <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
-        "
+        :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,
+          // @ts-ignore
+          '!hidden': !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
         }"
-        @onBack="$dataStore.menu.onBack"
+        @onBack="onBack"
         @onMore="openSettings"
-        @onLink="$dataStore.menu.onLink"
+        @onLink="onLink"
       >
         <template #end>
-          <base-loader
-            v-if="$dataStore.menu.loading"
-            class="self-center m-5 opacity-70"
-          ></base-loader>
+          <base-loader v-if="$dataStore.menu.loading" class="self-center m-5 opacity-70"></base-loader>
         </template>
       </base-menu-nav>
       <slot> </slot>
@@ -47,9 +29,47 @@
 </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

@@ -1,16 +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>
+  <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

@@ -10,6 +10,9 @@ export default defineNuxtConfig({
   },
 
   vite: {
+    build: {
+      minify: false,
+    },
     resolve: {
       alias: [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.9",
+  "version": "0.0.8",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -12,34 +12,37 @@
     "components/",
     "plugins/",
     "pages/",
+    "types/",
     "nuxt.config.ts",
     "tailwind.config.js",
     ".prettierrc"
   ],
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt clean && nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^0.2.5",
-    "nuxt": "^3.3.1",
+    "@nuxt/devtools": "^0.4.5",
+    "@nuxt/types": "^2.16.3",
+    "nuxt": "^3.4.3",
     "prettier": "^2.8.4",
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@mdi/font": "^7.1.96",
-    "@nuxtjs/tailwindcss": "^6.6.0",
-    "@pinia/nuxt": "^0.4.7",
+    "@mdi/font": "^7.2.96",
+    "@nuxtjs/tailwindcss": "^6.6.7",
+    "@pinia/nuxt": "^0.4.9",
     "animate.css": "^4.1.1",
-    "axios": "^1.3.4",
+    "axios": "^1.4.0",
     "fast-xml-parser": "4.0.12",
     "jwt-decode": "^3.1.2",
     "maska": "1.5.0",
-    "pinia": "^2.0.33",
+    "pinia": "^2.0.35",
     "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
-    "vuetify": "^3.1.10"
+    "vue-uuid": "^3.0.0",
+    "vuetify": "^3.2.1"
   }
 }

package/pages/500.vue

@@ -1,17 +1,45 @@
 <template>
-  <base-content
-    class="!w-full flex-col justify-center items-center gap-[100px]"
-    :class="[$styles.blueBgLight]"
-  >
-    <img
-      src="~/assets/logo-clear.svg"
-      class="w-[240px] lg:w-[330px]"
-      draggable="false"
-    />
+  <base-content class="!w-full flex-col justify-center items-center gap-[100px]" :class="[$libStyles.blueBgLight]">
+    <svg class="w-[240px] lg:w-[330px]" draggable="false" width="277" height="99" viewBox="0 0 277 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M4.71582 49.276L22.23 31.722V20.791H33.1373L50.6508 3.23633L68.1656 20.791H79.0725V31.722L96.5866 49.276L79.0725 66.83V77.7616H68.1656L50.6508 95.3156L33.1373 77.7616H22.23V66.83L4.71582 49.276Z"
+        fill="#FAB31C"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.4575 49.2765L50.6515 8.99177L90.8453 49.2765L50.6515 89.5616L10.4575 49.2765ZM18.1699 16.7215H34.3263L50.6515 0.359375L66.9767 16.7215H83.1329V32.9144L99.4581 49.2765L83.1329 65.6388V81.8316H66.9767L50.6515 98.1939L34.3263 81.8316H18.1699V65.6388L1.84473 49.2765L18.1699 32.9144V16.7215ZM33.1372 20.7908H22.2302V31.7225L18.1699 35.7916V35.7919L4.71585 49.2765L18.1699 62.7612V62.7616L22.2302 66.8307V77.7623H33.1372L37.197 81.8316H37.1973L50.6515 95.3162L64.1056 81.8316H64.106L68.1656 77.7623H79.0726V66.8307L83.1329 62.7616V62.7612L96.5869 49.2765L83.1329 35.7919V35.7916L79.0726 31.7225V20.7908H68.1656L64.106 16.7215H64.1056L50.6515 3.23684L33.1372 20.7908Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.4575 49.2766L50.6515 8.99152L90.8453 49.2766L50.6515 89.5616L10.4575 49.2766ZM18.1699 16.7215H34.3263L50.6515 0.359375L66.9767 16.7215H83.1329V32.9145L99.4581 49.2766L83.1329 65.6387V81.8317H66.9767L50.6515 98.194L34.3263 81.8317H18.1699V65.6387L1.84473 49.2766L18.1699 32.9145V16.7215ZM33.1372 20.7908H22.2302V31.7226L18.1699 35.7917V35.7919L4.71585 49.2766L18.1699 62.7612V62.7617L22.2302 66.8306V77.7623H33.1372L37.197 81.8317H37.1973L50.6515 95.3163L64.1056 81.8317H64.106L68.1656 77.7623H79.0726V66.8306L83.1329 62.7617V62.7612L96.5869 49.2766L83.1329 35.7919V35.7917L79.0726 31.7226V20.7908H68.1656L64.106 16.7215H64.1056L50.6515 3.23685L33.1372 20.7908Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M103.444 44.505V16.1172H110.411V26.9039H131.969V16.1172H138.868V44.505H131.969V32.5436H110.411V44.505H103.444ZM143.851 82.3333H136.985V53.9455H143.851V82.3333ZM141.116 44.505L157.93 16.1172H164.572L181.643 44.505H173.894L170.322 38.2725H151.588L148.016 44.505H141.116ZM154.524 33.0914H167.508L160.91 21.2639L154.524 33.0914ZM182.595 44.505V16.1172H189.562V39.1898H211.767V44.505H182.595ZM216.796 44.505V31.7486L201.322 16.1172H210.644L220.747 26.7022L230.985 16.1172H239.1L223.695 31.6257V44.505H216.796ZM239.707 44.505V16.1172H246.675V27.5861L263.199 16.1172H273.201L253.607 29.265L275.389 44.505H264.47L246.675 31.6927V44.505H239.707ZM103.444 82.3333V53.9455H110.411V77.0181H132.616V82.3333H103.444ZM150.375 82.3333V53.9455H180.429V59.0253H157.342V66.4331H169.768V71.7145H157.342V82.3333H150.375ZM185.793 82.3333V53.9455H216.182V58.9581H192.759V65.1458H206.402V70.0362H192.759V77.0181H216.538V82.3333H185.793Z"
+        fill="#007556"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M60.951 49.9793C65.2122 42.4323 60.8026 30.509 51.0674 31.0783C46.6279 31.3381 42.5865 34.5876 42.4003 39.8699C42.2502 44.1278 45.4845 48.0783 50.854 48.0243C53.7034 47.9957 56.7358 45.9668 56.6787 41.9752C56.6265 38.3346 53.5233 36.7166 51.8336 36.7166C50.1439 36.7166 47.5242 38.7708 48.8529 40.7693C49.8055 42.2018 51.359 40.5982 51.359 40.5982C51.359 40.5982 53.2787 39.8856 53.8091 41.78C54.3221 43.6119 53.1829 45.375 50.2985 45.2986C47.2422 45.2228 44.888 42.9387 45.0589 39.8753C45.2109 36.7927 47.603 34.1518 51.5516 34.1518C55.4816 34.1518 59.2067 38.0003 59.2067 42.2819C59.2067 46.1009 57.0171 50.8789 51.0582 51.2818C44.4053 51.7316 38.8187 47.2962 38.8187 40.5223C38.7721 33.0533 44.1879 28.4587 50.7133 28.7989C63.38 29.4592 65.7246 43.1718 60.951 49.9793Z"
+        fill="#FAB31C"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M72.9649 36.8647C72.9649 34.7167 69.2856 34.5419 69.2856 36.8647V49.0899L55.9915 61.0849V87.4434L65.606 78.3645V64.5387L72.9649 57.9474V36.8647ZM28.3359 36.8647C28.3359 34.7167 32.0153 34.5419 32.0153 36.8647V49.0899L45.3094 61.0849V87.4434L35.6949 78.3645V64.5387L28.3359 57.9474V36.8647Z"
+        fill="#FAB31C"
+      />
+    </svg>
     <div class="text-center">
-      <h2 :class="[$styles.blackText]" class="text-[26px] leading-5 mb-5">
-        Сервис временно не доступен
-      </h2>
+      <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>

package/plugins/helperFunctionsPlugins.ts

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

package/plugins/storePlugin.ts

@@ -1,7 +1,8 @@
 import { useDataStore } from '../store/data.store';
-import { Styles } from '../composables/styles';
 
 export default defineNuxtPlugin(nuxtApp => {
+  const dataStore = useDataStore();
+
   nuxtApp.vueApp.use(useDataStore().toast.default, {
     transition: 'Vue-Toastification__fade',
     maxToasts: 5,
@@ -10,10 +11,10 @@ export default defineNuxtPlugin(nuxtApp => {
 
   return {
     provide: {
-      dataStore: useDataStore(),
-      libStyles: new Styles(),
-      t: useDataStore().t,
-      toast: useDataStore().showToaster,
+      dataStore: dataStore,
+      rules: dataStore.rules,
+      t: dataStore.t,
+      toast: dataStore.showToaster,
     },
   };
 });