delete closo modal on captcha

luckydiamond/src/components/PaymentsModal.vue

@@ -16,7 +16,12 @@
       >
         <h3>Сумма пополнения</h3>
         <img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" />
-        <input :class="{ 'animate-start-btn' : errorDeposit }" class="deposit-amount__input" v-model="amount" type="number" />
+        <input
+          :class="{ 'animate-start-btn': errorDeposit }"
+          class="deposit-amount__input"
+          v-model="amount"
+          type="number"
+        />
         <div class="deposit-btns">
           <ul class="display-btns btns-style-diamonds">
             <li v-for="(number, index) in PaymentsModalNumbers" :key="index">
@@ -33,21 +38,36 @@
           </ul>
         </div>
         <div v-if="showPromocodeStatus" class="error-promocode">
-          <h2 v-if="errorPromocode" class="error-text__promocode">{{ promoResponse }}</h2>
-          <h2 v-else class="correct-text__promocode">Промокод успешно применён</h2>
+          <h2 v-if="errorPromocode" class="error-text__promocode">
+            {{ promoResponse }}
+          </h2>
+          <h2 v-else class="correct-text__promocode">
+            Промокод успешно применён
+          </h2>
         </div>
         <div class="deposit-promocode deposit-promocode__padding--input">
           <h3>Промокод</h3>
           <div class="promokods">
-            <input @focusout="checkValidationPromocode" v-model="promocode" class="promo-input" type="text" />
-            <button class="vvod_promocoda" @click="handleApplyPromoCode">Ввод</button>
+            <input
+              @focusout="checkValidationPromocode"
+              v-model="promocode"
+              class="promo-input"
+              type="text"
+            />
+            <button class="vvod_promocoda" @click="handleApplyPromoCode">
+              Ввод
+            </button>
           </div>
         </div>
         <div class="error-checkbox" v-if="errorAgree">
           <h2>Подтвердите согласие!</h2>
         </div>
         <div class="deposit-checkbox checkbox-styles">
-          <input @click="agreeUser = !agreeUser" type="checkbox" :class="{ 'animate-start-btn' : errorAgree }" />
+          <input
+            @click="agreeUser = !agreeUser"
+            type="checkbox"
+            :class="{ 'animate-start-btn': errorAgree }"
+          />
           <h3>Я согласен с пользовательским соглашением.</h3>
         </div>
         <div
@@ -56,12 +76,7 @@
           <p>
             Вы подтверждаете правильность введенных данных при создании вывода.
           </p>
-          <button
-            type="submit"
-            @click="RedirectedMethodDep"
-          >
-            Пополнить
-          </button>
+          <button type="submit" @click="RedirectedMethodDep">Пополнить</button>
           <p>
             Перед пополнение прочитайте политику конфиденциальности и
             пользовательское соглашение.
@@ -76,26 +91,40 @@
       <div class="count-withdraw deposit-icon-diamond">
         <h3>Сумма вывода</h3>
         <img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" />
-        <input :class="{ 'animate-start-btn' : errorDeposit }" class="with-input" v-model="amountWithdraw" type="number" />
+        <input
+          :class="{ 'animate-start-btn': errorDeposit }"
+          class="with-input"
+          v-model="amountWithdraw"
+          type="number"
+        />
       </div>
       <div class="error-card" v-if="errorCard">
         <h2>Ошибка с вводом карты</h2>
       </div>
       <div class="number-card deposit-promocode__padding--input">
         <h3>Введите номер карты</h3>
-        <input :class="{ 'animate-start-btn' : errorCard }" class="with-input" v-model="card" type="text" />
+        <input
+          :class="{ 'animate-start-btn': errorCard }"
+          class="with-input"
+          v-model="card"
+          type="text"
+        />
       </div>
       <div class="error-checkbox" v-if="errorAgree">
         <h2>Подтвердите согласие!</h2>
       </div>
       <div class="withdraw-checkbox checkbox-styles">
-        <input @click="agreeUser = !agreeUser" type="checkbox"/>
+        <input @click="agreeUser = !agreeUser" type="checkbox" />
         <h3>Я согласен с пользовательским соглашением.</h3>
       </div>
       <div class="error-captcha" v-if="errorCaptcha && agreeUser === true">
         <h2>Пройдите проверку!</h2>
       </div>
-      <captcha-component @captchatokendata="claimCaptchaToken" :showcaptcha="agreeUser" @captchadata="closeModal"></captcha-component>
+      <captcha-component
+        @captchatokendata="claimCaptchaToken"
+        :showcaptcha="agreeUser"
+      ></captcha-component>
+      <!-- <captcha-component @captchatokendata="claimCaptchaToken" :showcaptcha="agreeUser" @captchadata="closeModal"></captcha-component> -->
       <div
         class="btn-withdraw btn-text-style btn-display-deposit btn-style-payments"
       >
@@ -117,16 +146,26 @@
 <script>
 import "@/assets/css/ComponentsStyles/payments-modal.css";
 import PaymentsModalNumbers from "@/mocks/PaymentsModalNumbers";
-import { GettingMoneyOperation, WithdrawMoneyOperation } from "@/assets/js/moneyoperation/Claimmoney";
+import {
+  GettingMoneyOperation,
+  WithdrawMoneyOperation,
+} from "@/assets/js/moneyoperation/Claimmoney";
 import CaptchaComponent from "@/components/CaptchaComponent.vue";
 
+import { eventBus } from "@/main";
 
-import {eventBus} from "@/main";
-
-import { useVuelidate } from '@vuelidate/core'
-import {maxValue, minValue, required, numeric, integer, minLength, maxLength} from "@vuelidate/validators";
-import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
-import {GetCookie} from "@/assets/js/storage/CookieStorage";
+import { useVuelidate } from "@vuelidate/core";
+import {
+  maxValue,
+  minValue,
+  required,
+  numeric,
+  integer,
+  minLength,
+  maxLength,
+} from "@vuelidate/validators";
+import { GetCurrentMoney } from "@/assets/js/rest/RestMethods";
+import { GetCookie } from "@/assets/js/storage/CookieStorage";
 import { ApplyPromoCode } from "@/assets/js/rest/RestMethods.js"; // Замените на правильный путь к файлу с функцией ApplyPromoCode
 
 export default {
@@ -137,9 +176,9 @@ export default {
       amount: 0,
       amountWithdraw: 0,
       balance: 0,
-      card: '',
-      promocode: '',
-      promocodeBase: ['ANTI-GRIF'],
+      card: "",
+      promocode: "",
+      promocodeBase: ["ANTI-GRIF"],
       errorPromocode: false,
       showPromocodeStatus: false,
       errorAgree: false,
@@ -153,65 +192,77 @@ export default {
         amountsaving: true,
         cardsaving: false,
         agreesaving: false,
-        captchatokensaving: false
+        captchatokensaving: false,
       },
       agreeUser: false,
       PaymentsModalNumbers,
     };
   },
   created() {
-    GetCurrentMoney(GetCookie("AUTHTOKEN"), GetCookie("SearchToken"))
-        .then(response => {
-          this.balance = response.currentMoney
-        })
+    GetCurrentMoney(GetCookie("AUTHTOKEN"), GetCookie("SearchToken")).then(
+      (response) => {
+        this.balance = response.currentMoney;
+      }
+    );
   },
   setup() {
-    return { v$: useVuelidate() }
+    return { v$: useVuelidate() };
   },
   validations() {
     return {
       amount: { required, numeric, minValue: minValue(1), integer },
-      amountWithdraw: { required, numeric, minValue: minValue(1), maxValue: maxValue(this.balance), integer },
-      card: { required, numeric, minLength: minLength(5), maxLength: maxLength(5), integer }
-    }
+      amountWithdraw: {
+        required,
+        numeric,
+        minValue: minValue(1),
+        maxValue: maxValue(this.balance),
+        integer,
+      },
+      card: {
+        required,
+        numeric,
+        minLength: minLength(5),
+        maxLength: maxLength(5),
+        integer,
+      },
+    };
   },
   watch: {
     amount(DepositCount) {
-      console.log(DepositCount)
+      console.log(DepositCount);
       if (![1, 5, 10, 50, 100, 1000].includes(DepositCount)) {
-        this.clickedBtn = null
-      }
-      else {
-        let index
+        this.clickedBtn = null;
+      } else {
+        let index;
         switch (DepositCount) {
           case 1:
-            index = 0
-            break
+            index = 0;
+            break;
           case 5:
-            index = 1
-            break
+            index = 1;
+            break;
           case 10:
-            index = 2
-            break
+            index = 2;
+            break;
           case 50:
-            index = 3
-            break
+            index = 3;
+            break;
           case 100:
-            index = 4
-            break
+            index = 4;
+            break;
           case 1000:
-            index = 5
-            break
+            index = 5;
+            break;
         }
-        this.clickedBtnChoice(index, DepositCount)
+        this.clickedBtnChoice(index, DepositCount);
       }
     },
     completeValidtaion: {
       handler() {
-        this.completeValidationCheck()
+        this.completeValidationCheck();
+      },
+      deep: true,
     },
-      deep: true
-    }
   },
   methods: {
     closeModal() {
@@ -222,7 +273,7 @@ export default {
     //   this.showPromocodeStatus = true
     // },
     completeValidationCheck() {
-      this.offBtn = true
+      this.offBtn = true;
 
       if (
         this.completeValidtaion.amountsaving &&
@@ -230,68 +281,62 @@ export default {
         this.completeValidtaion.agreesaving &&
         this.completeValidtaion.captchatokensaving
       ) {
-        this.offBtn = false
+        this.offBtn = false;
       }
     },
     claimCaptchaToken(Token) {
-      this.captchaToken = Token
-      this.completeValidtaion.captchatokensaving = true
+      this.captchaToken = Token;
+      this.completeValidtaion.captchatokensaving = true;
     },
     async handleApplyPromoCode() {
       const authToken = GetCookie("AUTHTOKEN");
       const searchToken = GetCookie("SearchToken");
 
       try {
-    const response = await ApplyPromoCode(authToken, searchToken, this.promocode);
+        const response = await ApplyPromoCode(
+          authToken,
+          searchToken,
+          this.promocode
+        );
 
         console.log(response);
 
-    if (response === 'Promo dont exist.')
-    {
+        if (response === "Promo dont exist.") {
           this.showPromocodeStatus = true;
           this.errorPromocode = true;
-      this.promoResponse = 'Промокод не найден';
-    } 
-    else if(response === 'promotional code has expired')
-    {
+          this.promoResponse = "Промокод не найден";
+        } else if (response === "promotional code has expired") {
           this.showPromocodeStatus = true;
           this.errorPromocode = true;
-      this.promoResponse = 'Не действителен';
-    }
-    else if(response === 'User is alredy use the promo')
-    {
+          this.promoResponse = "Не действителен";
+        } else if (response === "User is alredy use the promo") {
           this.showPromocodeStatus = true;
           this.errorPromocode = true;
-      this.promoResponse = 'Уже использован';
-    }
-    else
-    {
+          this.promoResponse = "Уже использован";
+        } else {
           this.showPromocodeStatus = true;
           this.errorPromocode = false;
           this.promoResponse = response;
         }
-
-  } 
-  catch (error)
-  {
+      } catch (error) {
         console.error("Ошибка при применении промокода:", error);
       }
-},
+    },
     async RedirectedMethodDep() {
-      this.v$.$touch()
+      this.v$.$touch();
 
       if (this.v$.amount.$error) {
-        this.errorDeposit = true
+        this.errorDeposit = true;
 
         setTimeout(() => {
-          this.errorDeposit = false
-        }, 1500)
+          this.errorDeposit = false;
+        }, 1500);
       }
       if (this.agreeUser !== true) {
-        this.errorAgree = true
+        this.errorAgree = true;
         setTimeout(() => {
-          this.errorAgree = false
-        }, 1500)
+          this.errorAgree = false;
+        }, 1500);
       }
       if (!this.v$.amount.$error && this.agreeUser === true) {
         try {
@@ -300,7 +345,7 @@ export default {
             this.url = response;
             this.offBtn = false;
 
-            window.location.href = this.url
+            window.location.href = this.url;
           });
         } catch (e) {
           console.error("Error in PaymentModal!", e);
@@ -308,54 +353,61 @@ export default {
       }
     },
     async RedirectedMethodTransferMoneyToSp() {
-      this.v$.$touch()
+      this.v$.$touch();
 
       if (this.v$.amountWithdraw.$error) {
-        this.errorDeposit = true
+        this.errorDeposit = true;
 
         setTimeout(() => {
-          this.errorDeposit = false
-        }, 1500)
+          this.errorDeposit = false;
+        }, 1500);
       }
       if (this.v$.card.$error) {
-        this.errorCard = true
+        this.errorCard = true;
 
         setTimeout(() => {
-          this.errorCard = false
-        }, 1500)
+          this.errorCard = false;
+        }, 1500);
       }
       if (this.agreeUser !== true) {
-        this.errorAgree = true
+        this.errorAgree = true;
 
         setTimeout(() => {
-          this.errorAgree = false
-        }, 1500)
+          this.errorAgree = false;
+        }, 1500);
       }
       if (this.captchaToken === null) {
-        this.errorCaptcha = true
+        this.errorCaptcha = true;
 
         setTimeout(() => {
-          this.errorCaptcha = false
-        }, 1500)
+          this.errorCaptcha = false;
+        }, 1500);
       }
-      if (!this.v$.amountWithdraw.$error && !this.v$.card.$error && this.agreeUser === true && this.captchaToken !== null) {
-        WithdrawMoneyOperation(this.amountWithdraw, this.card.toString(), this.captchaToken)
-            .then(async response => {
+      if (
+        !this.v$.amountWithdraw.$error &&
+        !this.v$.card.$error &&
+        this.agreeUser === true &&
+        this.captchaToken !== null
+      ) {
+        WithdrawMoneyOperation(
+          this.amountWithdraw,
+          this.card.toString(),
+          this.captchaToken
+        ).then(async (response) => {
           try {
-                console.log('work', response)
+            console.log("work", response);
+          } catch (e) {
+            console.error(e);
           }
-              catch (e) {
-                console.error(e)
-              }
-              await this.$emit('notifacetionmoney')
-              eventBus.emit('Updatebalance')
-            })
+          await this.$emit("notifacetionmoney");
+          eventBus.emit("Updatebalance");
+        });
       }
     },
     clickedBtnChoice(index, content) {
       this.clickedBtn = index;
       this.amount = content;
-      console.log(index)
+      console.log(index);
     },
   },
 };