hl-core 0.0.8-beta.3 → 0.0.8-beta.31

package/components/Panel/PanelHandler.vue

@@ -2,14 +2,14 @@
   <section v-if="sendingActions">
     <div :class="[$libStyles.flexColNav]">
       <v-form ref="vForm">
-        <base-rounded-input v-model="actionCause" placeholder="Причина" :rules="$rules.required"></base-rounded-input>
+        <base-rounded-input v-model.trim="actionCause" placeholder="Причина" :rules="$rules.required"></base-rounded-input>
       </v-form>
       <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
     </div>
   </section>
   <section v-if="acceptAction">
     <div :class="[$libStyles.flexColNav]">
-      <base-content-block class="flex flex-col gap-3">
+      <base-content-block v-if="hasConditionsInfo" class="flex flex-col gap-3">
         <span
           >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}₸` }}</b></span
         >
@@ -89,6 +89,27 @@
       </base-fade-transition>
     </div>
   </section>
+  <section v-if="affiliateActions">
+    <div :class="[$libStyles.flexColNav]">
+      <v-form ref="vForm">
+        <base-content-block class="flex flex-col gap-3">
+          <base-form-input v-model.trim="formStore.affilationResolution.number" :rules="$rules.required" :label="$t('form.documentNumber')"></base-form-input>
+          <base-form-input
+            v-model="formStore.affilationResolution.date"
+            :maska="$maska.date"
+            :rules="$rules.required"
+            :label="$t('form.date')"
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          ></base-form-input>
+          <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)"></base-file-input>
+          <base-empty-form-field v-if="affiliationDocument" class="justify-between">
+            {{ `${affiliationDocument.fileTypeName} - ${affiliationDocument.fileName}` }}
+            <i class="cursor-pointer mdi mdi-file-document mr-6 text-[#a0b3d8] text-xl"></i> </base-empty-form-field
+        ></base-content-block>
+      </v-form>
+      <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
+    </div>
+  </section>
 </template>
 
 <script lang="ts">
@@ -103,6 +124,19 @@ export default defineComponent({
     const isSendNumberOpen = ref<boolean>(false);
     const phoneNumber = ref<string | null>(formStore.policyholderForm.phoneNumber ?? '');
     const selectedClient = ref<SignUrlType>();
+    const documentDict = computed(() => dataStore.dicFileTypeList.find(i => i.nameRu === 'Решение АС'));
+    const affiliationDocument = computed(() => formStore.signedDocumentList.find(file => file.fileTypeName === 'Решение АС'));
+    const affiliationData = ref<{
+      processInstanceId: string | number;
+      fileTypeId: string | number | null;
+      fileTypeCode: string | number | null;
+      fileName?: string | number | null;
+    }>({
+      processInstanceId: formStore.applicationData.processInstanceId,
+      fileTypeId: documentDict.value ? documentDict.value.id : '',
+      fileTypeCode: documentDict.value ? documentDict.value.code : '',
+    });
+    const affiliationFormData = ref(new FormData());
 
     const openSmsPanel = (signInfo: SignUrlType) => {
       if (signInfo) {
@@ -121,6 +155,17 @@ export default defineComponent({
       dataStore.panelAction = null;
     };
 
+    const onFileChange = (event: InputEvent) => {
+      if (event.target) {
+        const files = (event.target as HTMLInputElement).files;
+        if (files && files.length && files[0].name !== affiliationData.value.fileName) {
+          affiliationData.value.fileName = files[0].name;
+          affiliationFormData.value.append('file', files[0]);
+          affiliationFormData.value.append('fileData', JSON.stringify([affiliationData.value]));
+        }
+      }
+    };
+
     const submitForm = async () => {
       await vForm.value.validate().then(async (v: { valid: Boolean; errors: any }) => {
         if (v.valid) {
@@ -128,8 +173,21 @@ export default defineComponent({
           switch (dataStore.panelAction) {
             case constants.actions.pay:
               await dataStore.sendSMS('PayUrl', phoneNumber.value, formStore.epayLink);
+              break;
             case constants.actions.sign:
               await dataStore.sendSMS('SignUrl', phoneNumber.value, selectedClient.value?.uri);
+              break;
+            case constants.actions.affiliate:
+              formStore.affilationResolution.processInstanceId = formStore.applicationData.processInstanceId;
+              let uploaded, confirmed;
+              confirmed = await dataStore.setConfirmation();
+              if (affiliationData.value.fileName) {
+                uploaded = await dataStore.uploadFiles(affiliationFormData.value);
+              }
+              if ((affiliationData.value.fileName && confirmed && uploaded) || (!affiliationData.value.fileName && confirmed)) {
+                await handleTask();
+              }
+              break;
             default:
               await handleTask();
           }
@@ -157,6 +215,10 @@ export default defineComponent({
           return dataStore.t('buttons.sign');
         case constants.actions.pay:
           return dataStore.t('buttons.pay');
+        case constants.actions.register:
+          return dataStore.t('buttons.register');
+        case constants.actions.affiliate:
+          return dataStore.t('buttons.send');
       }
     });
 
@@ -176,9 +238,16 @@ export default defineComponent({
     const acceptAction = computed(() => dataStore.panelAction === constants.actions.accept);
     const signingActions = computed(() => dataStore.panelAction === constants.actions.sign);
     const payingActions = computed(() => dataStore.panelAction === constants.actions.pay);
+    const affiliateActions = computed(() => dataStore.panelAction === constants.actions.affiliate);
     const paymentPeriod = computed(() => formStore.productConditionsForm.paymentPeriod.nameRu);
     const insurancePremiumPerMonth = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.insurancePremiumPerMonth));
     const requestedSumInsured = computed(() => dataStore.getNumberWithSpaces(formStore.productConditionsForm.requestedSumInsured));
+    const hasConditionsInfo = computed(() => {
+      if (dataStore.isFinCenter()) {
+        return false;
+      }
+      return true;
+    });
 
     return {
       // State
@@ -196,6 +265,7 @@ export default defineComponent({
       handleTask,
       openSmsPanel,
       openEpayPanel,
+      onFileChange,
 
       // Computed
       buttonText,
@@ -203,9 +273,12 @@ export default defineComponent({
       signingActions,
       payingActions,
       acceptAction,
+      affiliateActions,
       paymentPeriod,
       insurancePremiumPerMonth,
       requestedSumInsured,
+      affiliationDocument,
+      hasConditionsInfo,
     };
   },
 });

package/components/Utilities/Chip.vue

@@ -0,0 +1,27 @@
+<template>
+  <label v-if="chip && chip.title" class="transition-all leading-6 px-3 py-1 rounded-pill border-[1px] border-white mr-4 whitespace-nowrap" :class="[textSize, color]"
+    >{{ chip.title }}<v-tooltip v-if="chip.description" activator="parent" location="bottom" :max-width="maxWidth">{{ chip.description }}</v-tooltip></label
+  >
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    chip: {
+      type: Object as PropType<ChipComponent>,
+    },
+    color: {
+      type: String,
+      default: 'bg-[#A0B3D8] text-white group-hover:bg-white group-hover:!text-black',
+    },
+    textSize: {
+      type: String,
+      default: '!text-[10px]',
+    },
+    maxWidth: {
+      type: [String, Number],
+      default: 230,
+    },
+  },
+});
+</script>

package/components/Utilities/JsonViewer.vue

@@ -0,0 +1,27 @@
+<template>
+  <vue-json-pretty
+    :data="(data as JSONDataType)"
+    :show-icon="true"
+    :show-line="true"
+    :show-line-number="true"
+    :show-double-quotes="true"
+    :show-key-value-space="true"
+    :collapsed-on-click-brackets="true"
+    :deep="4"
+  ></vue-json-pretty>
+</template>
+
+<script lang="ts">
+import VueJsonPretty from 'vue-json-pretty';
+import 'vue-json-pretty/lib/styles.css';
+import { JSONDataType } from 'vue-json-pretty/types/utils';
+
+export default defineComponent({
+  components: { VueJsonPretty },
+  props: {
+    data: {
+      required: false,
+    },
+  },
+});
+</script>

package/composables/classes.ts

@@ -16,6 +16,7 @@ class MenuItemConfig {
   disabled?: ComputedRef;
   color?: string;
   show?: ComputedRef;
+  chip?: ChipComponent;
 
   constructor(
     id: any = null,
@@ -30,6 +31,7 @@ class MenuItemConfig {
     disabled?: ComputedRef,
     color?: string,
     show?: ComputedRef,
+    chip?: ChipComponent,
   ) {
     this.id = id;
     this.title = title;
@@ -43,12 +45,13 @@ class MenuItemConfig {
     this.disabled = disabled;
     this.color = color;
     this.show = show;
+    this.chip = chip;
   }
 }
 
 export class MenuItem extends MenuItemConfig {
-  constructor({ id, title, link, hasLine, description, url, initial, icon, action, disabled, color, show }: MenuItemConfig = new MenuItemConfig()) {
-    super(id, title, link, hasLine, description, url, initial, icon, action, disabled, color, show);
+  constructor({ id, title, link, hasLine, description, url, initial, icon, action, disabled, color, show, chip }: MenuItemConfig = new MenuItemConfig()) {
+    super(id, title, link, hasLine, description, url, initial, icon, action, disabled, color, show, chip);
   }
 }
 
@@ -266,7 +269,7 @@ class Person {
     const date = this.formatDate(this.birthDate);
     if (date) {
       const age = Math.abs(new Date(Date.now() - new Date(date).getTime()).getUTCFullYear() - 1970);
-      if (new Date(date) < new Date(Date.now()) && age > 0) {
+      if (new Date(date) < new Date(Date.now()) && age >= 0) {
         return age.toString();
       }
     } else {
@@ -356,6 +359,13 @@ export class Contragent extends Person {
 }
 
 export class Member extends Person {
+  response?: {
+    contragent?: any;
+    questionnaires?: any;
+    contacts?: any;
+    documents?: any;
+    addresses?: any;
+  };
   verifyType: any;
   verifyDate: any;
   postIndex: string | null;
@@ -421,6 +431,7 @@ export class Member extends Person {
   hasAgreement: boolean | null;
   otpTokenId: string | null;
   otpCode: string | null;
+  documentsList: UserDocument[];
   constructor(
     id = 0,
     type = 1,
@@ -488,6 +499,7 @@ export class Member extends Person {
     isNotary = false,
   ) {
     super(id, type, iin, longName, lastName, firstName, middleName, birthDate, gender, genderName, birthPlace, age);
+    this.documentsList = [];
     this.postIndex = null;
     this.isPdl = false;
     this.migrationCard = migrationCard;
@@ -679,7 +691,9 @@ export class ProductConditions {
   annualIncome: string | null;
   processIndexRate: Value;
   requestedSumInsured: number | string | null;
+  requestedSumInsuredInDollar: number | string | null;
   insurancePremiumPerMonth: number | string | null;
+  insurancePremiumPerMonthInDollar: number | string | null;
   establishingGroupDisabilityFromThirdYear: string | null;
   possibilityToChange: string | null;
   deathOfInsuredDueToAccident: Value;
@@ -700,6 +714,12 @@ export class ProductConditions {
   processTariff: Value;
   riskGroup: Value;
   riskGroup2: Value;
+  additionalConditionAnnuityPayments: boolean;
+  guaranteedPeriod: number | string | null;
+  typeAnnuityInsurance: Value;
+  termAnnuityPayments: number | string | null;
+  periodAnnuityPayment: Value;
+  amountAnnuityPayments: number | string | null;
   constructor(
     insuranceCase = null,
     coverPeriod = null,
@@ -729,7 +749,15 @@ export class ProductConditions {
     processTariff = new Value(),
     riskGroup = new Value(),
     riskGroup2 = new Value(),
+    additionalConditionAnnuityPayments = false,
+    guaranteedPeriod = null,
+    typeAnnuityInsurance = new Value(),
+    termAnnuityPayments = null,
+    periodAnnuityPayment = new Value(),
+    amountAnnuityPayments = null,
   ) {
+    this.requestedSumInsuredInDollar = null;
+    this.insurancePremiumPerMonthInDollar = null;
     this.signDate = null;
     this.birthDate = null;
     this.gender = new Value();
@@ -761,12 +789,42 @@ export class ProductConditions {
     this.processTariff = processTariff;
     this.riskGroup = riskGroup;
     this.riskGroup2 = riskGroup2;
+    this.additionalConditionAnnuityPayments = additionalConditionAnnuityPayments;
+    this.guaranteedPeriod = guaranteedPeriod;
+    this.typeAnnuityInsurance = typeAnnuityInsurance;
+    this.termAnnuityPayments = termAnnuityPayments;
+    this.periodAnnuityPayment = periodAnnuityPayment;
+    this.amountAnnuityPayments = amountAnnuityPayments;
+  }
+}
+
+export class MemberSettings {
+  has?: boolean;
+  isMultiple?: boolean;
+  required?: boolean;
+  limit?: number;
+  constructor(options?: { has?: boolean; isMultiple?: boolean; required?: boolean; limit?: number }) {
+    if (options) {
+      this.has = options.has;
+      this.isMultiple = options.isMultiple;
+      this.limit = options.limit;
+      if (this.has === true) {
+        this.required = options.required;
+      } else {
+        this.required = false;
+      }
+    }
   }
 }
 
 export class DataStoreClass {
   // IMP Контроллер фич
   controls: {
+    // Cтавит значения по дефолту полям
+    setDefaults: {
+      sectorCode: boolean;
+      percentage: boolean;
+    };
     // Проверка на роль при авторизации
     onAuth: boolean;
     // Согласие на главной странице
@@ -781,7 +839,19 @@ export class DataStoreClass {
     hasInsis: boolean;
     // Калькулятор без ввода данных
     hasCalculator: boolean;
+    // Блок прикрепления к менеджеру
+    hasAttachment: boolean;
+    // Решение АС
+    hasAffiliation: boolean;
   };
+  members: {
+    clientApp: MemberSettings;
+    insuredApp: MemberSettings;
+    beneficiaryApp: MemberSettings;
+    beneficialOwnerApp: MemberSettings;
+    spokesmanApp: MemberSettings;
+  };
+  iframeLoading: boolean;
   hasLayoutMargins: boolean;
   readonly product: string | null;
   showNav: boolean;
@@ -791,6 +861,7 @@ export class DataStoreClass {
     hasBack: boolean;
     loading: boolean;
     backIcon: string;
+    moreIcon: string;
     onBack: any;
     onLink: any;
     selectedItem: MenuItem;
@@ -828,6 +899,7 @@ export class DataStoreClass {
   documentIssuers: Value[];
   familyStatuses: Value[];
   relations: Value[];
+  insurancePay: Value[];
   questionRefs: Value[];
   residents: Value[];
   ipdl: Value[];
@@ -840,9 +912,11 @@ export class DataStoreClass {
   user: User;
   accessToken: string | null = null;
   refreshToken: string | null = null;
-  processCoverTypeSum: any[];
-  processIndexRate: any[];
-  processPaymentPeriod: any[];
+  processCoverTypeSum: Value[];
+  processIndexRate: Value[];
+  processPaymentPeriod: Value[];
+  dicAnnuityTypeList: Value[];
+  processAnnuityPaymentPeriod: Value[];
   taskList: TaskListItem[];
   processHistory: TaskHistory[];
   contragentList: any[];
@@ -851,13 +925,50 @@ export class DataStoreClass {
   groupCode: string;
   userGroups: Item[];
   onMainPage: boolean;
-  SaleChanellPolicyList: any[];
-  RegionPolicyList: any[];
-  ManagerPolicyList: any[];
-  AgentDataList: any[];
-  riskGroup: any[];
+  SaleChanellPolicy: Value[];
+  RegionPolicy: Value[];
+  ManagerPolicy: Value[];
+  AgentData: AgentData[];
+  riskGroup: Value[];
+  currencies: {
+    eur: number | null;
+    usd: number | null;
+  };
+  filters: {
+    show: (item: MenuItem) => boolean;
+    disabled: (item: MenuItem) => boolean;
+  };
   constructor() {
+    this.filters = {
+      show: (item: MenuItem) => {
+        if (typeof item.show === 'boolean') {
+          return item.show;
+        }
+        return true;
+      },
+      disabled: (item: MenuItem) => {
+        if (typeof item.disabled === 'boolean') {
+          return item.disabled;
+        }
+        return false;
+      },
+    };
+    this.currencies = {
+      eur: null,
+      usd: null,
+    };
+    this.members = {
+      clientApp: new MemberSettings(),
+      insuredApp: new MemberSettings(),
+      beneficiaryApp: new MemberSettings(),
+      beneficialOwnerApp: new MemberSettings(),
+      spokesmanApp: new MemberSettings(),
+    };
     this.controls = {
+      setDefaults: {
+        sectorCode: true,
+        percentage: true,
+      },
       onAuth: false,
       hasAnketa: true,
       hasAgreement: true,
@@ -865,15 +976,20 @@ export class DataStoreClass {
       hasGKB: false,
       hasInsis: false,
       hasCalculator: false,
+      hasAttachment: true,
+      hasAffiliation: true,
     };
+    this.iframeLoading = false;
     this.hasLayoutMargins = true;
     this.processIndexRate = [];
     this.processPaymentPeriod = [];
+    this.dicAnnuityTypeList = [];
+    this.processAnnuityPaymentPeriod = [];
     this.questionRefs = [];
-    this.SaleChanellPolicyList = [];
-    this.RegionPolicyList = [];
-    this.ManagerPolicyList = [];
-    this.AgentDataList = [];
+    this.SaleChanellPolicy = [];
+    this.RegionPolicy = [];
+    this.ManagerPolicy = [];
+    this.AgentData = [];
     this.product = import.meta.env.VITE_PRODUCT ? (import.meta.env.VITE_PRODUCT as string) : null;
     this.showNav = true;
     this.menuItems = [];
@@ -882,6 +998,7 @@ export class DataStoreClass {
       hasBack: false,
       loading: false,
       backIcon: 'mdi-arrow-left',
+      moreIcon: 'mdi-dots-vertical',
       onBack: {},
       onLink: {},
       selectedItem: new MenuItem(),
@@ -924,6 +1041,7 @@ export class DataStoreClass {
     this.documentIssuers = [];
     this.familyStatuses = [];
     this.relations = [];
+    this.insurancePay = [];
     this.residents = [];
     this.ipdl = [new Value(1, null), new Value(2, 'Да'), new Value(3, 'Нет')];
     this.economySectorCode = [];
@@ -949,27 +1067,36 @@ export class DataStoreClass {
         id: '1',
         nameKz: '',
         nameRu: '1',
-        isDefault: true,
+        code: '',
+        ids: '',
       },
       {
         id: '2',
         nameKz: '',
         nameRu: '2',
+        code: '',
+        ids: '',
       },
       {
         id: '3',
         nameKz: '',
         nameRu: '3',
+        code: '',
+        ids: '',
       },
       {
         id: '4',
         nameKz: '',
         nameRu: '4',
+        code: '',
+        ids: '',
       },
       {
         id: '5',
         nameKz: '',
         nameRu: '5',
+        code: '',
+        ids: '',
       },
     ];
   }
@@ -980,32 +1107,34 @@ export class FormStoreClass {
   additionalInsuranceTermsWithout: AddCover[];
   signUrls: SignUrlType[];
   epayLink: string | null;
+  invoiceData: EpayResponse | null;
   affilationResolution: {
     id: string | number | null;
     processInstanceId: string | number | null;
     number: string | number | null;
     date: string | number | null;
   };
+  finCenterData: {
+    processInstanceId: string | number | null;
+    regNumber: string | number | null;
+    date: string | number | null;
+  };
   signedDocumentList: IDocument[];
   surveyByHealthBase: AnketaFirst | null;
+  surveyByHealthBasePolicyholder: AnketaFirst | null;
   surveyByCriticalBase: AnketaFirst | null;
+  surveyByCriticalBasePolicyholder: AnketaFirst | null;
   surveyByHealthSecond: AnketaSecond[] | null;
   surveyByCriticalSecond: AnketaSecond[] | null;
   definedAnswersId: {
     surveyByHealthBase: any;
     surveyByCriticalBase: any;
+    surveyByHealthBasePolicyholder: any;
+    surveyByCriticalBasePolicyholder: any;
   };
   birthInfos: BirthInfoGKB[];
   SaleChanellPolicy: Value;
-  AgentData: {
-    agentId: null;
-    manId: number;
-    fullName: string;
-    officeId: null;
-    officeCode: null;
-    saleChannel: string;
-    managerName: string;
-  };
+  AgentData: AgentData;
   RegionPolicy: Value;
   ManagerPolicy: Value;
   isDisabled: {
@@ -1036,6 +1165,7 @@ export class FormStoreClass {
     beneficialOwnerApp?: any;
     spokesmanApp?: any;
     isTask?: boolean | null;
+    policyAppDto?: any;
   };
   policyholderForm: PolicyholderForm;
   policyholderFormKey: string;
@@ -1061,20 +1191,30 @@ export class FormStoreClass {
     this.additionalInsuranceTermsWithout = [];
     this.signUrls = [];
     this.epayLink = null;
+    this.invoiceData = null;
     this.affilationResolution = {
       id: null,
       processInstanceId: null,
       number: null,
       date: null,
     };
+    this.finCenterData = {
+      processInstanceId: null,
+      regNumber: null,
+      date: null,
+    };
     this.signedDocumentList = [];
     this.surveyByHealthBase = null;
+    this.surveyByHealthBasePolicyholder = null;
     this.surveyByCriticalBase = null;
+    this.surveyByCriticalBasePolicyholder = null;
     this.surveyByHealthSecond = null;
     this.surveyByCriticalSecond = null;
     this.definedAnswersId = {
       surveyByHealthBase: {},
       surveyByCriticalBase: {},
+      surveyByHealthBasePolicyholder: {},
+      surveyByCriticalBasePolicyholder: {},
     };
     this.birthInfos = [];
     this.SaleChanellPolicy = new Value();

package/composables/constants.ts

@@ -7,10 +7,13 @@ export const constants = Object.freeze({
     bolashak: 8,
     liferenta: 9,
     gons: 10,
+    halykkazyna: 11,
   },
 
   editableStatuses: ['StartForm', 'EditBeneficiaryForm', 'EditForm'],
   documentsLinkVisibleStatuses: ['DocumentsSignedFrom', 'UnderwriterForm', 'AffilationResolutionForm', 'Completed', 'InsurancePremiumOnlinePaid'],
+  returnStatementStatuses: ['DocumentsSignedFrom', 'ContractSignedFrom', 'WaitingInsurancePremiumForm', 'UnderwriterForm'],
+  cancelApplicationStatuses: ['StartForm', 'EditForm', 'EditBeneficiaryForm', 'WaitingInsurancePremiumForm', 'DocumentsSignedFrom', 'ContractSignedFrom'],
   gbdErrors: ['INVALID', 'TIMEOUT', 'ERROR', 'NOT_FOUND'],
   types: {
     string: 'string',
@@ -26,7 +29,7 @@ export const constants = Object.freeze({
     agentMycar: 'AgentMycar',
     analyst: 'Analyst',
     upk: 'UPK',
-    financeCenter: 'FinanceCenter',
+    finCenter: 'FinCenter',
     supervisor: 'Supervisor',
     support: 'Support',
     managerHalykBank: 'ManagerHalykBank',
@@ -41,6 +44,9 @@ export const constants = Object.freeze({
     claim: 'claim',
     sign: 'sign',
     pay: 'pay',
+    register: 'register',
+    send: 'send',
+    affiliate: 'affiliate',
   },
   yearCases: [2, 0, 1, 1, 1, 2],
   yearTitles: ['год', 'года', 'лет'],
@@ -54,6 +60,7 @@ export const constants = Object.freeze({
   postActions: {
     font: 'font',
     route: 'route',
+    onRouteChange: 'onRouteChange',
     applicationCreated: 'applicationCreated',
     clipboard: 'clipboard',
     toHomePage: 'toHomePage',
@@ -62,5 +69,10 @@ export const constants = Object.freeze({
     DOMevent: 'DOMevent',
     Error401: 'Error401',
     Error500: 'Error500',
+    iframeLoaded: 'iframeLoaded',
+  },
+  currencySymbols: {
+    kzt: '₸',
+    usd: '$',
   },
 });