hl-core 0.0.9-beta.3 → 0.0.9-beta.5

package/components/Panel/PanelHandler.vue

@@ -1,6 +1,6 @@
 <template>
   <section v-if="sendingActions">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.flexColNav]">
       <v-form ref="vForm">
         <base-rounded-input v-model.trim="actionCause" placeholder="Причина" :rules="$rules.required" />
       </v-form>
@@ -8,7 +8,7 @@
     </div>
   </section>
   <section v-if="acceptAction">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.flexColNav]">
       <base-content-block v-if="hasConditionsInfo" class="flex flex-col gap-3">
         <span
           >{{ `Сумма страховой премии ${paymentPeriod}:` }} <b>{{ `${insurancePremiumPerMonth}₸` }}</b></span
@@ -18,21 +18,21 @@
         </span>
       </base-content-block>
       <base-btn :text="$dataStore.t('confirm.yes')" @click="handleTask" />
-      <base-btn :btn="$libStyles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
+      <base-btn :btn="$styles.blueLightBtn" :text="$dataStore.t('confirm.no')" @click="closePanel" />
     </div>
   </section>
   <section v-if="signingActions" class="relative">
     <div>
       <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
-          <div :class="[$libStyles.blueBgLight]" class="rounded-lg p-4">
+        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
+          <div :class="[$styles.blueBgLight]" class="rounded-lg p-4">
             <v-expansion-panels v-if="formStore.signUrls && formStore.signUrls.length" variant="accordion" multiple>
               <v-expansion-panel v-for="signUrl of formStore.signUrls" :key="signUrl.iin!" class="border-[1px]" elevation="0" bg-color="#FFF">
-                <v-expansion-panel-title class="h-[80px]" :class="$libStyles.textTitle">{{ `${signUrl.longName} - ${signUrl.iin}` }}</v-expansion-panel-title>
+                <v-expansion-panel-title class="h-[80px]" :class="$styles.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">
+                  <section class="flex flex-col gap-4 py-3" :class="$styles.textSimple">
                     <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)" />
+                    <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('sign.recipientNumber')" @click="openSmsPanel(signUrl)" />
                   </section>
                 </v-expansion-panel-text>
               </v-expansion-panel>
@@ -40,7 +40,7 @@
             <base-list-empty v-else />
           </div>
         </div>
-        <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
           <i
             class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
             @click="isSendNumberOpen = false"
@@ -64,11 +64,11 @@
   <section v-if="payingActions" class="relative">
     <div>
       <base-fade-transition>
-        <div v-if="!isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="!isSendNumberOpen" :class="[$styles.flexColNav]">
           <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" />
+          <base-btn :loading="loading" :btn="$styles.blueLightBtn" :text="$dataStore.t('payment.recipientNumber')" @click="openEpayPanel" />
         </div>
-        <div v-if="isSendNumberOpen" :class="[$libStyles.flexColNav]">
+        <div v-if="isSendNumberOpen" :class="[$styles.flexColNav]">
           <i
             class="mdi mdi-arrow-left cursor-pointer absolute text-xl left-0 top-0 rounded-br-full bg-white border-[1px] pb-3 pt-1 pl-1 pr-3"
             @click="isSendNumberOpen = false"
@@ -90,7 +90,7 @@
     </div>
   </section>
   <section v-if="affiliateActions">
-    <div :class="[$libStyles.flexColNav]">
+    <div :class="[$styles.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')" />

package/components/Panel/PanelSelectItem.vue

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

package/components/Utilities/IconBorder.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="border-[1px] border-[#F1F2F6] rounded-[12px] p-[10px]">
+    <slot v-if="!icon"></slot>
+    <i v-else :class="icon"></i>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    icon: {
+      type: String,
+      default: '',
+    },
+  },
+});
+</script>

package/composables/axios.ts

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

package/composables/classes.ts

@@ -891,7 +891,6 @@ export class DataStoreClass {
   user: User;
   accessToken: string | null = null;
   refreshToken: string | null = null;
-  processCoverTypeSum: Value[];
   processIndexRate: Value[];
   processPaymentPeriod: Value[];
   dicAnnuityTypeList: Value[];
@@ -1031,7 +1030,6 @@ export class DataStoreClass {
     this.user = new User();
     this.accessToken = null;
     this.refreshToken = null;
-    this.processCoverTypeSum = [];
     this.taskList = [];
     this.processHistory = [];
     this.contragentList = [];

package/composables/constants.ts

@@ -9,6 +9,7 @@ export const constants = Object.freeze({
     liferenta: 9,
     gons: 10,
     halykkazyna: 11,
+    lifebusiness: 14,
   },
   amlProducts: {
     checkcontragent: 1,

package/composables/index.ts

@@ -254,3 +254,13 @@ export const setAddressBeneficiary = (whichIndex: number, sameAddress: boolean)
     }
   }
 };
+
+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');
+};

package/configs/i18n.ts

@@ -1,6 +1,5 @@
 import { createI18n } from 'vue-i18n';
 import ru from '../locales/ru.json';
-import kz from '../locales/kz.json';
 
 const instance = createI18n({
   legacy: false,
@@ -8,7 +7,6 @@ const instance = createI18n({
   locale: 'ru',
   messages: {
     ru,
-    kz,
   },
 });
 

package/layouts/default.vue

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

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>

package/locales/ru.json

@@ -305,12 +305,16 @@
     "report": "Отчет",
     "notifications": "Уведомления",
     "support": "Тех. поддержка",
+    "makePolicy": "Заключить полис",
+    "done": "Оформлено",
+    "noChildAgents": "Отсутствуют суб-агенты",
     "agentsInfo": "Сведения о страховых агентах",
+    "personalData": "Личные данные",
     "info": "Данные об агенте",
     "about": "Сведения об Агенте",
     "level": "Уровень",
     "subAgents": "Суб-агенты",
-    "done": "Оформлено договоров",
+    "doneStatements": "Оформлено договоров",
     "myContracts": "Оформлено договоров",
     "nextLevel": "Следующий уровень {text}",
     "leftMy": "Осталось оформить лично",

package/nuxt.config.ts

@@ -6,7 +6,7 @@ import VueI18nVitePlugin from '@intlify/unplugin-vue-i18n/vite';
 export default defineNuxtConfig({
   ssr: false,
   spaLoadingTemplate: false,
-  modules: ['@pinia/nuxt', '@nuxtjs/tailwindcss', '@nuxt/devtools'],
+  modules: ['@pinia/nuxt', '@nuxtjs/tailwindcss', '@nuxt/devtools', '@vueuse/nuxt'],
 
   imports: {
     dirs: ['store', 'composables'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.9-beta.3",
+  "version": "0.0.9-beta.5",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -28,31 +28,23 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
+    "tk:all": "cd .. && cd baiterek && yarn typecheck && cd .. && cd bolashak && yarn typecheck && cd .. && cd calculator && yarn typecheck && cd .. && cd efo && yarn typecheck && cd .. && cd gons && yarn typecheck && cd .. && cd kazyna && yarn typecheck && cd .. && cd lifebusiness && yarn typecheck && cd .. && cd liferenta && yarn typecheck && cd .. && cd core",
+    "i:all": "cd .. && cd baiterek && yarn && cd .. && cd bolashak && yarn && cd .. && cd calculator && yarn && cd .. && cd efo && yarn && cd .. && cd gons && yarn && cd .. && cd kazyna && yarn && cd .. && cd lifebusiness && yarn && cd .. && cd liferenta && yarn && cd .. && cd core",
     "update:core": "git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main",
-    "update:aml": "cd .. && cd aml && cd aml && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd checkcontract && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:baiterek": "cd .. && cd baiterek && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:bolashak": "cd .. && cd bolashak && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:calculator": "cd .. && cd calculator && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:efo": "cd .. && cd efo && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:gons": "cd .. && cd gons && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:kazyna": "cd .. && cd kazyna && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:liferenta": "cd .. && cd liferenta && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
+    "update:aml": "cd ../../aml/aml && yarn && cd ../checkcontract && yarn && cd ../checkcontragent && yarn && cd.. && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd ../efo/core",
     "update:lka": "cd .. && cd lka && yarn && git checkout -b %npm_package_version% && git add . && git commit -m \"%npm_package_version%\" && git push && git checkout main && cd .. && cd core",
-    "update:all": "yarn update:aml && yarn update:baiterek && yarn update:bolashak && yarn update:calculator && yarn update:efo && yarn update:gons && yarn update:kazyna && yarn update:liferenta && yarn update:lka",
-    "pull:aml": "cd .. && cd aml && git pull && cd .. && cd core",
-    "pull:baiterek": "cd .. && cd baiterek && git pull && cd .. && cd core",
-    "pull:bolashak": "cd .. && cd bolashak && git pull && cd .. && cd core",
-    "pull:calculator": "cd .. && cd calculator && git pull && cd .. && cd core",
-    "pull:efo": "cd .. && cd efo && git pull && cd .. && cd core",
-    "pull:gons": "cd .. && cd gons && git pull && cd .. && cd core",
-    "pull:kazyna": "cd .. && cd kazyna && git pull && cd .. && cd core",
-    "pull:liferenta": "cd .. && cd liferenta && git pull && cd .. && cd core",
-    "pull:lka": "cd .. && cd lka && git pull && cd .. && cd core",
-    "pull:all": "yarn pull:aml && yarn pull:baiterek && yarn pull:bolashak && yarn pull:calculator && yarn pull:efo && yarn pull:gons && yarn pull:kazyna && yarn pull:liferenta && yarn pull:lka",
+    "update:all": "yarn update:aml && yarn update:lka",
+    "pull:core": "git pull && git fetch",
+    "pull:aml": "cd ../../aml && git pull && cd ../efo/core",
+    "pull:lka": "cd ../../lka && git pull && cd ../efo/core",
+    "pull:all": "yarn pull:core && yarn pull:aml && yarn pull:lka",
     "typecheck": "nuxt typecheck"
   },
   "devDependencies": {
     "@nuxt/devtools": "^0.4.5",
+    "@vueuse/components": "^10.2.1",
+    "@vueuse/core": "^10.2.1",
+    "@vueuse/nuxt": "^10.2.1",
     "nuxt": "^3.6.2",
     "prettier": "^2.8.8"
   },
@@ -70,7 +62,6 @@
     "pinia": "^2.1.4",
     "typedoc": "^0.24.8",
     "typescript": "5.0.4",
-    "v-idle-3": "^0.3.14",
     "vue-i18n": "^9.2.2",
     "vue-json-pretty": "^2.2.4",
     "vue-toastification": "^2.0.0-rc.5",

package/pages/500.vue

@@ -1,5 +1,5 @@
 <template>
-  <base-content class="!w-full flex-col justify-center items-center gap-[100px]" :class="[$libStyles.blueBgLight]">
+  <base-content class="!w-full flex-col justify-center items-center gap-[100px]" :class="[$styles.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"
@@ -39,7 +39,7 @@
       />
     </svg>
     <div class="text-center">
-      <h2 :class="[$libStyles.blackText]" class="text-[26px] leading-5 mb-5">Сервис временно не доступен</h2>
+      <h2 :class="[$styles.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/pages/Token.vue

@@ -22,6 +22,7 @@ export default defineComponent({
       if (dataStore.isAML) {
         return 'Main';
       }
+      return 'index';
     };
 
     onMounted(async () => {

package/plugins/helperFunctionsPlugins.ts

@@ -3,25 +3,24 @@ import { constants } from '../composables/constants';
 import { Styles } from '../composables/styles';
 import VueDatePicker from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css';
-import Vidle from 'v-idle-3';
 import Maska from 'maska';
 import i18n from '../configs/i18n';
 
 export default defineNuxtPlugin(nuxtApp => {
-  //@ts-ignore
-  nuxtApp.vueApp.use(Vidle, {});
   nuxtApp.vueApp.use(Maska);
   nuxtApp.vueApp.use(i18n);
   nuxtApp.vueApp.component('VueDatePicker', VueDatePicker);
 
   return {
     provide: {
-      capitalize: capitalize,
-      getFullNameShorted: getFullNameShorted,
-      libStyles: new Styles(),
+      env: useEnv(),
       maska: new Masks(),
-      reformatIin: reformatIin,
+      styles: new Styles(),
       constants: constants,
+      capitalize: capitalize,
+      display: useDisplayInfo,
+      reformatIin: reformatIin,
+      getFullNameShorted: getFullNameShorted,
     },
   };
 });

package/store/data.store.ts

@@ -39,6 +39,7 @@ export const useDataStore = defineStore('data', {
     isBaiterek: state => state.product === 'baiterek',
     isBolashak: state => state.product === 'bolashak',
     isMycar: state => state.product === 'mycar',
+    isLifeBusiness: state => state.product === 'lifebusiness',
     isLifetrip: state => state.product === 'lifetrip',
     isLiferenta: state => state.product === 'liferenta',
     isGons: state => state.product === 'gons',
@@ -586,7 +587,7 @@ export const useDataStore = defineStore('data', {
         this.contragentList = [];
       }
     },
-    async saveContragent(user: Member, whichForm: keyof typeof StoreMembers, whichIndex: number | null, onlySaveAction: boolean = true) {
+    async saveContragent(user: Member, whichForm: keyof typeof StoreMembers | 'contragent', whichIndex: number | null, onlySaveAction: boolean = true) {
       this.isLoading = !onlySaveAction;
       const hasInsisId = await this.alreadyInInsis(user);
       if (typeof hasInsisId === 'number') {
@@ -788,8 +789,12 @@ export const useDataStore = defineStore('data', {
 
         const personId = await this.api.saveContragent(data);
         if (personId > 0) {
-          await this.getContragentById(personId, whichForm, false, whichIndex);
-          user.otpTokenId = null;
+          if (this.isLKA || whichForm === 'contragent') {
+            return personId;
+          } else {
+            await this.getContragentById(personId, whichForm, false, whichIndex);
+            user.otpTokenId = null;
+          }
         } else {
           return false;
         }
@@ -1094,7 +1099,7 @@ export const useDataStore = defineStore('data', {
     async getFromApi(whichField: string, whichRequest: string, parameter?: any, reset: boolean = false): Promise<Value[]> {
       const storageValue = JSON.parse(localStorage.getItem(whichField) || 'null');
       const currentHour = new Date().getHours();
-      const currentMinutePart = Math.ceil((new Date().getMinutes() + 1) / 15);
+      const currentMinutePart = Math.ceil((new Date().getMinutes() + 1) / (this.isLKA ? 60 : 15));
 
       const getDataCondition = () => {
         if (!storageValue) return true;
@@ -1210,13 +1215,14 @@ export const useDataStore = defineStore('data', {
       return await this.getFromApi('relations', 'getRelationTypes');
     },
     async getProcessIndexRate() {
-      return await this.getFromApi('processIndexRate', 'getProcessIndexRate', this.processCode);
-    },
-    async getProcessCoverTypeSum(type?: any) {
-      return await this.getFromApi('processCoverTypeSum', 'getProcessCoverTypeSum', type);
+      if (this.processCode) {
+        return await this.getFromApi('processIndexRate', 'getProcessIndexRate', this.processCode);
+      }
     },
     async getProcessPaymentPeriod() {
-      return await this.getFromApi('processPaymentPeriod', 'getProcessPaymentPeriod', this.processCode);
+      if (this.processCode) {
+        return await this.getFromApi('processPaymentPeriod', 'getProcessPaymentPeriod', this.processCode);
+      }
     },
     async getQuestionRefs(id?: string) {
       return await this.getFromApi('questionRefs', 'getQuestionRefs', id, true);
@@ -1228,7 +1234,9 @@ export const useDataStore = defineStore('data', {
       return await this.getFromApi('dicAnnuityTypeList', 'getDicAnnuityTypeList');
     },
     async getProcessAnnuityPaymentPeriod() {
-      return await this.getFromApi('processAnnuityPaymentPeriod', 'getProcessAnnuityPaymentPeriod', this.processCode);
+      if (this.processCode) {
+        return await this.getFromApi('processAnnuityPaymentPeriod', 'getProcessAnnuityPaymentPeriod', this.processCode);
+      }
     },
     async getInsurancePay() {
       return await this.getFromApi('insurancePay', 'getInsurancePay');

package/types/index.ts

@@ -12,6 +12,7 @@ declare global {
     | 'efo'
     | 'gons'
     | 'halykkazyna'
+    | 'lifebusiness'
     | 'liferenta'
     | 'lifetrip'
     | 'lka'

package/components/Button/BtnIcon.vue

@@ -1,47 +0,0 @@
-<template>
-  <button
-    type="button"
-    class="transition-all"
-    @click="$emit('clicked')"
-    :disabled="disabled"
-    :class="[
-        disabled ? 'disabled' : '',
-        classes,
-        btn,
-        $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
-      ]"
-  >
-    <i class="mdi" :class="icon"></i>
-  </button>
-</template>
-
-<script lang="ts">
-export default defineComponent({
-  name: 'BaseBtnIcon',
-  props: {
-    icon: { type: String, default: 'mdi-arrow-right-variant' },
-    size: {
-      type: String,
-      default: 'md',
-    },
-    classes: {
-      type: String,
-      default: '',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    btn: {
-      type: String,
-      default: new Styles().blueBtn,
-    },
-  },
-});
-</script>
-
-<style scoped>
-.disabled {
-  opacity: 0.3;
-}
-</style>