bfg-common 1.4.833 → 1.4.834

package/components/common/modals/confirmByInput/ConfirmByInput.vue

@@ -2,24 +2,26 @@
   <common-modals-confirm-by-input-new
     v-if="isNewViewLocal"
     v-model="confirmationForm"
+    :is-valid="isValid"
     :title="props.title"
     :description="props.description"
     :sub-title="props.subTitle"
     :modal-texts="props.modalTexts"
     :test-id="props.testId"
     @hide="emits('hide')"
-    @confirm="emits('confirm')"
+    @confirm="onConfirm"
   />
   <common-modals-confirm-by-input-old
     v-else
     v-model="confirmationForm"
+    :is-valid="isValid"
     :title="props.title"
     :sub-title="props.subTitle"
     :test-id="props.testId"
     :loading="props.loading"
     :width="props.width"
     @hide="emits('hide')"
-    @confirm="emits('confirm')"
+    @confirm="onConfirm"
   >
     <template #content>
       <slot name="content" />
@@ -83,90 +85,12 @@ const isValid = computed<boolean>(() => {
 //     props.subTitle
 //   )
 
-// const onConfirm = async (): Promise<void> => {
-//   if (!isValid.value) return
-//
-//   emits('confirm')
-// }
+const onConfirm = async (): Promise<void> => {
+  if (!isValid.value) return
 
-// const onHide = (): void => {
-//   emits('hide')
-// }
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.confirm-by-input {
-  :deep(.modal-header) {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-
-    .modal-title {
-      color: var(--main-color-mode);
-      font-size: 24px;
-      max-width: 65%;
-    }
-    .secondary-title {
-      color: var(--modal-secondary-title);
-      font-size: 0.75rem;
-      font-weight: lighter;
-      user-select: none;
-    }
-    .separator {
-      content: '';
-      border-left: 1px solid #ccc;
-      margin: 0 18px;
-      height: 22px;
-    }
-
-    .close-icon {
-      fill: var(--close-icon);
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &__body {
-    @include flex($align: flex-start);
-
-    .form-group {
-      margin-top: 20px;
-
-      label {
-        font-weight: bold;
-        font-size: 0.6rem;
-        user-select: none;
-      }
-
-      &:not(:first-child) input {
-        width: 100%;
-      }
-      &__input {
-        display: flex;
-        width: 100%;
-        min-height: 30px;
-      }
-    }
-  }
+  emits('confirm')
+}
 
-  &__icon {
-    min-width: 48px;
-    height: 48px;
-    margin-right: 20px;
-    fill: #c27b00;
-  }
+</script>
 
-  .button {
-    &__loading {
-      :deep(.spinner) {
-        width: 25px;
-        height: 25px;
-        min-width: 25px;
-        min-height: 25px;
-        margin-top: 5px;
-      }
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>

package/components/common/modals/confirmByInput/ConfirmByInputNew.vue

@@ -35,6 +35,7 @@ const props = defineProps<{
   title: string
   description: string
   subTitle: string
+  isValid: boolean
   modalTexts: UI_I_ModalTexts
 }>()
 const confirmationFormLocal = defineModel<string>({ required: true })

package/components/common/modals/confirmByInput/ConfirmByInputOld.vue

@@ -34,7 +34,7 @@
                 @keyup.enter="onConfirm"
               />
               <div
-                v-show="!isValid && confirmationFormLocal"
+                v-show="!props.isValid && confirmationFormLocal"
                 class="form-validate"
               >
                 <atoms-tooltip :test-id="`${props.testId}-tooltip`">
@@ -70,7 +70,7 @@
         :data-id="`${props.testId}-modal-apply-button`"
         class="btn btn-primary"
         :class="props.loading && 'modal-dialog__loader'"
-        :disabled="!isValid || props.loading"
+        :disabled="!props.isValid || props.loading"
         @click="onConfirm"
       >
         <atoms-loader-pre-loader
@@ -94,6 +94,7 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 const props = defineProps<{
   title: string
   subTitle: string
+  isValid: boolean
   testId: string
   width: string
   loading?: boolean
@@ -106,10 +107,6 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const isValid = computed<boolean>(() => {
-  return confirmationFormLocal.value === props.subTitle
-})
-
 const confirmationText = localization.value.common.confirmDeletionInput.replace(
   '{title}',
   props.subTitle
@@ -120,9 +117,7 @@ const confirmDeletionInputError =
     props.subTitle
   )
 
-const onConfirm = async (): Promise<void> => {
-  if (!isValid.value) return
-
+const onConfirm = (): void => {
   emits('confirm')
 }
 

package/lib/models/store/interfaces.ts

@@ -8,6 +8,7 @@ export interface UI_I_ErrorValidationField<T = string> {
 export interface API_UI_I_Response<T> {
   response: {
     _data: T
+    status: number
   }
 }
 export interface API_UI_I_Error {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.833",
+  "version": "1.4.834",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",