hl-core 0.0.8-beta.9 → 0.0.9-beta.1

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" />
       </v-form>
-      <base-btn :text="buttonText" :loading="loading" @click="submitForm"></base-btn>
+      <base-btn :text="buttonText" :loading="loading" @click="submitForm" />
     </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
         >
@@ -17,8 +17,8 @@
           >{{ `Запрашиваемая страховая сумма: ` }} <b>{{ `${requestedSumInsured}₸` }}</b>
         </span>
       </base-content-block>
-      <base-btn :text="$t('confirm.yes')" @click="handleTask"></base-btn>
-      <base-btn :btn="$libStyles.blueLightBtn" :text="$t('confirm.no')" @click="closePanel"></base-btn>
+      <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
+      <base-btn :btn="$libStyles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
     </div>
   </section>
   <section v-if="signingActions" class="relative">
@@ -31,13 +31,13 @@
                 <v-expansion-panel-title class="h-[80px]" :class="$libStyles.textTitle">{{ `${signUrl.longName} - ${signUrl.iin}` }}</v-expansion-panel-title>
                 <v-expansion-panel-text class="border-t-[1px]">
                   <section class="flex flex-col gap-4 py-3" :class="$libStyles.textSimple">
-                    <base-btn :loading="loading" :text="$t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)"></base-btn>
-                    <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$t('sign.recipientNumber')" @click="openSmsPanel(signUrl)"></base-btn>
+                    <base-btn :loading="loading" :text="$dataStore.t('sign.copyCloud')" @click="$dataStore.copyToClipboard(signUrl.uri)" />
+                    <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
                   </section>
                 </v-expansion-panel-text>
               </v-expansion-panel>
             </v-expansion-panels>
-            <base-list-empty v-else></base-list-empty>
+            <base-list-empty v-else />
           </div>
         </div>
         <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
@@ -51,12 +51,12 @@
                 v-model="phoneNumber"
                 :maska="$maska.phone"
                 :rules="$rules.required.concat($rules.phoneFormat)"
-                :label="$t('form.phoneNumber')"
+                :label="$dataStore.t('form.phoneNumber')"
                 placeholder="+7 7"
-              ></base-rounded-input>
+              />
             </v-form>
-            <base-btn :text="$t('buttons.sendSMS')" :loading="loading" @click="submitForm"></base-btn
-          ></base-form-section>
+            <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm"
+          /></base-form-section>
         </div>
       </base-fade-transition>
     </div>
@@ -65,8 +65,8 @@
     <div>
       <base-fade-transition>
         <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
-          <base-btn :loading="loading" :text="$t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)"></base-btn>
-          <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$t('payment.recipientNumber')" @click="openEpayPanel"></base-btn>
+          <base-btn :loading="loading" :text="$dataStore.t('payment.copyUrl')" @click="$dataStore.copyToClipboard(formStore.epayLink)" />
+          <base-btn :loading="loading" :btn="$libStyles.blueLightBtn" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
         </div>
         <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
           <i
@@ -79,19 +79,40 @@
                 v-model="phoneNumber"
                 :maska="$maska.phone"
                 :rules="$rules.required.concat($rules.phoneFormat)"
-                :label="$t('form.phoneNumber')"
+                :label="$dataStore.t('form.phoneNumber')"
                 placeholder="+7 7"
-              ></base-rounded-input>
+              />
             </v-form>
-            <base-btn :text="$t('buttons.sendSMS')" :loading="loading" @click="submitForm"></base-btn>
+            <base-btn :text="$dataStore.t('buttons.sendSMS')" :loading="loading" @click="submitForm" />
           </base-form-section>
         </div>
       </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="$dataStore.t('form.documentNumber')" />
+          <base-form-input
+            v-model="formStore.affilationResolution.date"
+            :maska="$maska.date"
+            :rules="$rules.required"
+            :label="$dataStore.t('form.date')"
+            append-inner-icon="mdi mdi-calendar-blank-outline" />
+          <base-file-input v-if="!affiliationDocument" @input.prevent="onFileChange($event)" />
+          <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" />
+    </div>
+  </section>
 </template>
 
 <script lang="ts">
+import { DocumentItem } from '../../composables/classes';
 export default defineComponent({
   setup() {
     const route = useRoute();
@@ -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: DocumentItem) => 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,16 +155,38 @@ 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) {
           loading.value = true;
           switch (dataStore.panelAction) {
             case constants.actions.pay:
-              await dataStore.sendSMS('PayUrl', phoneNumber.value, formStore.epayLink);
+              await dataStore.sendSMS('PayUrl', phoneNumber.value!, formStore.epayLink!);
               break;
             case constants.actions.sign:
-              await dataStore.sendSMS('SignUrl', phoneNumber.value, selectedClient.value?.uri);
+              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();
@@ -142,7 +198,7 @@ export default defineComponent({
 
     const handleTask = async () => {
       loading.value = true;
-      await dataStore.handleTask(dataStore.panelAction, route.params.taskId, actionCause.value);
+      await dataStore.handleTask(dataStore.panelAction, route.params.taskId as string, actionCause.value);
       loading.value = false;
     };
 
@@ -159,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');
       }
     });
 
@@ -178,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
@@ -198,6 +265,7 @@ export default defineComponent({
       handleTask,
       openSmsPanel,
       openEpayPanel,
+      onFileChange,
 
       // Computed
       buttonText,
@@ -205,9 +273,12 @@ export default defineComponent({
       signingActions,
       payingActions,
       acceptAction,
+      affiliateActions,
       paymentPeriod,
       insurancePremiumPerMonth,
       requestedSumInsured,
+      affiliationDocument,
+      hasConditionsInfo,
     };
   },
 });

package/components/Panel/PanelSelectItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex justify-between px-4 items-center cursor-pointer h-[60px]" :class="[$libStyles.rounded, $libStyles.blueBgLight, $libStyles.blueBgLightHover]">
+  <div class="flex justify-between p-4 items-center cursor-pointer" :class="[$libStyles.rounded, $libStyles.blueBgLight, $libStyles.blueBgLightHover]">
     <span :class="[$libStyles.textSimple]">{{ text }}</span>
     <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
   </div>

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"
+  />
+</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/axios.ts

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import interceptors from '@/api/interceptors';
+import interceptors from '../api/interceptors';
 
 export const useAxios = (baseURL: string) => {
   const axiosInstance = axios.create({