hl-core 0.0.8 → 0.0.9-beta.10

package/composables/constants.ts

@@ -1,65 +1,45 @@
+import { Actions, PostActions, Roles, Statuses } from '../types/enum';
+
 export const constants = Object.freeze({
   products: {
-    pensionannuity: 1,
     baiterek: 3,
     halykmycar: 5,
     lifetrip: 7,
     bolashak: 8,
     liferenta: 9,
     gons: 10,
+    halykkazyna: 11,
+    lifebusiness: 14,
   },
-
-  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',
-    support: 'Support',
-    managerHalykBank: 'ManagerHalykBank',
-    serviceManager: 'ServiceManager',
-  },
-  actions: {
-    accept: 'accept',
-    rejectclient: 'rejectclient',
-    reject: 'reject',
-    return: 'return',
-    claim: 'claim',
-    signed: 'signed',
-    payed: 'payed',
+  amlProducts: {
+    checkcontragent: 1,
+    checkcontract: 2,
   },
+  editableStatuses: [Statuses.StartForm, Statuses.EditBeneficiaryForm, Statuses.EditForm],
+  documentsLinkVisibleStatuses: [
+    Statuses.DocumentsSignedFrom,
+    Statuses.UnderwriterForm,
+    Statuses.AffilationResolutionForm,
+    Statuses.Completed,
+    Statuses.InsurancePremiumOnlinePaid,
+  ],
+  returnStatementStatuses: [Statuses.DocumentsSignedFrom, Statuses.ContractSignedFrom, Statuses.WaitingInsurancePremiumForm, Statuses.UnderwriterForm],
+  cancelApplicationStatuses: [
+    Statuses.StartForm,
+    Statuses.EditForm,
+    Statuses.EditBeneficiaryForm,
+    Statuses.WaitingInsurancePremiumForm,
+    Statuses.DocumentsSignedFrom,
+    Statuses.ContractSignedFrom,
+  ],
+  gbdErrors: ['INVALID', 'TIMEOUT', 'ERROR', 'NOT_FOUND'],
+  roles: Roles,
+  actions: Actions,
+  postActions: PostActions,
   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

@@ -3,6 +3,25 @@ import jwt_decode from 'jwt-decode';
 import { XMLParser } from 'fast-xml-parser';
 import { AxiosError } from 'axios';
 
+export const getBaseCredentials = () => {
+  return {
+    production: { login: '', password: '' },
+    test: { login: '', password: '' },
+    development: { login: 'manager', password: 'asdqwe123' },
+    vercel: { login: '', password: 'asdqwe123' },
+  };
+};
+
+export const useEnv = () => {
+  return {
+    envMode: import.meta.env.VITE_MODE,
+    isDev: import.meta.env.VITE_MODE === 'development',
+    isTest: import.meta.env.VITE_MODE === 'test',
+    isVercel: import.meta.env.VITE_MODE === 'vercel',
+    isProduction: import.meta.env.VITE_MODE === 'production',
+  };
+};
+
 export class Masks {
   numbers: string = '#*';
   otp: string = '# # # #';
@@ -141,10 +160,11 @@ export const parseXML = (xml: boolean | string = true, withTag = false, tag: str
 };
 
 export const ESBDMessage = (ESBDObject: any, initialPoint: any) => {
+  return ESBDObject.errorMsg;
   let result;
   if (ESBDObject.errorCode === 2) {
     if (ESBDObject.errorMsg.indexOf('EMSG') === -1) {
-      result = 'Клиент не является резидентом РК!';
+      result = 'Контрагент не является резидентом РК!';
     } else {
       result = ESBDObject.errorMsg.substring(ESBDObject.errorMsg.indexOf('EMSG') + 6, ESBDObject.errorMsg.lastIndexOf('EWS-100')).replace(initialPoint, '');
     }
@@ -165,8 +185,92 @@ 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);
+      if ('status' in err.response && err.response.status === 403) {
+        useDataStore().showToaster('error', useDataStore().t('toaster.noPermission'), 10000);
+      } else if (err.response.data) {
+        useDataStore().showToaster('error', errorText ? errorText : err.response.data, 10000);
+      }
     }
   }
   return false;
 };
+
+export const setAddressBeneficiary = (whichIndex: number, sameAddress: boolean) => {
+  const formStore = useFormStore();
+  const dataStore = useDataStore();
+  const beneficiary = formStore.beneficiaryForm[Number(whichIndex)];
+  const policyholder = formStore.policyholderForm;
+  if (sameAddress === true) {
+    beneficiary.registrationCity = policyholder.registrationCity;
+    beneficiary.registrationCountry = policyholder.registrationCountry;
+    beneficiary.birthPlace = policyholder.birthPlace;
+    beneficiary.registrationMicroDistrict = policyholder.registrationMicroDistrict;
+    beneficiary.registrationNumberApartment = policyholder.registrationNumberApartment;
+    beneficiary.registrationNumberApartment = policyholder.registrationNumberApartment;
+    beneficiary.registrationNumberHouse = policyholder.registrationNumberHouse;
+    beneficiary.registrationProvince = policyholder.registrationProvince;
+    beneficiary.registrationQuarter = policyholder.registrationQuarter;
+    beneficiary.registrationRegion = policyholder.registrationRegion;
+    beneficiary.registrationRegionType = policyholder.registrationRegionType;
+    beneficiary.registrationStreet = policyholder.registrationStreet;
+  } else {
+    if (beneficiary.id === 0) {
+      beneficiary.registrationCity = new Value();
+      beneficiary.registrationCountry = new Value();
+      beneficiary.registrationMicroDistrict = '';
+      beneficiary.registrationNumberApartment = '';
+      beneficiary.registrationNumberApartment = '';
+      beneficiary.registrationNumberHouse = '';
+      beneficiary.registrationProvince = new Value();
+      beneficiary.registrationQuarter = '';
+      beneficiary.registrationRegion = new Value();
+      beneficiary.registrationRegionType = new Value();
+      beneficiary.registrationStreet = '';
+    } else {
+      if (beneficiary.response && beneficiary.response.addresses && beneficiary.response.addresses.length) {
+        const benAddress = beneficiary.response.addresses;
+        const countryName = benAddress[0].countryName;
+        const cityName = benAddress[0].cityName;
+        if (countryName) {
+          const country = dataStore.countries.find(i => (i.nameRu as string).match(new RegExp(countryName, 'i')));
+          beneficiary.registrationCountry = country ?? new Value();
+        }
+        if (cityName) {
+          const city = dataStore.cities.find(i => i.nameRu === cityName.replace('г.', ''));
+          beneficiary.registrationCity = city ?? new Value();
+        }
+        const province = dataStore.states.find(i => i.ids === benAddress[0].stateCode);
+        const localityType = dataStore.localityTypes.find(i => i.nameRu === benAddress[0].cityTypeName);
+        const region = dataStore.regions.find(i => i.ids == benAddress[0].regionCode);
+        beneficiary.registrationMicroDistrict = beneficiary.response?.addresses[0].microRaion ?? '';
+        beneficiary.registrationNumberApartment = beneficiary.response?.addresses[0].apartmentNumber ?? '';
+        beneficiary.registrationNumberHouse = beneficiary.response?.addresses[0].blockNumber ?? '';
+        beneficiary.registrationProvince = province ?? new Value();
+        beneficiary.registrationQuarter = beneficiary.response?.addresses[0].kvartal ?? '';
+        beneficiary.registrationRegion = region ?? new Value();
+        beneficiary.registrationRegionType = localityType ?? new Value();
+        beneficiary.registrationStreet = beneficiary.response?.addresses[0].streetName ?? '';
+      }
+    }
+  }
+};
+
+export const changeBridge = async (toBridge: 'efo' | 'lka', token: string) => {
+  const bridgeUrl = import.meta.env[`VITE_${toBridge.toUpperCase()}_URL`] as string;
+  if (!toBridge) return;
+  if (!bridgeUrl || !token) {
+    useDataStore().showToaster('error', `${useDataStore().t('toaster.noUrl')} [import.meta.env.VITE_${toBridge.toUpperCase()}_URL]`);
+    return;
+  }
+  window.open(`${bridgeUrl}/#/Token?token=${token}`, '_blank');
+};
+
+export const getFirstDayOfMonth = (year: number, month: number) => {
+  const date = new Date();
+  return new Date(year, month, 1, (date.getTimezoneOffset() / 60) * -1).toISOString();
+};
+
+export const getLastDayOfMonth = (year: number, month: number) => {
+  const date = new Date();
+  return new Date(year, month + 1, 0, (date.getTimezoneOffset() / 60) * -1).toISOString();
+};

package/composables/styles.ts

@@ -1,8 +1,8 @@
 export class Styles {
   // Base
-  whiteBg: string = 'bg-white';
-  whiteText: string = 'text-white';
-  blackText: string = 'text-black';
+  whiteBg: string = 'bg-[#FFF]';
+  whiteText: string = '!text-[#FFF]';
+  blackText: string = '!text-[#000]';
   bodyBg: string = '!bg-[#F5F5F5]';
 
   whiteTextHover: string = 'hover:text-[#FFFFFF]';
@@ -11,38 +11,50 @@ export class Styles {
   blueBgHover: string = 'hover:bg-[#96abd6]';
   blueBgLight: string = 'bg-[#F3F6FC]';
   blueBgLightHover: string = 'hover:bg-[#f5f8fd]';
-  blueText: string = 'text-[#A0B3D8]';
+  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]';
+  greenBgLight: string = 'bg-[#EAF6EF]';
+  greenText: string = '!text-[#009C73]';
   greenTextHover: string = 'hover:text-[#009C73]';
+  greenBgLightHover: string = 'hover:bg-[#dbf0e4]';
 
   // Yellow
-  yellowText: string = 'text-[#FAB31C]';
+  yellowText: string = '!text-[#FAB31C]';
+  yellowBg: string = 'bg-[#FAB31C]';
+  yellowBgHover: string = 'hover:bg-[#FAB31C]';
 
   // Grey
   greyBg: string = 'bg-[#B8B8B8]';
-  greyText: string = 'text-[#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]';
+  greyTextDark: string = 'text-[#9197A1]';
+
   // Red
-  redText: string = 'text-[#FF897D]';
+  redText: string = '!text-[#FD2D39]';
   redBg: string = 'bg-[#FF897D]';
   redBgHover: string = 'hover:bg-[#ff9b91]';
   // Error
   errorBg: string = 'bg-[#FF5449]';
-  errorText: string = 'text-[#FF5449]';
+  errorText: string = '!text-[#FF5449]';
 
   // Border
   rounded: string = 'rounded-[8px]';
+  roundedT: string = 'rounded-t-[8px]';
+  roundedB: string = 'rounded-b-[8px]';
+  blueBorder: string = 'border-[1px] border-[#A0B3D8]';
+  blueLightBorder: string = 'border-[1px] border-[#F3F6FC]';
+  greenBorder: string = 'border-[1px] border-[#009C73]';
+  redBorder: string = 'border-[1px] border-[#FD2D39]';
+  yellowBorder: string = 'border-[1px] border-[#FAB31C]';
 
   // Text
   textSimple: string = 'text-[14px] leading-5';
@@ -56,24 +68,32 @@ export class Styles {
   greenBtn: string;
   blueBtn: string;
   redBtn: string;
+  yellowBtn: string;
   whiteBtn: string;
+  whiteBtnBlueBr: string;
   blueLightBtn: string;
+  greenLightBtn: string;
 
   // Complex
   flexColNav: string;
   emptyBlockCol: string;
   scrollPage: string;
+  flexCenter: string = 'flex items-center justify-center';
 
   // Muted or disabled
-  mutedText: string = 'text-[#99A3B3]';
+  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.whiteBtnBlueBr = `${this.whiteBg} ${this.blueText} ${this.textTitle} ${this.rounded} w-full ${this.blueBgLightHover} ${this.blueBorder}`;
     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}`;
+    this.greenLightBtn = `${this.greenBgLight} ${this.greenText} ${this.textTitle} ${this.rounded} w-full ${this.greenBgLightHover}`;
 
     // Complex
     this.flexColNav = 'flex flex-col gap-[10px] px-2 pt-[14px]';
@@ -81,3 +101,5 @@ export class Styles {
     this.scrollPage = 'max-h-[90vh] overflow-y-scroll';
   }
 }
+
+export const useStyles = () => new Styles();

package/configs/i18n.ts

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

package/layouts/default.vue

@@ -1,15 +1,15 @@
 <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">
+    <div :class="[$styles.greenBg]" class="hidden z-[-1] lg:block absolute left-0 top-0 h-[200px] w-full"></div>
+    <section class="flex h-full" :class="$styles.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'"
+        :more-icon="$dataStore.menu.moreIcon ?? 'mdi-cog-outline'"
         :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,
@@ -19,17 +19,17 @@
         @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" />
         </template>
       </base-menu-nav>
-      <slot> </slot>
-      <base-settings-panel></base-settings-panel>
+      <slot></slot>
+      <base-settings-panel />
     </section>
   </div>
 </template>
 
 <script setup lang="ts">
-import { MenuItem } from '@/composables/classes';
+import { MenuItem } from '../composables/classes';
 const dataStore = useDataStore();
 
 const openSettings = async () => {
@@ -38,7 +38,7 @@ const openSettings = async () => {
 
 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;
+  if (!dataStore.filters.disabled(item)) dataStore.menu.selectedItem = item;
 };
 
 const onBack = async (item: MenuItem) => {
@@ -72,4 +72,7 @@ label .v-label .v-field-label,
   /* line-height: v-bind('dataStore.fontSize*1 + "px"') !important; */
   padding-bottom: 3px;
 }
+.v-card {
+  border-radius: 8px !important;
+}
 </style>

package/layouts/full.vue

@@ -1,6 +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="[$styles.greenBg]" class="hidden lg:block absolute z-[-1] left-0 top-0 h-[200px] w-full"></div>
     <slot></slot>
   </div>
 </template>