hl-core 0.0.10-beta.79 → 0.0.10-beta.80

package/components/Complex/Breadcrumb.vue

@@ -0,0 +1,73 @@
+<template>
+  <div v-if="isVisible && items.length && items.length > 1" :class="$styles.blueBgLight" class="hidden lg:flex border-b py-3 px-5 items-center justify-between">
+    <nav class="flex items-center text-sm leading-6 tracking-[0.5px] text-[#99A3B3]">
+      <template v-for="(item, index) in items" :key="item.to">
+        <a v-if="index !== items.length - 1" @click.prevent="handleClick(item)" :to="item.to" class="hover:text-[#071222] transition-colors cursor-pointer">
+          {{ item.label }}
+        </a>
+        <span v-else class="text-[#071222]">
+          {{ item.label }}
+        </span>
+        <i v-if="index !== items.length - 1" class="mdi mdi-chevron-right mx-1.5 text-lg text-[#99A3B3]" />
+      </template>
+    </nav>
+    <v-btn variant="plain" size="24" :ripple="false" @click="handleClose">
+      <i class="mdi mdi-close text-[20px] text-[#071222]" />
+    </v-btn>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { BreadcrumbItem } from '../../types/index';
+import type { RouteLocationRaw } from 'vue-router';
+import { MenuItem } from '#imports';
+
+const dataStore = useDataStore();
+const router = useRouter();
+const isVisible = ref(true);
+
+const items = computed(() => dataStore.breadcrumb);
+
+const handleClose = () => {
+  isVisible.value = false;
+};
+const handleClick = (item: BreadcrumbItem) => {
+  // 1. Обработка редиректов в родительское окно (Мостик)
+  if (item.to === '/Insurance-Product') {
+    dataStore.sendToParent(constants.postActions.toHomePage, null);
+    return;
+  }
+  if (item.to === '/History') {
+    dataStore.sendToParent(constants.postActions.toHistory, null);
+    return;
+  }
+
+  // 2. Универсальное получение targetTab
+  let targetTab: string | null = null;
+
+  // Если query передан отдельно в item
+  if (item.query?.tab) {
+    targetTab = item.query.tab as string;
+  }
+  // Если query зашит внутри item.to (как строка или объект)
+  else if (item.to) {
+    // router.resolve магически превращает '/path?tab=1' или {path: '..', query: {tab: 1}}
+    // в стандартизированный объект роута
+    const resolved = router.resolve(item.to as RouteLocationRaw);
+    targetTab = resolved.query?.tab as string;
+  }
+
+  // 3. Синхронизация меню в сторе
+  if (targetTab) {
+    const queryTab = dataStore.menuItems.find((i: MenuItem) => i.id === targetTab);
+    dataStore.menu.selectedItem = queryTab || new MenuItem();
+  }
+
+  // 4. Переход
+  if (item.to) {
+    router.push(item.to as RouteLocationRaw);
+  }
+};
+</script>
+
+<style scoped></style>

package/components/Dialog/DigitalDocumentsDialog.vue

@@ -2,19 +2,24 @@
   <div class="flex flex-col gap-[10px] w-full align-center">
     <v-expansion-panels :flat="true">
       <v-expansion-panel class="!rounded-[8px]">
-        <v-expansion-panel-title class="!text-[12px] border border-[#00000014]"> Как получить цифровой документ </v-expansion-panel-title>
+        <v-expansion-panel-title class="!text-[12px] border border-[#00000014]">{{ $appContextStore.t('howToGetDigitalDocument') }}</v-expansion-panel-title>
         <v-expansion-panel-text class="text-[12px] text-[#464f60]">
-          1. Выберите тип документа.<br /><br />
-          2. Через приложение eGov mobile и другие приложения: <br />
-          • Откройте раздел "Цифровые документы". <br />
-          • Выберите нужный документ и откройте доступ. <br />
-          • Введите 6-значный код в поле «Код подтверждения». <br />
-          • Нажмите "Получить документ".<br /><br />
-          3. Через SMS: <br />
-          • Нажмите "Отправить код". <br />
-          • Введите полученный SMS-код. <br />
-          • Нажмите "Получить документ".<br /><br />
-          4. При ошибке нажмите <a href="javascript:void(0);" class="text-blue-600" @click.prevent="emit('updateDigitalDocuments')">обновить профиль</a><br />
+          1. {{ $appContextStore.t('selectDocumentType') }} <br /><br />
+          2. {{ $appContextStore.t('viaEGovMobileAndOtherApps') }}: <br />
+          • {{ $appContextStore.t('openDigitalDocumentsSection') }} <br />
+          • {{ $appContextStore.t('selectDocumentAndGrantAccess') }} <br />
+          • {{ $appContextStore.t('enter6DigitCodeInConfirmationField') }} <br />
+          • {{ $appContextStore.t('clickGetDocument') }} <br /><br />
+          3. {{ $appContextStore.t('viaSms') }}: <br />
+          • {{ $appContextStore.t('clickSendCode') }} <br />
+          • {{ $appContextStore.t('enterReceivedSmsCode') }} <br />
+          • {{ $appContextStore.t('clickGetDocument') }} <br /><br />
+          <template v-if="currentLocale === 'kz'">
+            4. Қате жағдайда <a href="javascript:void(0);" class="text-blue-600" @click.prevent="emit('updateDigitalDocuments')">профильді жаңартуды</a> басыңыз<br />
+          </template>
+          <template v-else>
+            4. При ошибке нажмите <a href="javascript:void(0);" class="text-blue-600" @click.prevent="emit('updateDigitalDocuments')">обновить профиль</a><br />
+          </template>
         </v-expansion-panel-text>
       </v-expansion-panel>
     </v-expansion-panels>
@@ -23,20 +28,27 @@
       <div class="digital-document-otp flex flex-col">
         <base-otp-input v-model="otpCode" @keyup.enter.prevent="otpCode.length === otpLength && emitGetCode()" />
         <span v-if="!loading && otpSendDisabled" class="text-center" :class="[$styles.mutedText]">
-          Введите код цифрового документа из <span class="underline underline-offset-2">eGov Mobile</span> или
-          <span class="underline underline-offset-2">банковского приложения</span>.
+          <template v-if="currentLocale === 'kz'">
+            <span class="underline underline-offset-2">eGov Mobile</span> немесе <span class="underline underline-offset-2">банк қосымшасынан</span> алынған цифрлық құжат кодын
+            енгізіңіз.
+          </template>
+          <template v-else>
+            Введите код цифрового документа из <span class="underline underline-offset-2">eGov Mobile</span> или
+            <span class="underline underline-offset-2">банковского приложения</span>.
+          </template>
         </span>
       </div>
     </div>
     <div class="w-full d-flex flex-col sm:flex-row gap-4">
-      <base-btn v-if="!otpSendDisabled" :disabled="loading" :loading="loading" :btn="$styles.whiteBorderBtn" text="Отправить SMS-код" @click="emitGetCode" />
-      <base-btn :disabled="loading" :loading="loading" text="Получить документ" @click="emitGetDocument" />
+      <base-btn v-if="!otpSendDisabled" :disabled="loading" :loading="loading" :btn="$styles.whiteBorderBtn" :text="$appContextStore.t('sendSmsCode')" @click="emitGetCode" />
+      <base-btn :disabled="loading" :loading="loading" :text="$appContextStore.t('getDocument')" @click="emitGetDocument" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import type { DigitalDocTypes } from '../../types';
+import { useI18n } from 'vue-i18n';
 
 const props = defineProps({
   documentItems: {
@@ -61,10 +73,11 @@ const emit = defineEmits(['getCode', 'getDigitalDocument', 'updateDigitalDocumen
 const dataStore = useDataStore();
 const documentType = ref<DigitalDocTypes | null>(null);
 const otpCode = ref<string>('');
+const appContextStore = useAppContextStore();
 
 const emitGetCode = () => {
   if (!documentType.value) {
-    showToaster('error', 'Выберите тип документа', 3000);
+    showToaster('error', appContextStore.t('selectDocumentType'), 3000);
     return;
   }
 
@@ -73,7 +86,7 @@ const emitGetCode = () => {
 
 const emitGetDocument = () => {
   if (!otpCode.value) {
-    showToaster('error', 'Введите код подтверждения', 3000);
+    showToaster('error', appContextStore.t('enterConfirmationCode'), 3000);
     return;
   }
 

package/components/Form/DigitalDocument.vue

@@ -6,7 +6,7 @@
       <base-panel-input
         v-if="!!member.digitalDocument"
         v-model="member.digitalDocument.fileName"
-        label="Цифровой документ"
+        :label="$appContextStore.t('digitalDocument')"
         :readonly="disabled"
         :clearable="!disabled"
         append-inner-icon="mdi mdi-chevron-right"
@@ -18,7 +18,7 @@
         :class="[$styles.whiteBg]"
         @click="$emit('openDigitalDocPanel', member.iin)"
       >
-        <p :class="[$styles.greyText]">Получить цифровой документ</p>
+        <p :class="[$styles.greyText]">{{ $appContextStore.t('getDigitalDocument') }}</p>
         <div class="cursor-pointer">
           <i class="mdi mdi-file-document text-xl" :class="[$styles.blueText]"></i>
         </div>

package/components/Input/Datepicker.vue

@@ -14,8 +14,8 @@
     :six-weeks="true"
     :min-date="minDate"
     :max-date="maxDate"
-    cancel-text="Отменить"
-    select-text="Выбрать"
+    :cancel-text="$appContextStore.t('buttons.cancel')"
+    :select-text="$appContextStore.t('choose')"
   >
     <template #trigger>
       <v-icon icon="mdi mdi-calendar-blank-outline cursor-pointer" />

package/components/Input/Monthpicker.vue

@@ -9,8 +9,8 @@
     format="MM.yyyy"
     :teleport="true"
     :close-on-scroll="true"
-    cancel-text="Отменить"
-    select-text="Выбрать"
+    :cancel-text="$appContextStore.t('buttons.cancel')"
+    :select-text="$appContextStore.t('choose')"
     @update:modelValue="$emit('update:modelValue', $event)"
   />
 </template>

package/components/Input/TextInput.vue

@@ -41,6 +41,7 @@ export default defineComponent({
   setup(props) {
     const mask = computed(() => (props.control.maska ? useMask()[props.control.maska] : ''));
     const dataStore = useDataStore();
+    const appContextStore = useAppContextStore();
 
     const textFieldProps = computed(() => {
       return {
@@ -61,8 +62,8 @@ export default defineComponent({
         clearable: false,
         disabled: props.control.disabled,
         readonly: props.control.readonly,
-        selectText: 'Выбрать',
-        cancelText: 'Закрыть',
+        selectText: appContextStore.t('choose'),
+        cancelText: appContextStore.t('buttons.close'),
         closeOnScroll: true,
         transitions: false,
         teleport: true,

package/components/Menu/MenuNav.vue

@@ -15,7 +15,7 @@
       @onMore="$emit('onMore')"
     />
     <slot key="slot-content" name="content"></slot>
-    <section key="main" class="max-h-[90dvh] overflow-y-scroll" :class="[$styles.flexColNav]">
+    <section key="main" class="flex-1 overflow-y-scroll pb-[14px]" :class="[$styles.flexColNav]">
       <slot name="start"></slot>
       <base-fade-transition>
         <div v-if="$dataStore.menuItems && $dataStore.menuItems.length" class="flex flex-col gap-[10px]">
@@ -108,6 +108,7 @@ export default defineComponent({
   setup(props, { emit }) {
     const dataStore = useDataStore();
     const router = useRouter();
+    const appContextStore = useAppContextStore();
 
     const pickItem = async (item: MenuItem) => {
       if (item.title !== dataStore.menu.selectedItem.title && !dataStore.filters.disabled(item)) {
@@ -115,7 +116,7 @@ export default defineComponent({
           if (item.link && 'name' in item.link) {
             await router.push(item.link as RouteLocationNormalized);
           } else {
-            showToaster('warning', 'Отсутствует ссылка для перехода');
+            showToaster('warning', appContextStore.t('missingRedirectLink'));
           }
         } else {
           emit('onLink', item);

package/components/Pages/Anketa.vue

@@ -1,5 +1,5 @@
 <template>
-  <section v-if="firstQuestionList && firstQuestionList.length && (isFirstPanelOnRight ? true : !firstPanel) && !secondPanel" class="flex flex-col shrink grow max-h-[85svh]">
+  <section v-if="firstQuestionList && firstQuestionList.length && (isFirstPanelOnRight ? true : !firstPanel) && !secondPanel" class="flex flex-col shrink grow h-full">
     <base-form-section v-if="$dataStore.isUnderwriter()" class="mx-[10px]">
       <base-rounded-select v-model="filterType" class="w-[200px]" :items="filterItems" :label="$appContextStore.t('labels.filter')" hide-details />
     </base-form-section>
@@ -12,7 +12,7 @@
         @clicked="handleToggler"
       />
     </section>
-    <v-form ref="vForm" class="grow shrink overflow-y-scroll" @submit="submitForm">
+    <v-form ref="vForm" class="grow shrink overflow-y-scroll flex-1" @submit="submitForm">
       <section
         v-if="firstQuestionList.filter(i => i.first.definedAnswers === 'N').length"
         :class="[$styles.blueBgLight, $styles.rounded]"
@@ -161,8 +161,7 @@
   <section
     ref="firstPanelSection"
     v-if="currentQuestion && currentQuestion.second && isFirstPanelOnRight ? false : firstPanel"
-    class="flex flex-col px-[10px] pb-[14px]"
-    :class="[$styles.scrollPage]"
+    class="flex flex-col px-[10px] pb-[70px] h-full overflow-y-auto"
   >
     <v-form
       v-if="currentQuestion"
@@ -195,10 +194,10 @@
         <base-panel-input
           v-else
           :class="[$styles.textTitle, $styles.greenText]"
-          :value="question.answerName ? question.answerName : 'Выбрать вариант ответа'"
+          :value="question.answerName ? question.answerName : $appContextStore.t('selectAnswerOption')"
           :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
           :clearable="false"
-          :error-messages="isSecondRequired ? (question.answerName ? [] : ['Выбрать вариант ответа']) : []"
+          :error-messages="isSecondRequired ? (question.answerName ? [] : [$appContextStore.t('selectAnswerOption')]) : []"
           @click="openSecondPanel(question)"
         ></base-panel-input>
       </base-form-text-section>
@@ -252,10 +251,10 @@
           <base-panel-input
             v-else
             :class="[$styles.greenText]"
-            :value="question.answerName ? question.answerName : 'Выбрать вариант ответа'"
+            :value="question.answerName ? question.answerName : $appContextStore.t('selectAnswerOption')"
             :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
             :clearable="false"
-            :error-messages="isSecondRequired ? (question.answerName ? [] : ['Выбрать вариант ответа']) : []"
+            :error-messages="isSecondRequired ? (question.answerName ? [] : [$appContextStore.t('selectAnswerOption')]) : []"
             @click="openSecondPanel(question)"
           />
         </base-form-text-section>
@@ -286,9 +285,9 @@ export default defineComponent({
     const secondPanel = ref<boolean>(false);
     const filterType = ref<'Иә/Да' | 'Жоқ/Нет' | null>(null);
     const filterItems = [
-      { title: 'Все', value: null },
-      { title: 'Только «Да»', value: 'Иә/Да' },
-      { title: 'Только «Нет»', value: 'Жоқ/Нет' },
+      { title: appContextStore.t('all'), value: null },
+      { title: appContextStore.t('onlyYes'), value: 'Иә/Да' },
+      { title: appContextStore.t('onlyNo'), value: 'Жоқ/Нет' },
     ];
     const surveyType = ref<'health' | 'critical'>('tab' in route.query && route.query.tab === 'criticalBase' ? 'critical' : 'health');
     const whichSurvey = computed(() =>

package/components/Pages/Auth.vue

@@ -156,18 +156,18 @@ export default defineComponent({
 
     const carouselItems = [
       {
-        title: 'Все полисы в один клик!',
-        subtitle: 'Мгновенный доступ к информации о ваших полисах',
+        title: appContextStore.t('allPoliciesInOneClick'),
+        subtitle: appContextStore.t('instantAccessToYourPoliciesInfo'),
         img: '/left-side-1.png',
       },
       {
-        title: 'Все полисы в один клик!',
-        subtitle: 'Мгновенный доступ к информации о ваших полисах',
+        title: appContextStore.t('allPoliciesInOneClick'),
+        subtitle: appContextStore.t('instantAccessToYourPoliciesInfo'),
         img: '/left-side-1.png',
       },
       {
-        title: 'Все полисы в один клик!',
-        subtitle: 'Мгновенный доступ к информации о ваших полисах',
+        title: appContextStore.t('allPoliciesInOneClick'),
+        subtitle: appContextStore.t('instantAccessToYourPoliciesInfo'),
         img: '/left-side-1.png',
       },
     ];

package/components/Pages/ContragentForm.vue

@@ -415,7 +415,7 @@ export default defineComponent({
       }
       const initialPoint = `${props.member.iin!.replaceAll('-', '')}.`;
       const RESPONSE = ESBDMessage(ESBDResponse, initialPoint);
-      let errorMessage = RESPONSE !== false ? RESPONSE : 'Что-то произошло не так';
+      let errorMessage = RESPONSE !== false ? RESPONSE : appContextStore.t('undefinedError');
       if (typeof ESBDResponse !== 'object' || ESBDResponse.errorCode !== 0) {
         appContextStore.isLoading = false;
         showToaster('error', errorMessage, 5000);

package/components/Pages/Documents.vue

@@ -3,12 +3,31 @@
     <section v-if="isSupportAttachmentSection" class="w-full px-[10px] pt-[14px]">
       <base-btn :disabled="documentLoading" :loading="documentLoading" text="Открыть панель вложения для Техподдержки" size="sm" @click="openSupportAttachPanel" />
     </section>
-    <base-form-section v-if="isUnderwriterDocuments" title="Загрузить документы для Андеррайтинга" class="mx-[10px] mt-[14px]">
+    <base-form-section v-if="isUnderwriterDocuments" :title="$appContextStore.t('uploadDocumentsForUnderwriting')" class="mx-[10px] mt-[14px]">
       <base-file-input :readonly="isDisabled || documentLoading" @input.prevent="onUnderFiles($event)" @onClear="onClearUnderFiles()" />
       <base-animation>
-        <base-btn v-if="underDocumentsList && underDocumentsList.length" :loading="documentLoading" text="Загрузить" size="sm" class="mt-3" @click="uploadUnderFiles" />
+        <base-btn
+          v-if="underDocumentsList && underDocumentsList.length"
+          :loading="documentLoading"
+          :text="$appContextStore.t('upload')"
+          size="sm"
+          class="mt-3"
+          @click="uploadUnderFiles"
+        />
       </base-animation>
     </base-form-section>
+    <base-form-section
+      v-if="
+        $appContextStore.isGons &&
+        $dataStore.isInitiator() &&
+        formStore.applicationData &&
+        (formStore.applicationData.statusCode === 'StartForm' || formStore.applicationData.statusCode === 'EditForm')
+      "
+      title="Загрузить документ подтверждающий степень родства"
+      class="mx-[10px] mt-[14px]"
+    >
+      <base-file-input :readonly="isDisabled || documentLoading" @input.prevent="uploadAdditionalFile($event, '53')" />
+    </base-form-section>
     <section class="w-full px-[10px] pt-[14px]" v-if="$appContextStore.isPension && formStore.hasRepresentative">
       <base-content-block :class="[$styles.textSimple]">
         <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
@@ -28,7 +47,10 @@
       <base-content-block v-if="showContract" :class="[$styles.textSimple]">
         <h5 class="text-center font-medium mb-4">{{ $appContextStore.t('labels.statements') }}</h5>
         <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">Заявления на {{ processCode === 19 || processCode === 25 ? 'страхование' : 'возврат' }}</span>
+          <span class="ml-2">
+            <template v-if="currentLocale === 'kz'">{{ processCode === 19 || processCode === 25 ? 'Сақтандыруға' : 'Қайтаруға' }} өтініш беру</template>
+            <template v-else>Заявления на {{ processCode === 19 || processCode === 25 ? 'страхование' : 'возврат' }}</template>
+          </span>
           <i
             class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
             :class="[$styles.greenTextHover]"
@@ -45,7 +67,10 @@
       <base-content-block v-if="showContract" :class="[$styles.textSimple]">
         <h5 class="text-center font-medium mb-4">{{ $appContextStore.t('labels.contract') }}</h5>
         <div :class="[$styles.whiteBg, $styles.rounded]" class="p-2 h-12 flex items-center relative">
-          <span class="ml-2">Договор {{ processCode === 19 || processCode === 25 ? 'страхования' : 'возврата' }}</span>
+          <span class="ml-2">
+            <template v-if="currentLocale === 'kz'">{{ processCode === 19 || processCode === 25 ? 'Сақтандыру' : 'Қайтару' }} шарты</template>
+            <template v-else>Договор {{ processCode === 19 || processCode === 25 ? 'страхования' : 'возврата' }}</template>
+          </span>
           <i
             class="transition-all cursor-pointer mdi mdi-tray-arrow-down pl-2 mr-3 border-l-[1px] text-xl absolute right-0"
             :class="[$styles.greenTextHover]"
@@ -137,7 +162,7 @@
           />
           <base-file-input
             v-if="!formStore.signedDocumentList.find(i => i.fileTypeCode === '9' && i.iin === String(member.iin).replaceAll('-', '')) && member.isDisability"
-            label="Справка об инвалидности"
+            :label="$appContextStore.t('disabilityCertificate')"
             :loading="$appContextStore.isLoading"
             @input="uploadAdditionalFile($event, '9', member.iin)"
           />
@@ -252,13 +277,13 @@
               v-if="currentDocument.fileName && currentDocument.fileName.includes('.') ? currentDocument.fileName.endsWith('.pdf') : true"
               :disabled="documentLoading"
               :loading="documentLoading"
-              text="Открыть"
+              :text="$appContextStore.t('buttons.open')"
               @click="getDoc('view')"
             />
           </base-animation>
-          <base-btn :disabled="documentLoading" :loading="documentLoading" text="Скачать" @click="getDoc('download', $dataStore.isSupport() ? downloadType : undefined)" />
+          <base-btn :disabled="documentLoading" :loading="documentLoading" :text="$appContextStore.t('download')" @click="getDoc('download', $dataStore.isSupport() ? downloadType : undefined)" />
           <base-animation>
-            <base-btn v-if="canDeleteFiles" :disabled="documentLoading" :loading="documentLoading" text="Удалить" @click="deletionDialog = true" />
+            <base-btn v-if="canDeleteFiles" :disabled="documentLoading" :loading="documentLoading" :text="$appContextStore.t('buttons.delete')" @click="deletionDialog = true" />
           </base-animation>
         </div>
       </base-fade-transition>
@@ -310,19 +335,26 @@
         <base-form-section class="!mt-0">
           <v-expansion-panels :flat="true">
             <v-expansion-panel class="digital-doc-info !rounded-[8px]">
-              <v-expansion-panel-title class="!text-[12px]"> Как получить цифровой документ: </v-expansion-panel-title>
+              <v-expansion-panel-title class="!text-[12px]">{{ $appContextStore.t('howToGetDigitalDocument') }}:</v-expansion-panel-title>
               <v-expansion-panel-text class="text-[12px] text-[#464f60]">
-                1. Выберите тип документа.<br /><br />
-                2. Через приложение eGov mobile и другие приложения: <br />
-                • Откройте раздел "Цифровые документы". <br />
-                • Выберите нужный документ и откройте доступ. <br />
-                • Введите 6-значный код в поле «Код подтверждения». <br />
-                • Нажмите "Получить документ".<br /><br />
-                3. Через SMS: <br />
-                • Нажмите "Отправить код". <br />
-                • Введите полученный SMS-код. <br />
-                • Нажмите "Получить документ".<br /><br />
-                4. При ошибке нажмите <a href="javascript:void(0);" class="text-blue-600" @click="memberStore.updateDigitalDocumentsProfile(currentIin)">обновить профиль</a><br />
+                1. {{ $appContextStore.t('selectDocumentType') }} <br /><br />
+                2. {{ $appContextStore.t('viaEGovMobileAndOtherApps') }}: <br />
+                • {{ $appContextStore.t('openDigitalDocumentsSection') }} <br />
+                • {{ $appContextStore.t('selectDocumentAndGrantAccess') }} <br />
+                • {{ $appContextStore.t('enter6DigitCodeInConfirmationField') }} <br />
+                • {{ $appContextStore.t('clickGetDocument') }} <br /><br />
+                3. {{ $appContextStore.t('viaSms') }}: <br />
+                • {{ $appContextStore.t('clickSendCode') }} <br />
+                • {{ $appContextStore.t('enterReceivedSmsCode') }} <br />
+                • {{ $appContextStore.t('clickGetDocument') }} <br /><br />
+                <template v-if="currentLocale === 'kz'">
+                  4. Қате жағдайда
+                  <a href="javascript:void(0);" class="text-blue-600" @click="memberStore.updateDigitalDocumentsProfile(currentIin)">профильді жаңартуды</a> басыңыз<br />
+                </template>
+                <template v-else>
+                  4. При ошибке нажмите <a href="javascript:void(0);" class="text-blue-600" @click="memberStore.updateDigitalDocumentsProfile(currentIin)">обновить профиль</a
+                  ><br />
+                </template>
               </v-expansion-panel-text>
             </v-expansion-panel>
           </v-expansion-panels>
@@ -337,13 +369,13 @@
             />
             <base-animation>
               <span v-if="!documentLoading" class="text-center cursor-pointer" :class="[$styles.mutedText]" @click="getCode"
-                >Не получили код? <span class="underline underline-offset-2">Отправить код заново</span></span
+                >{{ $appContextStore.t('didNotReceiveCode') }} <span class="underline underline-offset-2">{{ $appContextStore.t('resendCode') }}</span></span
               >
             </base-animation>
           </div>
         </div>
-        <base-btn :disabled="documentLoading" :loading="documentLoading" :btn="$styles.greenLightBtn" text="Отправить SMS-код" @click="getCode" />
-        <base-btn :disabled="documentLoading" :loading="documentLoading" text="Получить документ" @click="getDigitalDocument" />
+        <base-btn :disabled="documentLoading" :loading="documentLoading" :btn="$styles.greenLightBtn" :text="$appContextStore.t('sendSmsCode')" @click="getCode" />
+        <base-btn :disabled="documentLoading" :loading="documentLoading" :text="$appContextStore.t('getDocument')" @click="getDigitalDocument" />
       </div>
     </Teleport>
     <base-dialog
@@ -713,10 +745,10 @@ export default defineComponent({
       () => {
         if (document_list.value.length > 1 && unSignedList.value.length) {
           currentState.action = 'submit';
-          currentState.text = 'Все документы подписаны';
+          currentState.text = appContextStore.t('allDocumentsSigned');
         } else {
           currentState.action = 'upload';
-          currentState.text = 'Сохранить';
+          currentState.text = appContextStore.t('buttons.save');
         }
       },
       {
@@ -759,7 +791,7 @@ export default defineComponent({
 
     const getCode = async () => {
       if (!documentType.value) {
-        showToaster('error', 'Выберите тип документа', 3000);
+        showToaster('error', appContextStore.t('selectDocumentType'), 3000);
         return;
       }
       documentLoading.value = true;
@@ -772,11 +804,11 @@ export default defineComponent({
 
     const getDigitalDocument = async () => {
       if (!documentType.value) {
-        showToaster('error', 'Выберите тип документа', 3000);
+        showToaster('error', appContextStore.t('selectDocumentType'), 3000);
         return;
       }
       if (!otpCode.value) {
-        showToaster('error', 'Введите код подтверждения', 3000);
+        showToaster('error', appContextStore.t('enterConfirmationCode'), 3000);
         return;
       }
       documentLoading.value = true;