From dfe6fc5b46a7238ea749c03778ef5b6321185887 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Mon, 29 Apr 2024 14:38:01 +0500
Subject: [PATCH] translations added

---
 .../ImmediateCreditsStages/BorrowerInfo.js    | 293 ++++++++---------
 .../ImmediateCreditsStages/BorrowerStage.js   |   8 +-
 .../ImmediateCreditsStages/GuaranterInfo.js   | 303 ++++++++----------
 .../ImmediateCreditsStages/GuaranterStage.js  |   4 +-
 4 files changed, 272 insertions(+), 336 deletions(-)

diff --git a/src/components/ImmediateCreditsStages/BorrowerInfo.js b/src/components/ImmediateCreditsStages/BorrowerInfo.js
index 2ed8cf3..a2299a2 100644
--- a/src/components/ImmediateCreditsStages/BorrowerInfo.js
+++ b/src/components/ImmediateCreditsStages/BorrowerInfo.js
@@ -1,13 +1,13 @@
 // IMPORT MODULES
-import React, { useState, useContext } from "react";
-import { LanguageContext } from "../../backend/LanguageContext";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
+import React, { useState, useContext } from 'react';
+import { LanguageContext } from '../../backend/LanguageContext';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
 // IMPORT IMAGES
-import next from "../../icons/next.svg";
-import next_reverse from "../../icons/next-reverse.svg";
-import { UserContext } from "../../backend/UserContext";
+import next from '../../icons/next.svg';
+import next_reverse from '../../icons/next-reverse.svg';
+import { UserContext } from '../../backend/UserContext';
 // import arrow from "../../icons/arrow.svg";
 
 // const schema = z.object({
@@ -19,7 +19,7 @@ import { UserContext } from "../../backend/UserContext";
 //     .int()
 //     .gte(100000, { message: "Must be equal to 6 digits" })
 //     .lte(999999, { message: "Must be equal to 6 digits" }),
-//   bankAccount: z
+//   cardMaskNumber: z
 //     .number()
 //     .int()
 //     .gte(100000, { message: "Must be equal to 6 digits" })
@@ -46,14 +46,14 @@ const BorrowerInfo = ({
   } = useForm({
     // resolver: zodResolver(schema),
     defaultValues: {
-      name: borrowerData.name ? borrowerData.name : "Loading",
-      surname: borrowerData.surname ? borrowerData.surname : "loading",
-      lastname: borrowerData.lastname ? borrowerData.lastname : "loading",
-      passportSerial: borrowerData.idSeria ? borrowerData.idSeria : "Loading",
-      passportNumber: borrowerData.idNo ? borrowerData.idNo : "Loading",
-      bankAccount: borrowerData.accountNo ? borrowerData.accountNo : "Loading",
-      birthDate: borrowerData.birthDate ? borrowerData.birthDate : "Loading",
-      address: borrowerData.address ? borrowerData.address : "Loading",
+      name: borrowerData.name ? borrowerData.name : 'Loading',
+      surname: borrowerData.surname ? borrowerData.surname : 'loading',
+      lastname: borrowerData.lastname ? borrowerData.lastname : 'loading',
+      passportSerial: borrowerData.idSeria ? borrowerData.idSeria : 'Loading',
+      passportNumber: borrowerData.idNo ? borrowerData.idNo : 'Loading',
+      cardMaskNumber: borrowerData.cardMaskNumber ? borrowerData.cardMaskNumber : 'Loading',
+      birthDate: borrowerData.birthDate ? borrowerData.birthDate : 'Loading',
+      address: borrowerData.address ? borrowerData.address : 'Loading',
       phoneNumber: user.mobile_phone,
     },
   });
@@ -73,181 +73,157 @@ const BorrowerInfo = ({
     <section className="imm-cs-1 cs-1">
       <form onSubmit={handleSubmit(onSubmit)}>
         <h2 className="cs-2-title">
-          {locale === "TKM"
-            ? "Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!"
-            : locale === "РУС"
-            ? "Подтвердите указанные данные. В случае, если данные не верны или есть незаполненные поля, просим обратиться в Банк!"
-            : locale === "ENG"
-            ? "Confirm the provided information. If the data is incorrect or there are blank fields, please contact the Bank!"
-            : "Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!"}
+          {locale === 'TKM'
+            ? 'Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!'
+            : locale === 'РУС'
+            ? 'Подтвердите указанные данные. В случае, если данные не верны или есть незаполненные поля, просим обратиться в Банк!'
+            : locale === 'ENG'
+            ? 'Confirm the provided information. If the data is incorrect or there are blank fields, please contact the Bank!'
+            : 'Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!'}
         </h2>
         <div className="imm-credit-form-wrapper">
           <div className="input-block">
             <label htmlFor="name">
-              {locale === "TKM"
-                ? "Ady"
-                : locale === "РУС"
-                ? "Имя"
-                : locale === "ENG"
-                ? "Name"
-                : "Ady"}
+              {locale === 'TKM'
+                ? 'Ady'
+                : locale === 'РУС'
+                ? 'Имя'
+                : locale === 'ENG'
+                ? 'Name'
+                : 'Ady'}
             </label>
-            <input {...register("name")} type="text" id="name" disabled />
+            <input {...register('name')} type="text" id="name" disabled />
             {/* {errors.name && <span>{errors.name.message}</span>} */}
           </div>
 
           <div className="input-block">
             <label htmlFor="lastname">
-              {locale === "TKM"
-                ? "Familiýasy"
-                : locale === "РУС"
-                ? "Фамилия"
-                : locale === "ENG"
-                ? "Lastname"
-                : "Familiýasy"}
+              {locale === 'TKM'
+                ? 'Familiýasy'
+                : locale === 'РУС'
+                ? 'Фамилия'
+                : locale === 'ENG'
+                ? 'Lastname'
+                : 'Familiýasy'}
             </label>
-            <input
-              {...register("lastname")}
-              type="text"
-              id="lastname"
-              disabled
-            />
+            <input {...register('lastname')} type="text" id="lastname" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
 
           <div className="input-block">
             <label htmlFor="surname">
-              {locale === "TKM"
-                ? "Atasynyň ady"
-                : locale === "РУС"
-                ? "Отчество"
-                : locale === "ENG"
-                ? "Middle name"
-                : "Atasynyň ady"}
+              {locale === 'TKM'
+                ? 'Atasynyň ady'
+                : locale === 'РУС'
+                ? 'Отчество'
+                : locale === 'ENG'
+                ? 'Middle name'
+                : 'Atasynyň ady'}
             </label>
-            <input {...register("surname")} type="text" id="surname" disabled />
+            <input {...register('surname')} type="text" id="surname" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
           <div className="input-block">
             <label htmlFor="birthDate">
-              {locale === "TKM"
-                ? "Doglan senesi"
-                : locale === "РУС"
-                ? "Дата рождения"
-                : locale === "ENG"
-                ? "Date of birth"
-                : "Doglan senesi"}
+              {locale === 'TKM'
+                ? 'Doglan senesi'
+                : locale === 'РУС'
+                ? 'Дата рождения'
+                : locale === 'ENG'
+                ? 'Date of birth'
+                : 'Doglan senesi'}
             </label>
-            <input
-              {...register("birthDate")}
-              type="text"
-              id="birthDate"
-              disabled
-            />
+            <input {...register('birthDate')} type="text" id="birthDate" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
 
           <div className="input-block">
             <label htmlFor="passport-serial">
-              {locale === "TKM"
-                ? "Pasport seriýasy"
-                : locale === "РУС"
-                ? "Серия паспорта"
-                : locale === "ENG"
-                ? "Passport Series"
-                : "Pasport seriýasy"}
+              {locale === 'TKM'
+                ? 'Pasport seriýasy'
+                : locale === 'РУС'
+                ? 'Серия паспорта'
+                : locale === 'ENG'
+                ? 'Passport Series'
+                : 'Pasport seriýasy'}
             </label>
-            <input
-              {...register("passportSerial")}
-              type="text"
-              id="passport-serial"
-              disabled
-            />
-            {errors.passportSerial && (
-              <span>{errors.passportSerial.message}</span>
-            )}
+            <input {...register('passportSerial')} type="text" id="passport-serial" disabled />
+            {errors.passportSerial && <span>{errors.passportSerial.message}</span>}
           </div>
           <div className="input-block">
             <label htmlFor="passport-number">
-              {locale === "TKM"
-                ? "Pasport belgisi"
-                : locale === "РУС"
-                ? "Номер паспорта"
-                : locale === "ENG"
-                ? "Passport number"
-                : "Pasport belgisi"}
+              {locale === 'TKM'
+                ? 'Pasport belgisi'
+                : locale === 'РУС'
+                ? 'Номер паспорта'
+                : locale === 'ENG'
+                ? 'Passport number'
+                : 'Pasport belgisi'}
             </label>
             <input
-              {...register("passportNumber", { valueAsNumber: true })}
+              {...register('passportNumber', { valueAsNumber: true })}
               type="number"
               id="passport-number"
               disabled
             />
-            {errors.passportNumber && (
-              <span>{errors.passportNumber.message}</span>
-            )}
+            {errors.passportNumber && <span>{errors.passportNumber.message}</span>}
           </div>
 
           <div className="input-block">
             <label htmlFor="address">
-              {locale === "TKM"
-                ? "Ýaşaýan salgysy"
-                : locale === "РУС"
-                ? "Адрес прописки"
-                : locale === "ENG"
-                ? "Address of residence"
-                : "Ýaşaýan salgysy"}
+              {locale === 'TKM'
+                ? 'Ýaşaýan salgysy'
+                : locale === 'РУС'
+                ? 'Адрес прописки'
+                : locale === 'ENG'
+                ? 'Address of residence'
+                : 'Ýaşaýan salgysy'}
             </label>
-            <input {...register("address")} type="text" id="address" disabled />
+            <input {...register('address')} type="text" id="address" disabled />
           </div>
 
           <div className="input-block">
             <label htmlFor="bank-acc">
-              {locale === "TKM"
-                ? "Aýlyk kartyň hasaby"
-                : locale === "РУС"
-                ? "Счет зарплатной карты"
-                : locale === "ENG"
-                ? "Salary card account"
-                : "Aýlyk kartyň hasaby"}
+              {locale === 'TKM'
+                ? 'Bank kart belgisi'
+                : locale === 'РУС'
+                ? 'Номер банковсой карты'
+                : locale === 'ENG'
+                ? 'Bank card number'
+                : 'Bank kart belgisi'}
             </label>
             <input
-              {...register("bankAccount", { valueAsNumber: true })}
+              {...register('cardMaskNumber', { valueAsNumber: true })}
               type="number"
               id="bank-acc"
               disabled
             />
-            {errors.bankAccount && <span>{errors.bankAccount.message}</span>}
+            {errors.cardMaskNumber && <span>{errors.cardMaskNumber.message}</span>}
           </div>
           <div className="input-block">
             <label htmlFor="phone-number">
-              {locale === "TKM"
-                ? "Telefon belgisi"
-                : locale === "РУС"
-                ? "Номер телефона"
-                : locale === "ENG"
-                ? "Phone number"
-                : "Telefon belgisi"}
+              {locale === 'TKM'
+                ? 'Telefon belgisi'
+                : locale === 'РУС'
+                ? 'Номер телефона'
+                : locale === 'ENG'
+                ? 'Phone number'
+                : 'Telefon belgisi'}
             </label>
-            <input
-              disabled
-              type="text"
-              id="phone-number"
-              {...register("phoneNumber")}
-            />
+            <input disabled type="text" id="phone-number" {...register('phoneNumber')} />
 
             {errors.phoneNumber && <span>{errors.phoneNumber.message}</span>}
           </div>
 
           <div className="input-block">
             <label htmlFor="workPlace">
-              {locale === "TKM"
-                ? "Iş ýeriňizi dolduryň"
-                : locale === "РУС"
-                ? "Заполните место работы"
-                : locale === "ENG"
-                ? "Fill the place of work"
-                : "Iş ýeriňizi dolduryň"}
+              {locale === 'TKM'
+                ? 'Iş ýeriňizi dolduryň'
+                : locale === 'РУС'
+                ? 'Заполните место работы'
+                : locale === 'ENG'
+                ? 'Fill the place of work'
+                : 'Iş ýeriňizi dolduryň'}
               <span> *</span>
             </label>
             <input
@@ -260,13 +236,13 @@ const BorrowerInfo = ({
           </div>
           <div className="input-block">
             <label htmlFor="workPosition">
-              {locale === "TKM"
-                ? "Wezipäňizi dolduryň"
-                : locale === "РУС"
-                ? "Заполните должность"
-                : locale === "ENG"
-                ? "Fill the position"
-                : "Wezipäňizi dolduryň"}
+              {locale === 'TKM'
+                ? 'Wezipäňizi dolduryň'
+                : locale === 'РУС'
+                ? 'Заполните должность'
+                : locale === 'ENG'
+                ? 'Fill the position'
+                : 'Wezipäňizi dolduryň'}
               <span> *</span>
             </label>
             <input
@@ -280,45 +256,38 @@ const BorrowerInfo = ({
         </div>
 
         <div className="cu-bottom cd-2-title">
-          <button
-            type="button"
-            className="sign-btn reg-btn"
-            onClick={() => setStage(1)}
-          >
+          <button type="button" className="sign-btn reg-btn" onClick={() => setStage(1)}>
             <div>
               <div className="btn-img">
                 <img src={next_reverse} alt="logout" />
               </div>
               <h3>
-                {locale === "TKM"
-                  ? "Yza"
-                  : locale === "РУС"
-                  ? "Назад"
-                  : locale === "ENG"
-                  ? "Back"
-                  : "Yza"}
+                {locale === 'TKM'
+                  ? 'Yza'
+                  : locale === 'РУС'
+                  ? 'Назад'
+                  : locale === 'ENG'
+                  ? 'Back'
+                  : 'Yza'}
               </h3>
             </div>
           </button>
           <button
             type="button"
             disabled={
-              recipientWorkPosition.length < 3 || recipientWorkPlace.length < 3
-                ? true
-                : false
+              recipientWorkPosition.length < 3 || recipientWorkPlace.length < 3 ? true : false
             }
             className="sign-btn cu-btn"
-            onClick={() => (isGuranter ? setStage(4) : setStage(7))}
-          >
+            onClick={() => (isGuranter ? setStage(4) : setStage(7))}>
             <div>
               <h3>
-                {locale === "TKM"
-                  ? "Dowam et"
-                  : locale === "РУС"
-                  ? "Подтвердить  "
-                  : locale === "ENG"
-                  ? "Proceed"
-                  : "Dowam et"}
+                {locale === 'TKM'
+                  ? 'Dowam et'
+                  : locale === 'РУС'
+                  ? 'Подтвердить  '
+                  : locale === 'ENG'
+                  ? 'Proceed'
+                  : 'Dowam et'}
               </h3>
               <div className="btn-img">
                 <img src={next} alt="logout" />
@@ -329,7 +298,7 @@ const BorrowerInfo = ({
       </form>
     </section>
   ) : (
-    "Loading"
+    'Loading'
   );
 };
 
diff --git a/src/components/ImmediateCreditsStages/BorrowerStage.js b/src/components/ImmediateCreditsStages/BorrowerStage.js
index ed26fec..a9cff84 100644
--- a/src/components/ImmediateCreditsStages/BorrowerStage.js
+++ b/src/components/ImmediateCreditsStages/BorrowerStage.js
@@ -245,12 +245,12 @@ const BorrowerStage = ({
           <div className="input-block">
             <label htmlFor="bank-acc">
               {locale === 'TKM'
-                ? 'Aýlyk kartyň hasaby'
+                ? 'Bank kart belgisi'
                 : locale === 'РУС'
-                ? 'Счет зарплатной карты'
+                ? 'Номер банковсой карты'
                 : locale === 'ENG'
-                ? 'Salary card account'
-                : 'Aýlyk kartyň hasaby'}
+                ? 'Bank card number'
+                : 'Bank kart belgisi'}
             </label>
             <input
               // {...register("bankAccount", { valueAsNumber: true })}
diff --git a/src/components/ImmediateCreditsStages/GuaranterInfo.js b/src/components/ImmediateCreditsStages/GuaranterInfo.js
index c4c447c..c8fb7a8 100644
--- a/src/components/ImmediateCreditsStages/GuaranterInfo.js
+++ b/src/components/ImmediateCreditsStages/GuaranterInfo.js
@@ -1,12 +1,12 @@
 // IMPORT MODULES
-import React, { useState, useContext } from "react";
-import { LanguageContext } from "../../backend/LanguageContext";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-import { zodResolver } from "@hookform/resolvers/zod";
+import React, { useState, useContext } from 'react';
+import { LanguageContext } from '../../backend/LanguageContext';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
 // IMPORT IMAGES
-import next from "../../icons/next.svg";
-import next_reverse from "../../icons/next-reverse.svg";
+import next from '../../icons/next.svg';
+import next_reverse from '../../icons/next-reverse.svg';
 // import arrow from "../../icons/arrow.svg";
 
 const schema = z.object({
@@ -16,13 +16,13 @@ const schema = z.object({
   passportNumber: z
     .number()
     .int()
-    .gte(100000, { message: "Must be equal to 6 digits" })
-    .lte(999999, { message: "Must be equal to 6 digits" }),
-  bankAccount: z
+    .gte(100000, { message: 'Must be equal to 6 digits' })
+    .lte(999999, { message: 'Must be equal to 6 digits' }),
+  cardMaskNumber: z
     .number()
     .int()
-    .gte(100000, { message: "Must be equal to 6 digits" })
-    .lte(999999, { message: "Must be equal to 6 digits" }),
+    .gte(100000, { message: 'Must be equal to 6 digits' })
+    .lte(999999, { message: 'Must be equal to 6 digits' }),
   // clientType: z.string(),
 });
 
@@ -36,17 +36,15 @@ const GuaranterInfo = ({ setStage, isGuranter, guaranterData }) => {
   } = useForm({
     resolver: zodResolver(schema),
     defaultValues: {
-      name: guaranterData.name ? guaranterData.name : "Loading",
-      surname: guaranterData.surname ? guaranterData.surname : "loading",
-      lastname: guaranterData.lastname ? guaranterData.lastname : "loading",
+      name: guaranterData.name ? guaranterData.name : 'Loading',
+      surname: guaranterData.surname ? guaranterData.surname : 'loading',
+      lastname: guaranterData.lastname ? guaranterData.lastname : 'loading',
 
-      passportSerial: guaranterData.idSeria ? guaranterData.idSeria : "Loading",
-      passportNumber: guaranterData.idNo ? guaranterData.idNo : "Loading",
-      bankAccount: guaranterData.accountNo
-        ? guaranterData.accountNo
-        : "Loading",
-      birthDate: guaranterData.birthDate ? guaranterData.birthDate : "Loading",
-      address: guaranterData.address ? guaranterData.address : "Loading",
+      passportSerial: guaranterData.idSeria ? guaranterData.idSeria : 'Loading',
+      passportNumber: guaranterData.idNo ? guaranterData.idNo : 'Loading',
+      cardMaskNumber: guaranterData.accountNo ? guaranterData.accountNo : 'Loading',
+      birthDate: guaranterData.birthDate ? guaranterData.birthDate : 'Loading',
+      address: guaranterData.address ? guaranterData.address : 'Loading',
     },
   });
 
@@ -58,235 +56,204 @@ const GuaranterInfo = ({ setStage, isGuranter, guaranterData }) => {
     <section className="imm-cs-1 cs-1">
       <form onSubmit={handleSubmit(onSubmit)}>
         <h2 className="cs-2-title">
-          {locale === "TKM"
-            ? "Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň"
-            : locale === "РУС"
-            ? "Подтвердите предоставленную заёмщиком информацию. В случае, если данные не верны или есть незаполненные поля, просим обратиться в Банк!"
-            : locale === "ENG"
-            ? "Confirm the information provided by the guarantor. If the data is incorrect or there are blank fields, please contact the Bank!"
-            : "Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň"}
+          {locale === 'TKM'
+            ? 'Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň'
+            : locale === 'РУС'
+            ? 'Подтвердите предоставленную заёмщиком информацию. В случае, если данные не верны или есть незаполненные поля, просим обратиться в Банк!'
+            : locale === 'ENG'
+            ? 'Confirm the information provided by the guarantor. If the data is incorrect or there are blank fields, please contact the Bank!'
+            : 'Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň'}
         </h2>
         <div className="imm-credit-form-wrapper">
           <div className="input-block">
             <label htmlFor="name">
-              {locale === "TKM"
-                ? "Ady"
-                : locale === "РУС"
-                ? "Имя"
-                : locale === "ENG"
-                ? "Name"
-                : "Ady"}
+              {locale === 'TKM'
+                ? 'Ady'
+                : locale === 'РУС'
+                ? 'Имя'
+                : locale === 'ENG'
+                ? 'Name'
+                : 'Ady'}
             </label>
-            <input {...register("name")} type="text" id="name" disabled />
+            <input {...register('name')} type="text" id="name" disabled />
             {/* {errors.name && <span>{errors.name.message}</span>} */}
           </div>
 
           <div className="input-block">
             <label htmlFor="lastname">
-              {locale === "TKM"
-                ? "Familiýa"
-                : locale === "РУС"
-                ? "Фамилия"
-                : locale === "ENG"
-                ? "Lastname"
-                : "Familiýa"}
+              {locale === 'TKM'
+                ? 'Familiýa'
+                : locale === 'РУС'
+                ? 'Фамилия'
+                : locale === 'ENG'
+                ? 'Lastname'
+                : 'Familiýa'}
             </label>
-            <input
-              {...register("lastname")}
-              type="text"
-              id="lastname"
-              disabled
-            />
+            <input {...register('lastname')} type="text" id="lastname" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
 
           <div className="input-block">
             <label htmlFor="surname">
-              {locale === "TKM"
-                ? "Atasynyň ady"
-                : locale === "РУС"
-                ? "Отчество"
-                : locale === "ENG"
-                ? "Middle name"
-                : "Atasynyň ady"}
+              {locale === 'TKM'
+                ? 'Atasynyň ady'
+                : locale === 'РУС'
+                ? 'Отчество'
+                : locale === 'ENG'
+                ? 'Middle name'
+                : 'Atasynyň ady'}
             </label>
-            <input {...register("surname")} type="text" id="surname" disabled />
+            <input {...register('surname')} type="text" id="surname" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
           <div className="input-block">
             <label htmlFor="birthDate">
-              {locale === "TKM"
-                ? "Doglan senesi"
-                : locale === "РУС"
-                ? "Дата рождения"
-                : locale === "ENG"
-                ? "Date of birth"
-                : "Doglan senesi"}
+              {locale === 'TKM'
+                ? 'Doglan senesi'
+                : locale === 'РУС'
+                ? 'Дата рождения'
+                : locale === 'ENG'
+                ? 'Date of birth'
+                : 'Doglan senesi'}
             </label>
-            <input
-              {...register("birthDate")}
-              type="text"
-              id="birthDate"
-              disabled
-            />
+            <input {...register('birthDate')} type="text" id="birthDate" disabled />
             {/* {errors.surname && <span>{errors.surname.message}</span>} */}
           </div>
           <div className="input-block">
             <label htmlFor="passport-serial">
-              {locale === "TKM"
-                ? "Pasportyň seriýasy"
-                : locale === "РУС"
-                ? "Серия паспорта"
-                : locale === "ENG"
-                ? "Passport Series"
-                : "Pasportyň seriýasy"}
+              {locale === 'TKM'
+                ? 'Pasportyň seriýasy'
+                : locale === 'РУС'
+                ? 'Серия паспорта'
+                : locale === 'ENG'
+                ? 'Passport Series'
+                : 'Pasportyň seriýasy'}
             </label>
-            <input
-              {...register("passportSerial")}
-              type="text"
-              id="passport-serial"
-              disabled
-            />
-            {errors.passportSerial && (
-              <span>{errors.passportSerial.message}</span>
-            )}
+            <input {...register('passportSerial')} type="text" id="passport-serial" disabled />
+            {errors.passportSerial && <span>{errors.passportSerial.message}</span>}
           </div>
           <div className="input-block">
             <label htmlFor="passport-number">
-              {locale === "TKM"
-                ? "Pasportyň belgisi"
-                : locale === "РУС"
-                ? "Номер паспорта"
-                : locale === "ENG"
-                ? "Passport number"
-                : "Pasportyň belgisi"}
+              {locale === 'TKM'
+                ? 'Pasportyň belgisi'
+                : locale === 'РУС'
+                ? 'Номер паспорта'
+                : locale === 'ENG'
+                ? 'Passport number'
+                : 'Pasportyň belgisi'}
             </label>
             <input
-              {...register("passportNumber", { valueAsNumber: true })}
+              {...register('passportNumber', { valueAsNumber: true })}
               type="number"
               id="passport-number"
               disabled
             />
-            {errors.passportNumber && (
-              <span>{errors.passportNumber.message}</span>
-            )}
+            {errors.passportNumber && <span>{errors.passportNumber.message}</span>}
           </div>
 
           <div className="input-block">
             <label htmlFor="address">
-              {locale === "TKM"
-                ? "Ýaşaýan salgysy"
-                : locale === "РУС"
-                ? "Адрес прописки"
-                : locale === "ENG"
-                ? "Address of residence"
-                : "Ýaşaýan salgysy"}
+              {locale === 'TKM'
+                ? 'Ýaşaýan salgysy'
+                : locale === 'РУС'
+                ? 'Адрес прописки'
+                : locale === 'ENG'
+                ? 'Address of residence'
+                : 'Ýaşaýan salgysy'}
             </label>
-            <input {...register("address")} type="text" id="address" disabled />
+            <input {...register('address')} type="text" id="address" disabled />
           </div>
 
           <div className="input-block">
             <label htmlFor="bank-acc">
-              {locale === "TKM"
-                ? "Aýlyk kartyň hasaby"
-                : locale === "РУС"
-                ? "Счет зарплатной карты"
-                : locale === "ENG"
-                ? "Salary card account"
-                : "Aýlyk kartyň hasaby"}
+              {locale === 'TKM'
+                ? 'Bank kartyň belgisi'
+                : locale === 'РУС'
+                ? 'Номер банковсой карты'
+                : locale === 'ENG'
+                ? 'Bank card number'
+                : 'Bank kartyň belgisi'}
             </label>
             <input
-              {...register("bankAccount", { valueAsNumber: true })}
+              {...register('cardMaskNumber', { valueAsNumber: true })}
               type="number"
               id="bank-acc"
               disabled
             />
-            {errors.bankAccount && <span>{errors.bankAccount.message}</span>}
+            {errors.cardMaskNumber && <span>{errors.cardMaskNumber.message}</span>}
           </div>
 
           <div className="input-block input-block-hidden">
             <label htmlFor="bank-acc">
-              {locale === "TKM"
-                ? "Aýlyk kartyň hasaby"
-                : locale === "РУС"
-                ? "Счет зарплатной карты"
-                : locale === "ENG"
-                ? "Salary card account"
-                : "Aýlyk kartyň hasaby"}
+              {locale === 'TKM'
+                ? 'Bank kartyň belgisi'
+                : locale === 'РУС'
+                ? 'Номер банковсой карты'
+                : locale === 'ENG'
+                ? 'Bank card number'
+                : 'Bank kartyň belgisi'}
             </label>
             <input
-              {...register("bankAccount", { valueAsNumber: true })}
+              {...register('cardMaskNumber', { valueAsNumber: true })}
               type="number"
               id="bank-acc"
               disabled
             />
-            {errors.bankAccount && <span>{errors.bankAccount.message}</span>}
+            {errors.cardMaskNumber && <span>{errors.cardMaskNumber.message}</span>}
           </div>
 
           <div className="input-block">
             <label htmlFor="workPlace">
-              {locale === "TKM"
-                ? "Iş ýeriňizi dolduryň"
-                : locale === "РУС"
-                ? "Заполните место работы"
-                : locale === "ENG"
-                ? "Fill the place of work"
-                : "Iş ýeriňizi dolduryň"}
+              {locale === 'TKM'
+                ? 'Iş ýeriňizi dolduryň'
+                : locale === 'РУС'
+                ? 'Заполните место работы'
+                : locale === 'ENG'
+                ? 'Fill the place of work'
+                : 'Iş ýeriňizi dolduryň'}
             </label>
-            <input type="text" id="workPlace" {...register("workPlace")} />
+            <input type="text" id="workPlace" {...register('workPlace')} />
           </div>
           <div className="input-block">
             <label htmlFor="workPosition">
-              {locale === "TKM"
-                ? "Wezipäňizi dolduryň"
-                : locale === "РУС"
-                ? "Заполните должность"
-                : locale === "ENG"
-                ? "Fill the position"
-                : "Wezipäňizi dolduryň"}
+              {locale === 'TKM'
+                ? 'Wezipäňizi dolduryň'
+                : locale === 'РУС'
+                ? 'Заполните должность'
+                : locale === 'ENG'
+                ? 'Fill the position'
+                : 'Wezipäňizi dolduryň'}
             </label>
-            <input
-              type="text"
-              id="workPosition"
-              {...register("workPosition")}
-            />
+            <input type="text" id="workPosition" {...register('workPosition')} />
           </div>
         </div>
         <div className="cu-bottom cd-2-title">
-          <button
-            type="button"
-            className="sign-btn reg-btn"
-            onClick={() => setStage(4)}
-          >
+          <button type="button" className="sign-btn reg-btn" onClick={() => setStage(4)}>
             <div>
               <div className="btn-img">
                 <img src={next_reverse} alt="logout" />
               </div>
               <h3>
-                {locale === "TKM"
-                  ? "Yza"
-                  : locale === "РУС"
-                  ? "Назад"
-                  : locale === "ENG"
-                  ? "Back"
-                  : "Yza"}
+                {locale === 'TKM'
+                  ? 'Yza'
+                  : locale === 'РУС'
+                  ? 'Назад'
+                  : locale === 'ENG'
+                  ? 'Back'
+                  : 'Yza'}
               </h3>
             </div>
           </button>
-          <button
-            type="button"
-            className="sign-btn cu-btn"
-            onClick={() => setStage(7)}
-          >
+          <button type="button" className="sign-btn cu-btn" onClick={() => setStage(7)}>
             <div>
               <h3>
-                {locale === "TKM"
-                  ? "Dowam et"
-                  : locale === "РУС"
-                  ? "Подтвердить  "
-                  : locale === "ENG"
-                  ? "Proceed"
-                  : "Dowam et"}
+                {locale === 'TKM'
+                  ? 'Dowam et'
+                  : locale === 'РУС'
+                  ? 'Подтвердить  '
+                  : locale === 'ENG'
+                  ? 'Proceed'
+                  : 'Dowam et'}
               </h3>
               <div className="btn-img">
                 <img src={next} alt="logout" />
diff --git a/src/components/ImmediateCreditsStages/GuaranterStage.js b/src/components/ImmediateCreditsStages/GuaranterStage.js
index c0a629e..a2650d5 100644
--- a/src/components/ImmediateCreditsStages/GuaranterStage.js
+++ b/src/components/ImmediateCreditsStages/GuaranterStage.js
@@ -218,9 +218,9 @@ const GuaranterStage = ({
               {locale === 'TKM'
                 ? 'Aýlyk kartyň hasaby'
                 : locale === 'РУС'
-                ? 'Счет зарплатной карты'
+                ? 'Номер банковсой карты'
                 : locale === 'ENG'
-                ? 'Salary card account'
+                ? 'Bank card number'
                 : 'Aýlyk kartyň hasaby'}
             </label>
             <input