hl-core 0.0.8 → 0.0.9-beta.2

package/api/index.ts

@@ -1,5 +1,6 @@
-import { useAxios } from '@/composables/axios';
-import { Value, IDocument } from '@/composables/classes';
+import { MemberCodes } from '../types/enum';
+import { useAxios } from '../composables/axios';
+import { Value, IDocument } from '../composables/classes';
 import { AxiosRequestConfig } from 'axios';
 
 enum Methods {
@@ -11,15 +12,9 @@ export class ApiClass {
   private readonly baseURL: string = import.meta.env.VITE_BASE_URL as string;
   private readonly productUrl: string = import.meta.env.VITE_PRODUCT_URL as string;
 
-  private async axiosCall(config: AxiosRequestConfig) {
-    const dataStore = useDataStore();
-    if ((dataStore.isEFO && this.baseURL) || (!dataStore.isEFO && this.baseURL && this.productUrl)) {
-      const { data } = await useAxios(this.baseURL as string).request(config);
-      return data;
-    } else {
-      console.error('No Axios baseURL or productURL');
-      return null;
-    }
+  private async axiosCall<T>(config: AxiosRequestConfig): Promise<T> {
+    const { data } = await useAxios(this.baseURL).request<T>(config);
+    return data;
   }
 
   async loginUser(data: { login: string; password: string; numAttempt: number }): Promise<{ refreshToken: string; accessToken: string }> {
@@ -41,146 +36,168 @@ export class ApiClass {
     });
   }
 
-  // Страна
-  async getCountries() {
+  async getCountries(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Country',
     });
   }
 
-  // Страна гражданства
-  async getCitizenshipCountries() {
+  async getCitizenshipCountries(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500012',
     });
   }
 
-  // Страна налогового резидетства
-  async getTaxCountries() {
+  async getTaxCountries(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500014',
     });
   }
 
-  async getAdditionalTaxCountries() {
+  async getAdditionalTaxCountries(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=507777',
     });
   }
 
-  // Область
-  async getStates() {
+  async getStates(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/State',
     });
   }
 
-  // Регион
-  async getRegions() {
+  async getRegions(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Region',
     });
   }
 
-  // Город
-  async getCities() {
+  async getCities(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/CityVillage',
     });
   }
 
-  // Вид населенного пункта
-  async getLocalityTypes() {
+  async getLocalityTypes(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/LocalityType',
     });
   }
 
-  // Тип документа
-  async getDocumentTypes() {
+  async getDocumentTypes(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/DocumentTypePhys',
     });
   }
 
-  // Кем выдано
-  async getDocumentIssuers() {
+  async getDocumentIssuers(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/DocIssuer',
     });
   }
 
-  // Признак резидентства
-  async getResidents() {
+  async getResidents(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500011',
     });
   }
 
-  // Код сектора экономики
-  async getSectorCode() {
+  async getSectorCode(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=500003',
     });
   }
 
-  // Семейное положение
-  async getFamilyStatuses() {
+  async getFamilyStatuses(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Arm/api/Dictionary/GetDictionaryItems/DicFamilyStatus',
     });
   }
 
-  // Степень родства
-  async getRelationTypes() {
+  async getRelationTypes(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Ekk/api/Contragentinsis/DictionaryItems/Relation',
     });
   }
 
-  async getContragent(queryData: any) {
+  async getDicAnnuityTypeList(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName${queryData.middleName}`,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicAnnuityType',
     });
   }
 
-  async getQuestionList(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaFirst> {
+  async getCurrencies(): Promise<{ eur: number; usd: number }> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Baiterek/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+      url: '/Ekk/api/Currency/GetExchange',
     });
   }
 
-  async getQuestionListSecond(surveyType: string, processInstanceId: string, insuredId: number | string): Promise<AnketaSecond[]> {
+  async getContragent(queryData: GetContragentRequest): Promise<GetContragentResponse> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/Baiterek/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+      url: `/Ekk/api/Contragentinsis/Contragent?Iin=${queryData.iin}&FirstName=${queryData.firstName}&LastName=${queryData.lastName}&MiddleName=${queryData.middleName}`,
+    });
+  }
+
+  async getInsurancePay(): Promise<Value[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: '/Arm/api/Dictionary/GetDictionaryItems/DicBeneficiaryInsurancePay',
+    });
+  }
+
+  async getQuestionList(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaFirst> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+    });
+  }
+
+  async getClientQuestionList(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaFirst> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/AnketaClient/${surveyType}/${processInstanceId}/${insuredId}`,
+    });
+  }
+
+  async getQuestionListSecond(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaSecond[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/Anketa/${surveyType}/${processInstanceId}/${insuredId}`,
+    });
+  }
+
+  async getClientQuestionListSecond(surveyType: string, processInstanceId: string | number, insuredId: number | string): Promise<AnketaSecond[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/${this.productUrl}/api/Application/AnketaClient/${surveyType}/${processInstanceId}/${insuredId}`,
     });
   }
 
   async definedAnswers(filter: string) {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=${filter}`,
+      url: `/Ekk/api/Contragentinsis/DictionaryItems/Questionary?filter=${filter}`,
     });
   }
 
-  async setSurvey(surveyData: AnketaFirst) {
+  async setSurvey(surveyData: AnketaFirst): Promise<string> {
     return this.axiosCall({
       method: Methods.POST,
       data: surveyData,
@@ -202,7 +219,7 @@ export class ApiClass {
     });
   }
 
-  async getAdditionalInsuranceTermsAnswers(processCode: string | number, questionId: string) {
+  async getAdditionalInsuranceTermsAnswers(processCode: string | number, questionId: string): Promise<AddCoverAnswer[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Arm/api/Dictionary/ProcessCoverTypeSum/${processCode}/${questionId}`,
@@ -216,14 +233,27 @@ export class ApiClass {
     });
   }
 
-  async getContragentById(id: any) {
+  async getProcessAnnuityPaymentPeriod(processCode: string | number) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Arm/api/Dictionary/ProcessAnnuityPaymentPeriod/${processCode}`,
+    });
+  }
+
+  async getContragentById(id: number): Promise<GetContragentResponse> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Contragent?PersonId=${id}`,
     });
   }
 
-  async saveContragent(data: any) {
+  async saveContragent(data: {
+    contragent: ContragentType;
+    questionaries: ContragentQuestionaries[];
+    contacts: ContragentContacts[];
+    documents: ContragentDocuments[];
+    addresses: ContragentAddress[];
+  }): Promise<number> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Ekk/api/Contragentinsis/SaveContragent`,
@@ -234,7 +264,7 @@ export class ApiClass {
   async getFile(id: string) {
     return await this.axiosCall({
       method: Methods.GET,
-      url: `/Arm/api/File/DownloadFile/${id}`,
+      url: `/File/api/Data/DownloadFile/${id}`,
       responseType: 'arraybuffer',
       headers: {
         'Content-Type': 'application/pdf',
@@ -242,35 +272,35 @@ export class ApiClass {
     });
   }
 
-  async getDicFileTypeList() {
+  async getDicFileTypeList(): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Arm/api/Dictionary/GetDictionaryItems/DicFileType',
     });
   }
 
-  async getContrAgentData(personId: string | number) {
+  async getContrAgentData(personId: string | number): Promise<ContragentQuestionaries[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Questionaries?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentContacts(personId: string | number) {
+  async getContrAgentContacts(personId: string | number): Promise<ContragentContacts[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Contacts?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentDocuments(personId: string | number) {
+  async getContrAgentDocuments(personId: string | number): Promise<ContragentDocuments[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Documents?PersonId=${personId}`,
     });
   }
 
-  async getContrAgentAddress(personId: string | number) {
+  async getContrAgentAddress(personId: string | number): Promise<ContragentAddress[]> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Ekk/api/Contragentinsis/Address?PersonId=${personId}`,
@@ -291,26 +321,26 @@ export class ApiClass {
     });
   }
 
-  async sendSms(data: { phone: string; template: string; tempFlags: { url: string } }): Promise<void> {
+  async registerNumber(data: RegNumberDataType): Promise<string> {
     return this.axiosCall({
-      baseURL: import.meta.env.VITE_SMS_SERVICE as string,
       method: Methods.POST,
-      url: '/message',
+      url: `/${this.productUrl}/api/Application/FinCenterRegNumberSave`,
       data: data,
     });
   }
 
-  async getUserGroups(): Promise<Item[]> {
+  async sendSms(data: SmsDataType): Promise<void> {
     return this.axiosCall({
-      method: Methods.GET,
-      url: '/Arm/api/Bpm/TaskGroups',
+      method: Methods.POST,
+      url: '/Arm/api/Otp/SmsText',
+      data: data,
     });
   }
 
-  async getDictionaryItems(dictName: string) {
+  async getUserGroups(): Promise<Item[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/ContragentInsis/DictionaryItems/${dictName}`,
+      url: '/Arm/api/Bpm/TaskGroups',
     });
   }
 
@@ -342,7 +372,6 @@ export class ApiClass {
     return this.axiosCall({
       method: Methods.GET,
       url: '/Arm/api/Bpm/ProcessList',
-      timeout: 10000,
     });
   }
 
@@ -356,20 +385,20 @@ export class ApiClass {
     });
   }
 
-  async getApplicationData(id: string) {
+  async getApplicationData(id: string): Promise<any> {
     return this.axiosCall({
       url: `/${this.productUrl}/api/Application/applicationData?Id=${id} `,
     });
   }
 
-  async getCalculation(id: string) {
+  async getCalculation(id: string): Promise<Number> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/${this.productUrl}/api/Application/Calculator?processInstanceId=${id}`,
     });
   }
 
-  async setApplication(data: any) {
+  async setApplication(data: { policyAppDto: PolicyAppDto; addCoversDto: AddCover[] }): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/${this.productUrl}/api/Application/SetApplicationData`,
@@ -378,19 +407,10 @@ export class ApiClass {
     });
   }
 
-  async generatePdfDocument(data: any) {
-    return await this.axiosCall({
-      method: Methods.POST,
-      url: `/Arm/api/Bpm/GeneratePdfDocument`,
-      responseType: 'blob',
-      data: data,
-    });
-  }
-
   async deleteFile(data: any) {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/Arm/api/File/DeleteFiles',
+      url: '/File/api/Data/DeleteFiles',
       data: data,
     });
   }
@@ -398,7 +418,7 @@ export class ApiClass {
   async uploadFiles(data: any) {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/Arm/api/File/UploadFiles',
+      url: '/File/api/Data/UploadFiles',
       headers: {
         'Content-Type': 'multipart/form-data',
       },
@@ -406,7 +426,7 @@ export class ApiClass {
     });
   }
 
-  async sendTask(data: any) {
+  async sendTask(data: SendTask): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/${this.productUrl}/api/Application/SendTask`,
@@ -414,7 +434,7 @@ export class ApiClass {
     });
   }
 
-  async setMember(whichMember: string, data: any) {
+  async setMember(whichMember: keyof typeof MemberCodes, data: any) {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/BpmMembers/Set${whichMember}`,
@@ -422,62 +442,69 @@ export class ApiClass {
     });
   }
 
-  async deleteMember(whichMember: string, id: number | string) {
+  async deleteMember(whichMember: keyof typeof MemberCodes, id: number | string) {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/BpmMembers/Delete${whichMember}/${id}`,
     });
   }
 
-  async getInvoiceData(processInstanceId: string) {
+  async getInvoiceData(processInstanceId: string | number): Promise<EpayResponse> {
     return this.axiosCall({
       method: Methods.GET,
       url: `/Arm/api/Invoice/InvoiceData?processInstanceId=${processInstanceId}`,
     });
   }
 
-  async createInvoice(processInstanceId: string, amount: number | string) {
+  async getProcessHistoryLog(historyId: string) {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Arm/api/Bpm/ProcessHistoryLog/${historyId}`,
+    });
+  }
+
+  async createInvoice(processInstanceId: string | number, amount: number | string): Promise<string> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Invoice/CreateInvoice/${processInstanceId}/${amount}`,
     });
   }
 
-  async sendToEpay(processInstanceId: string) {
+  async sendToEpay(processInstanceId: string | number): Promise<EpayShortResponse> {
     return this.axiosCall({
       method: Methods.POST,
       url: `/Arm/api/Invoice/SendToEpay/${processInstanceId}`,
     });
   }
 
-  async signToDocument(data: any) {
+  async signDocument(data: SignDataType[]): Promise<SignUrlType[]> {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/Arm/api/Bpm/SignDocument',
+      url: '/File/api/Document/SignBts',
       data: data,
     });
   }
 
-  async getSignedDocList(data: { processInstanceId: string }): Promise<IDocument[]> {
+  async getSignedDocList(data: { processInstanceId: string | number }): Promise<IDocument[]> {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/Arm/api/File/List',
+      url: '/File/api/Data/List',
       data: data,
     });
   }
 
-  async calculateWithoutApplication(data: RecalculationDataType): Promise<RecalculationResponseType> {
+  async calculateWithoutApplication(data: RecalculationDataType, product: string | undefined | null = this.productUrl): Promise<RecalculationResponseType> {
     return this.axiosCall({
       method: Methods.POST,
-      url: `/${this.productUrl}/api/Application/Calculate`,
+      url: `/${product}/api/Application/Calculate`,
       data: data,
     });
   }
 
-  async getDefaultCalculationData(): Promise<RecalculationDataType> {
+  async getDefaultCalculationData(product: string | undefined | null = this.productUrl): Promise<RecalculationDataType> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/${this.productUrl}/api/Application/DefaultCalculatorValues`,
+      url: `/${product}/api/Application/DefaultCalculatorValues`,
     });
   }
 
@@ -530,7 +557,7 @@ export class ApiClass {
   }
 
   async getProcessTariff(code: number | string = 5) {
-    return this.axiosCall({ url: `/arm/api/Dictionary/ProcessTariff/${code}` });
+    return this.axiosCall({ url: `/Arm/api/Dictionary/ProcessTariff/${code}` });
   }
 
   async setConfirmation(data: any) {
@@ -548,33 +575,47 @@ export class ApiClass {
     });
   }
 
-  async sendUnderwritingCouncilTask(data: any) {
+  async sendUnderwritingCouncilTask(data: Partial<SendTask>): Promise<void> {
     return this.axiosCall({
       method: Methods.POST,
-      url: '/arm/api/UnderwritingCouncil/SendTask',
+      url: '/Arm/api/UnderwritingCouncil/SendTask',
       data: data,
     });
   }
 
-  async filterManagerByRegion(dictName: string, filterName: string) {
+  async getDictionaryItems(dictName: string): Promise<Value[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/ContragentInsis/DictionaryItems/${dictName}`,
+    });
+  }
+
+  async filterManagerByRegion(dictName: string, filterName: string): Promise<Value[]> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/ContragentInsis/DictionaryItems/${dictName}?filter=${filterName}`,
+      url: `/Ekk/api/ContragentInsis/DictionaryItems/${dictName}?filter=${filterName}`,
     });
   }
 
-  async setINSISWorkData(data: any) {
+  async setINSISWorkData(data: InsisWorkDataApp) {
     return this.axiosCall({
       method: Methods.POST,
-      url: `/arm/api/Bpm/SetInsisWorkData`,
+      url: `/Arm/api/Bpm/SetInsisWorkData`,
       data: data,
     });
   }
 
-  async searchAgentByName(name: string) {
+  async searchAgentByName(name: string): Promise<AgentData[]> {
+    return this.axiosCall({
+      method: Methods.GET,
+      url: `/Ekk/api/ContragentInsis/AgentByName?fullName=${name}`,
+    });
+  }
+
+  async isCourseChanged(processInstanceId: string): Promise<boolean> {
     return this.axiosCall({
       method: Methods.GET,
-      url: `/ekk/api/ContragentInsis/AgentByName?fullName=${name}`,
+      url: `/${this.productUrl}/api/Application/IsCourseChanged?processInstanceId=${processInstanceId}`,
     });
   }
 }

package/api/interceptors.ts

@@ -4,7 +4,9 @@ export default function (axios: AxiosInstance) {
   axios.interceptors.request.use(
     request => {
       const dataStore = useDataStore();
-      request.headers.Authorization = `Bearer ${dataStore.accessToken}`;
+      if (dataStore.accessToken) {
+        request.headers.Authorization = `Bearer ${dataStore.accessToken}`;
+      }
       return request;
     },
     error => {
@@ -17,19 +19,21 @@ export default function (axios: AxiosInstance) {
     },
     error => {
       const dataStore = useDataStore();
-      const router = useRouter();
-      if (error.response.status === 401) {
-        dataStore.$reset();
-        localStorage.clear();
-        if (dataStore.isEFO) {
-          router.push({ name: 'Auth', query: { error: 401 } });
-        } else {
-          dataStore.sendToParent(constants.postActions.Error401, 401);
+      if (!dataStore.isCalculator) {
+        const router = useRouter();
+        if (error.response.status === 401) {
+          dataStore.$reset();
+          localStorage.clear();
+          if (dataStore.isBridge) {
+            router.push({ name: 'Auth', query: { error: 401 } });
+          } else {
+            dataStore.sendToParent(constants.postActions.Error401, 401);
+          }
         }
-      }
-      if (error.response.status >= 500) {
-        if (router.currentRoute.value.name !== 'Auth') {
-          dataStore.showToaster('error', error.stack, 5000);
+        if (error.response.status >= 500) {
+          if (router.currentRoute.value.name !== 'Auth') {
+            dataStore.showToaster('error', error.stack, 5000);
+          }
         }
       }
       return Promise.reject(error);

package/components/Button/Btn.vue

@@ -11,7 +11,7 @@
       $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
     ]"
   >
-    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2"></base-loader>
+    <base-loader v-if="loading" :size="24" color="#FFF" bg-color="" :width="2" />
     <span v-if="!loading">{{ text }}</span>
   </button>
 </template>

package/components/Button/ScrollButtons.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="absolute bottom-[12%] right-1 flex flex-col gap-4">
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')"></v-btn>
-    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8"  variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')"></v-btn>
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-up" @click="$emit('up')" />
+    <v-btn style="backdrop-filter: blur(5px)" color="#A0B3D8" variant="outlined" icon="mdi mdi-arrow-down" @click="$emit('down')" />
   </div>
 </template>

package/components/Complex/MessageBlock.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="text-left p-6 mb-4" :class="[color, $libStyles.rounded]">
+    <v-icon :icon="icon" class="mr-4"></v-icon>
+    {{ text }}
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'BaseMessageBlock',
+  props: {
+    text: {
+      type: String,
+      default: '',
+    },
+    icon: {
+      type: String,
+      default: 'mdi-alert',
+    },
+    color: {
+      type: String,
+      default: 'bg-rose-500 text-white',
+    },
+  },
+});
+</script>