@coopenomics/desktop 2025.11.10-alpha-2 → 2025.11.10-alpha-3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.10-alpha-2",
+  "version": "2025.11.10-alpha-3",
   "description": "A Desktop Project",
   "productName": "Desktop App",
   "author": "Alex Ant <dacom.dark.sun@gmail.com>",
@@ -25,9 +25,9 @@
     "start": "node -r ./alias-resolver.js dist/ssr/index.js"
   },
   "dependencies": {
-    "@coopenomics/controller": "2025.11.10-alpha-2",
-    "@coopenomics/notifications": "2025.11.10-alpha-2",
-    "@coopenomics/sdk": "2025.11.10-alpha-2",
+    "@coopenomics/controller": "2025.11.10-alpha-3",
+    "@coopenomics/notifications": "2025.11.10-alpha-3",
+    "@coopenomics/sdk": "2025.11.10-alpha-3",
     "@dicebear/collection": "^9.0.1",
     "@dicebear/core": "^9.0.1",
     "@editorjs/code": "^2.9.3",
@@ -59,7 +59,7 @@
     "@wharfkit/wallet-plugin-privatekey": "^1.1.0",
     "axios": "^1.2.1",
     "compression": "^1.7.4",
-    "cooptypes": "2025.11.10-alpha-2",
+    "cooptypes": "2025.11.10-alpha-3",
     "dompurify": "^3.1.7",
     "dotenv": "^16.4.5",
     "email-regex": "^5.0.0",
@@ -123,5 +123,5 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },
-  "gitHead": "e914a117682b30c65a8fe762148bb579aa50d62d"
+  "gitHead": "637950d37f74f959a640d61891ef35d0ace9b858"
 }

package/src/entities/ConnectionAgreement/index.ts

@@ -0,0 +1 @@
+export * from './model'

package/src/entities/ConnectionAgreement/model/index.ts

@@ -0,0 +1,2 @@
+export { useConnectionAgreementStore } from './store'
+export type { ITariff, IConnectionAgreementState } from './types'

package/src/entities/ConnectionAgreement/model/store.ts

@@ -0,0 +1,82 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import type { ITariff, IConnectionAgreementState } from './types'
+
+
+const namespace = 'connection-agreement'
+
+export const useConnectionAgreementStore = defineStore(namespace, () => {
+  // State
+  const currentStep = ref<number>(1)
+  const selectedTariff = ref<ITariff | null>(null)
+  const isInitialized = ref<boolean>(false)
+  const document = ref<any>(null)
+  const signedDocument = ref<any>(null)
+
+  // Methods
+  const setCurrentStep = (step: number) => {
+    currentStep.value = step
+  }
+
+  const setSelectedTariff = (tariff: ITariff | null) => {
+    selectedTariff.value = tariff
+  }
+
+  const setInitialized = (initialized: boolean) => {
+    isInitialized.value = initialized
+  }
+
+  const setDocument = (doc: any) => {
+    document.value = doc
+  }
+
+  const setSignedDocument = (doc: any) => {
+    signedDocument.value = doc
+  }
+
+  const reset = () => {
+    currentStep.value = 1
+    selectedTariff.value = null
+    isInitialized.value = false
+    document.value = null
+    signedDocument.value = null
+  }
+
+  const initialize = (state: Partial<IConnectionAgreementState>) => {
+    if (state.currentStep !== undefined) {
+      currentStep.value = state.currentStep
+    }
+    if (state.selectedTariff !== undefined) {
+      selectedTariff.value = state.selectedTariff
+    }
+    if (state.isInitialized !== undefined) {
+      isInitialized.value = state.isInitialized
+    }
+    if (state.document !== undefined) {
+      document.value = state.document
+    }
+    if (state.signedDocument !== undefined) {
+      signedDocument.value = state.signedDocument
+    }
+  }
+
+  return {
+    // State
+    currentStep,
+    selectedTariff,
+    isInitialized,
+    document,
+    signedDocument,
+
+    // Methods
+    setCurrentStep,
+    setSelectedTariff,
+    setInitialized,
+    setDocument,
+    setSignedDocument,
+    reset,
+    initialize
+  }
+}, {
+  persist: true
+})

package/src/entities/ConnectionAgreement/model/types.ts

@@ -0,0 +1,16 @@
+export interface ITariff {
+  id: string
+  name: string
+  description: string
+  price: string
+  features: string[]
+  additionalCosts?: string[]
+}
+
+export interface IConnectionAgreementState {
+  currentStep: number
+  selectedTariff: ITariff | null
+  isInitialized: boolean
+  document?: any
+  signedDocument?: any
+}

package/src/features/Union/AddCooperative/ui/AddCooperativeForm.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-Form(:handler-submit="addNow" :is-submitting="isSubmitting" :showCancel="false" :button-cancel-txt="'Отменить'" :button-submit-txt="'Отправить'" @cancel="clear").q-gutter-md
+Form(:handler-submit="addNow" :is-submitting="isSubmitting" :showCancel="false" :button-cancel-txt="'Отменить'" :button-submit-txt="'Продолжить'" @cancel="clear").q-gutter-md
   //- q-input(standout="bg-teal text-white" label="Имя аккаунта" v-model="data.coopname" :rules="[val => notEmpty(val)]")
   q-input(standout="bg-teal text-white" hint="domovoy.com или coop.domovoy.com" label="Домен или поддомен для запуска" v-model="data.params.announce" :rules="[val => notEmpty(val), val => isDomain(val)]")
 
@@ -21,7 +21,7 @@ Form(:handler-submit="addNow" :is-submitting="isSubmitting" :showCancel="false"
 
 </template>
 <script lang="ts" setup>
-import { computed, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useAddCooperative } from '../model';
 import { Form } from 'src/shared/ui/Form';
 import { notEmpty, isDomain } from 'src/shared/lib/utils';
@@ -41,6 +41,10 @@ const props = defineProps({
   document: {
     type: Object as () => IDocument,
     required: true,
+  },
+  cooperative: {
+    type: Object as () => any,
+    default: null,
   }
 })
 
@@ -48,17 +52,31 @@ const document = computed(() => props.document)
 
 const session = useSessionStore()
 
+// Функция для извлечения числового значения из IAsset
+const extractNumericValue = (asset: any): string => {
+  if (!asset) return ''
+  if (typeof asset === 'number') return asset.toString()
+  if (typeof asset === 'string') {
+    // Извлекаем число из строки типа "1000.0000 RUB" и убираем лишние нули
+    const match = asset.match(/^(\d+(?:\.\d+)?)/)
+    if (match) {
+      return parseFloat(match[1]).toString()
+    }
+  }
+  return ''
+}
+
 const data = ref<RegistratorContract.Actions.RegisterCooperative.IRegisterCooperative>({
   coopname: session.username,
   params: {
     is_cooperative: true,
     coop_type: 'conscoop',
-    announce: '',
+    announce: props.cooperative?.announce || '',
     description: '',
-    initial: '',
-    minimum: '',
-    org_initial: '',
-    org_minimum: ''
+    initial: extractNumericValue(props.cooperative?.initial),
+    minimum: extractNumericValue(props.cooperative?.minimum),
+    org_initial: extractNumericValue(props.cooperative?.org_initial),
+    org_minimum: extractNumericValue(props.cooperative?.org_minimum)
   },
   username: session.username,
   document: {
@@ -71,6 +89,17 @@ const data = ref<RegistratorContract.Actions.RegisterCooperative.IRegisterCooper
   }
 })
 
+// Следим за изменениями cooperative и обновляем данные
+watch(() => props.cooperative, (newCooperative) => {
+  if (newCooperative) {
+    data.value.params.announce = newCooperative.announce || ''
+    data.value.params.initial = extractNumericValue(newCooperative.initial)
+    data.value.params.minimum = extractNumericValue(newCooperative.minimum)
+    data.value.params.org_initial = extractNumericValue(newCooperative.org_initial)
+    data.value.params.org_minimum = extractNumericValue(newCooperative.org_minimum)
+  }
+}, { immediate: true })
+
 const clear = () => {
   emit('finish')
 }

package/src/pages/Union/ConnectionAgreement/ConnectionAgreementPage.vue

@@ -4,7 +4,8 @@ div.row.q-pa-md
     div(v-if="system.info.is_providered")
       ConnectionAgreementStepper(
         :initial-step="currentStep"
-        :is-finish="is_finish"
+        :is-finish="currentStep >= 5"
+        :document="document"
         :signed-document="signedDocument"
         :coop="coop"
         :html="html"
@@ -13,7 +14,9 @@ div.row.q-pa-md
         :instance-status="instanceStatus"
         :subscriptions-loading="subscriptionsLoading"
         :subscriptions-error="subscriptionsError"
+        :selected-tariff="connectionAgreement.selectedTariff"
         @step-change="handleStepChange"
+        @clear-signed-document="handleClearSignedDocument"
         @tariff-selected="handleTariffSelected"
         @tariff-deselected="handleTariffDeselected"
         @continue="handleContinue"
@@ -42,6 +45,7 @@ div.row.q-pa-md
 import { DigitalDocument } from 'src/shared/lib/document';
 import { useSessionStore } from 'src/entities/Session';
 import { useSystemStore } from 'src/entities/System/model';
+import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement';
 import { computed, ref, onMounted, onUnmounted } from 'vue';
 import { useLoadCooperatives } from 'src/features/Union/LoadCooperatives';
 import { useProviderSubscriptions } from 'src/features/Provider';
@@ -52,7 +56,7 @@ import { ColorCard } from 'src/shared/ui';
 
 const session = useSessionStore()
 const system = useSystemStore()
-const document = ref(new DigitalDocument())
+const connectionAgreement = useConnectionAgreementStore()
 const {loadOneCooperative} = useLoadCooperatives()
 const {
   domainValid,
@@ -65,39 +69,87 @@ const {
 
 const coop = ref()
 
+// Восстанавливаем документы из persistent store или создаем новые
+const document = computed({
+  get: () => {
+    if (connectionAgreement.document) {
+      // Если есть сохраненный документ, пересоздаем экземпляр DigitalDocument
+      const doc = new DigitalDocument()
+      if (connectionAgreement.document.data) {
+        doc.data = connectionAgreement.document.data
+      }
+      if (connectionAgreement.document.signedDocument) {
+        doc.signedDocument = connectionAgreement.document.signedDocument
+      }
+      return doc
+    }
+    return new DigitalDocument()
+  },
+  set: (value) => connectionAgreement.setDocument(value)
+})
+
+const signedDocument = computed({
+  get: () => connectionAgreement.signedDocument || document.value?.signedDocument,
+  set: (value) => connectionAgreement.setSignedDocument(value)
+})
+
 const html = computed(() => document.value?.data?.html)
-const signedDocument = computed(() => document.value?.signedDocument)
-const is_finish = ref(false)
 
-// Управление шагом степпера
-const currentStep = ref(1)
+// Используем persistent store для управления шагом
+const currentStep = computed({
+  get: () => connectionAgreement.currentStep,
+  set: (value) => connectionAgreement.setCurrentStep(value)
+})
 
-const handleStepChange = (step: number) => {
+const handleStepChange = async (step: number) => {
   currentStep.value = step
+
+  // Если переходим к шагу 2 (соглашение), всегда генерируем документ заново
+  if (step === 2) {
+    const newDoc = new DigitalDocument()
+    await newDoc.generate({
+      registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
+      coopname: 'voskhod',
+      username: session.username,
+    })
+    document.value = newDoc
+    connectionAgreement.setDocument(newDoc)
+  }
+}
+
+const handleClearSignedDocument = async () => {
+  // Очищаем подписанный документ и регенерируем документ при возврате на шаг 2
+  signedDocument.value = null
+  connectionAgreement.setSignedDocument(null)
+
+  // Регенерируем документ заново и убеждаемся что он сохраняется
+  const newDoc = new DigitalDocument()
+  await newDoc.generate({
+    registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
+    coopname: 'voskhod',
+    username: session.username,
+  })
+  document.value = newDoc
+  connectionAgreement.setDocument(newDoc)
 }
 
 const handleTariffSelected = (tariff: any) => {
-  // Здесь можно сохранить выбранный тариф
+  // Сохраняем выбранный тариф в persistent store
+  connectionAgreement.setSelectedTariff(tariff)
   console.log('Selected tariff:', tariff)
 }
 
 const handleTariffDeselected = () => {
-  // Здесь можно обработать снятие выбора тарифа
+  // Очищаем выбранный тариф в persistent store
+  connectionAgreement.setSelectedTariff(null)
   console.log('Tariff deselected')
 }
 
 // Остановка автообновления при размонтировании компонента
 let stopRefresh: (() => void) | null = null
 
-const handleContinue = async () => {
-  // Если документ еще не сгенерирован, генерируем его
-  if (!document.value.data?.html && !coop.value) {
-    await document.value.generate({
-      registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
-      coopname: 'voskhod',
-      username: session.username,
-    })
-  }
+const handleContinue = () => {
+  // Документ будет сгенерирован при переходе к шагу 2
 }
 
 const openProviderWebsite = () => {
@@ -109,13 +161,15 @@ const finish = () => {
   // Эта функция имеет смысл только если провайдер доступен
   if (!system.info.is_providered) return
 
-  is_finish.value = true
   reload()
 
   // Запускаем автообновление подписок каждую минуту
   if (!stopRefresh) {
     stopRefresh = startAutoRefresh(60000) // 1 минута
   }
+
+  // Сбрасываем persistent состояние после завершения
+  connectionAgreement.reset()
 }
 
 //todo loadCooperative by username and check status
@@ -130,22 +184,37 @@ const init = async () => {
   // Инициализация имеет смысл только если провайдер доступен
   if (!system.info.is_providered) return
 
+  // Инициализируем persistent store если он еще не инициализирован
+  if (!connectionAgreement.isInitialized) {
+    connectionAgreement.setInitialized(true)
+  }
+
   coop.value = await loadOneCooperative(session.username)
 
   if (!coop.value) {
-    await document.value.generate({
-      registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
-      coopname: 'voskhod',
-      username: session.username,
-    })
+    // Если кооператива нет и мы на шаге 1, документ будет сгенерирован в handleContinue
+    // Если пользователь еще не прошел ни одного шага, начинаем с первого
+    if (currentStep.value === 1) {
+      // Уже на первом шаге
+    }
   } else {
-    is_finish.value = true
-    currentStep.value = 4 // Переходим на последний шаг если кооператив уже создан
+    // Если кооператив существует, переходим на соответствующий шаг
+    // Определяем шаг в зависимости от статуса кооператива и домена
+    if (coop.value.status === 'active' && domainValid.value === true) {
+      currentStep.value = 5 // Установка и настройка
+    } else if (coop.value.status === 'pending') {
+      currentStep.value = 5 // Ожидание одобрения (последний шаг)
+    } else if (domainValid.value === true) {
+      currentStep.value = 5 // Домен валиден, переходим к установке
+    } else {
+      currentStep.value = 4 // Проверка домена
+    }
   }
 }
 
 const sign = async() => {
   await document.value.sign(session.username)
+  signedDocument.value = document.value.signedDocument
 }
 
 // Lifecycle хуки
@@ -165,9 +234,6 @@ onUnmounted(() => {
   }
 })
 
-init()
-
-
 /**
  * Здесь необходимо получить соглашение для подключения и проверить заполнено ли оно.
  *

package/src/widgets/ConnectionAgreementStepper/Steps/DomainValidationStep.vue

@@ -0,0 +1,122 @@
+<template lang="pug">
+  q-step(
+    :name="4"
+    title="Проверка домена"
+    icon="domain"
+    :done="isDone"
+  )
+    .q-pa-md
+      .text-h6.q-mb-md Проверка домена {{ coop?.announce }}
+
+      .q-mb-lg
+        p.text-body1.q-mb-md
+          | Для запуска вашего кооператива необходимо настроить домен. Пожалуйста, следуйте инструкции ниже:
+
+        q-card(flat bordered).q-pa-md.q-mb-md
+          .text-subtitle1.q-mb-sm Инструкция по настройке домена:
+          ol.q-pl-md
+            li.q-mb-sm Перейдите в панель управления вашим доменом
+            li.q-mb-sm Создайте A-запись для домена {{ coop?.announce }}
+            li.q-mb-sm Укажите IP-адрес: 51.250.114.13
+            li.q-mb-sm Сохраните изменения
+            li.q-mb-sm Дождитесь обновления DNS (может занять до 24 часов)
+
+        .flex.justify-between.items-center.q-mb-md
+          span.text-body2 Статус проверки домена:
+          q-badge(
+            v-if="domainValid === true"
+            color="green"
+          ) валиден ✓
+          q-badge(
+            v-if="domainValid === false"
+            color="red"
+          ) не валиден ✗
+          q-badge(
+            v-if="domainValid === null && !subscriptionsLoading"
+            color="grey"
+          ) проверка...
+          q-badge(
+            v-if="subscriptionsLoading"
+            color="blue"
+          ) загрузка...
+
+      .q-mt-md
+        div(v-if="domainValid === false").q-mb-md
+          q-banner(
+            class="text-white bg-orange-500"
+            rounded
+          )
+            template(v-slot:avatar)
+              q-icon(name="warning" color="white")
+            span Домен еще не настроен или DNS не обновился. Повторите проверку через некоторое время.
+
+        div(v-if="domainValid === true").q-mb-md
+          q-banner(
+            class="text-white bg-green-500"
+            rounded
+          )
+            template(v-slot:avatar)
+              q-icon(name="check_circle" color="white")
+            span Отлично! Домен настроен правильно. Переходим к следующему шагу...
+
+      .flex.justify-between.q-gutter-sm
+        q-btn(
+          color="grey-6"
+          flat
+          label="Назад"
+          @click="handleBack"
+        )
+        q-btn(
+          color="primary"
+          :disable="domainValid !== true"
+          label="Продолжить"
+          @click="handleContinue"
+        )
+        q-btn(
+          color="grey-6"
+          size="sm"
+          flat
+          icon="refresh"
+          @click="handleReload"
+        )
+          span обновить
+</template>
+
+<script setup lang="ts">
+import { computed, withDefaults } from 'vue'
+import type { IStepProps } from '../model/types'
+
+const props = withDefaults(defineProps<IStepProps & {
+  coop?: any
+  domainValid?: boolean | null
+  subscriptionsLoading?: boolean
+  subscriptionsError?: string | null
+  onReload?: () => void
+  onBack?: () => void
+  onContinue?: () => void
+}>(), {
+  domainValid: null,
+  subscriptionsLoading: false,
+  subscriptionsError: null
+})
+
+const emits = defineEmits<{
+  back: []
+  continue: []
+  reload: []
+}>()
+
+const isDone = computed(() => props.isDone)
+
+const handleBack = () => {
+  emits('back')
+}
+
+const handleContinue = () => {
+  emits('continue')
+}
+
+const handleReload = () => {
+  emits('reload')
+}
+</script>

package/src/widgets/ConnectionAgreementStepper/Steps/FormStep.vue

@@ -1,14 +1,19 @@
 <script setup lang="ts">
-import { withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 import type { IStepProps } from '../model/types'
 import { AddCooperativeForm } from 'src/features/Union/AddCooperative'
 
-withDefaults(defineProps<IStepProps & {
+const props = withDefaults(defineProps<IStepProps & {
+  document?: any
   signedDocument?: any
+  cooperative?: any
   onFinish?: () => void
   onBack?: () => void
 }>(), {})
 
+// Используем подписанный документ, если он есть, иначе обычный документ
+const documentToUse = computed(() => props.signedDocument || props.document)
+
 const emits = defineEmits<{
   back: []
   finish: []
@@ -31,17 +36,16 @@ q-step(
   :done="isDone"
 )
   .q-pa-md
-    p.text-h6.q-mb-md Предварительная настройка
-    p.q-mb-md
-      | Пожалуйста, укажите домен для установки Цифрового Кооператива. Также, укажите суммы вступительных и минимальных паевых взносов для физических лиц, юридических лиц и индивидуальных предпринимателей:
+    p.q-pb-md Введите домен для запуска сайта Цифрового Кооператива. Также, укажите суммы вступительных и минимальных паевых взносов для физических лиц, юридических лиц и индивидуальных предпринимателей:
 
     AddCooperativeForm(
-      v-if="signedDocument"
-      :document="signedDocument"
+      v-if="documentToUse"
+      :document="documentToUse"
+      :cooperative="cooperative"
       @finish="handleFinish"
     )
 
-  q-stepper-navigation.q-gutter-sm(v-if="signedDocument")
+  q-stepper-navigation.q-gutter-sm(v-if="documentToUse")
     q-btn(
       color="grey-6"
       flat

package/src/widgets/ConnectionAgreementStepper/Steps/IntroStep.vue

@@ -5,6 +5,7 @@ import { TariffSelector, type ITariff } from '../Tariffs'
 
 const props = withDefaults(defineProps<IStepProps & {
   onContinue?: () => void
+  selectedTariff?: ITariff | null
 }>(), {})
 
 const emits = defineEmits<{
@@ -15,7 +16,7 @@ const emits = defineEmits<{
 const isActive = computed(() => props.isActive)
 const isDone = computed(() => props.isDone)
 
-const selectedTariff = ref<ITariff | null>(null)
+const selectedTariff = ref<ITariff | null>(props.selectedTariff || null)
 
 const canContinue = computed(() => selectedTariff.value !== null)
 
@@ -47,6 +48,7 @@ q-step(
 
     TariffSelector(
       :disabled="!isActive"
+      :selected-tariff="selectedTariff"
       @tariff-selected="handleTariffSelected"
       @tariff-deselected="handleTariffDeselected"
     )

package/src/widgets/ConnectionAgreementStepper/Steps/WaitingStep.vue

@@ -1,8 +1,82 @@
+<template lang="pug">
+  q-step(
+    :name="5"
+    title="Установка и настройка"
+    icon="build"
+    :done="isDone"
+  )
+    .q-pa-md
+      .text-h6.q-mb-lg Установка кооператива
+
+      .q-mb-lg
+        p.text-body1.q-mb-md Статус кооператива:
+        q-badge(
+          v-if="coop?.status == 'pending'"
+          color="orange"
+        ).q-ml-sm ожидание одобрения
+        q-badge(
+          v-if="coop?.status == 'active'"
+          color="teal"
+        ).q-ml-sm активен
+        q-badge(
+          v-if="coop?.status == 'blocked'"
+          color="red"
+        ).q-ml-sm заблокирован
+
+      .q-mb-lg(v-if="coop?.status === 'pending'")
+        q-banner(
+          class="bg-blue-50 text-blue-800 border-blue-200"
+          rounded
+          bordered
+        )
+          template(v-slot:avatar)
+            q-icon(name="info" color="blue")
+          .text-body2
+            | Установка кооператива начнется после того, как союз потребительских обществ примет положительное решение о вашем подключении. Пожалуйста, ожидайте.
+
+      .q-mb-lg(v-if="coop?.status === 'active'")
+        .text-subtitle1.q-mb-md Прогресс установки:
+        q-linear-progress(
+          :value="installationProgress !== null ? installationProgress / 100 : 0"
+          color="primary"
+          size="8px"
+          rounded
+          class="q-mb-sm"
+        )
+        .text-center.text-caption.q-mb-md
+          | {{ installationProgress !== null ? installationProgress : 0 }}% завершено
+
+        p.text-body2.q-mb-md
+          | Когда установка будет завершена, вы получите уведомление и сможете перейти к настройке вашего кооператива.
+
+      .flex.justify-between.q-gutter-sm.q-mt-lg
+      q-btn(
+        color="grey-6"
+        flat
+        label="Назад"
+        @click="handleBack"
+      )
+      q-btn(
+        color="primary"
+        size="sm"
+        icon="refresh"
+        @click="handleReload"
+        )
+          span.q-ml-sm Обновить статус
+
+      .q-mt-lg(v-if="subscriptionsError")
+          q-banner(
+          class="text-white bg-red-500"
+            rounded
+          )
+            template(v-slot:avatar)
+              q-icon(name="error" color="white")
+            span {{ subscriptionsError }}
+  </template>
+
 <script setup lang="ts">
 import { computed, withDefaults } from 'vue'
 import type { IStepProps } from '../model/types'
-import { copyToClipboard } from 'quasar'
-import { SuccessAlert } from 'src/shared/api'
 
 const props = withDefaults(defineProps<IStepProps & {
   coop?: any
@@ -35,129 +109,5 @@ const handleBack = () => {
 const handleReload = () => {
   emits('reload')
 }
-
-const instruction = computed(() => `Создайте A-запись домена ${props.coop?.announce} на IP-адрес: 51.250.114.13`)
-
-const copy = () => {
-  copyToClipboard(instruction.value)
-    .then(() => {
-      SuccessAlert('Инструкция скопирована в буфер')
-    })
-    .catch((e) => {
-      console.log(e)
-    })
-}
 </script>
 
-<template lang="pug">
-q-step(
-  :name="4"
-  title="Установка кооператива"
-  icon="hourglass_top"
-  :done="isDone"
-)
-  .q-pa-md
-    p.text-h6.q-mb-md Кооператив на подключении
-    p.q-mb-md Статус:
-      q-badge(
-        v-if="coop?.status == 'pending'"
-        color="orange"
-      ).q-ml-sm ожидание
-      q-badge(
-        v-if="coop?.status == 'active'"
-        color="teal"
-      ).q-ml-sm активен
-      q-badge(
-        v-if="coop?.status == 'blocked'"
-        color="red"
-      ).q-ml-sm заблокирован
-
-    q-btn(
-      color="grey-6"
-      size="sm"
-      flat
-      label="Назад"
-      @click="handleBack"
-    )
-    q-btn(
-      color="primary"
-      size="sm"
-      icon="refresh"
-      @click="handleReload"
-    ).q-ml-md
-      span обновить
-
-    .q-mt-md
-      p.text-subtitle1 Статус подписки на хостинг:
-
-      div.flex.items-center.q-gutter-sm.q-mt-sm
-        div
-          span.text-body2 Валидность домена:
-          q-badge(
-            v-if="domainValid === true"
-            color="green"
-          ).q-ml-sm валиден
-          q-badge(
-            v-if="domainValid === false"
-            color="red"
-          ).q-ml-sm не валиден
-          q-badge(
-            v-if="domainValid === null && !subscriptionsLoading"
-            color="grey"
-          ).q-ml-sm неизвестно
-          q-badge(
-            v-if="subscriptionsLoading"
-            color="blue"
-          ).q-ml-sm загрузка...
-
-        div
-          span.text-body2 Прогресс установки:
-          q-badge(
-            v-if="installationProgress !== null"
-            :color="installationProgress === 100 ? 'green' : 'orange'"
-          ).q-ml-sm {{ installationProgress }}%
-          q-badge(
-            v-if="installationProgress === null && !subscriptionsLoading"
-            color="grey"
-          ).q-ml-sm неизвестно
-          q-badge(
-            v-if="subscriptionsLoading"
-            color="blue"
-          ).q-ml-sm загрузка...
-
-        div
-          span.text-body2 Статус сервера:
-          q-badge(
-            v-if="instanceStatus"
-            :color="instanceStatus === 'active' ? 'green' : instanceStatus === 'error' ? 'red' : 'orange'"
-          ).q-ml-sm {{ instanceStatus }}
-          q-badge(
-            v-if="!instanceStatus && !subscriptionsLoading"
-            color="grey"
-          ).q-ml-sm неизвестно
-          q-badge(
-            v-if="subscriptionsLoading"
-            color="blue"
-          ).q-ml-sm загрузка...
-
-    .q-mt-md
-      div(
-        v-if="subscriptionsError"
-      ).q-mb-md
-        q-banner(
-          :class="'text-white bg-red-500'"
-          rounded
-        )
-          template(v-slot:avatar)
-            q-icon(name="error" color="white")
-          span {{ subscriptionsError }}
-
-    p.q-mt-md
-      | Пожалуйста, перешлите инструкцию ниже вашему техническому специалисту. После её выполнения, мы автоматически выполним запуск. Далее, Вам необходимо завершить установку уже на Вашем сайте следуя инструкциям, представленным там.
-
-    q-card(flat bordered).q-pa-sm.q-mt-md
-      p.text-bold Инструкция
-      div.flex.justify-between
-        span {{ instruction }}
-        q-btn(size="sm" icon="fas fa-copy" flat @click="copy")
-</template>

package/src/widgets/ConnectionAgreementStepper/Steps/index.ts

@@ -1,4 +1,5 @@
 export { default as IntroStep } from './IntroStep.vue'
 export { default as AgreementStep } from './AgreementStep.vue'
 export { default as FormStep } from './FormStep.vue'
+export { default as DomainValidationStep } from './DomainValidationStep.vue'
 export { default as WaitingStep } from './WaitingStep.vue'

package/src/widgets/ConnectionAgreementStepper/Tariffs/TariffSelector.vue

@@ -24,8 +24,9 @@ const availableTariffs: ITariff[] = [
   }
 ]
 
-defineProps<{
+const props = defineProps<{
   disabled?: boolean
+  selectedTariff?: ITariff | null
 }>()
 
 const emits = defineEmits<{
@@ -33,9 +34,9 @@ const emits = defineEmits<{
   tariffDeselected: []
 }>()
 
-const selectedTariffId = ref<string>('')
+const selectedTariffId = ref<string>(props.selectedTariff?.id || '')
 
-const selectedTariff = computed(() => {
+const currentSelectedTariff = computed(() => {
   return availableTariffs.find(tariff => tariff.id === selectedTariffId.value)
 })
 
@@ -56,7 +57,7 @@ const handleTariffDeselect = (tariffId: string) => {
 
 // Экспортируем для использования в родительском компоненте
 defineExpose({
-  selectedTariff,
+  currentSelectedTariff,
   hasSelection: computed(() => !!selectedTariffId.value)
 })
 </script>

package/src/widgets/ConnectionAgreementStepper/ui/ConnectionAgreementStepper.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { IntroStep, AgreementStep, FormStep, WaitingStep } from '../Steps/index'
+import { IntroStep, AgreementStep, FormStep, DomainValidationStep, WaitingStep } from '../Steps/index'
 
 const props = defineProps<{
   initialStep?: number
   isFinish: boolean
+  document?: any
   signedDocument: any
   coop: any
   html?: string
@@ -13,6 +14,7 @@ const props = defineProps<{
   instanceStatus?: string | null
   subscriptionsLoading?: boolean
   subscriptionsError?: string | null
+  selectedTariff?: any
 }>()
 
 const emits = defineEmits<{
@@ -23,13 +25,14 @@ const emits = defineEmits<{
   sign: []
   finish: []
   reload: []
+  clearSignedDocument: []
 }>()
 
 const currentStep = ref(props.initialStep || 1)
 
 // Управление шагами
 const goToNext = () => {
-  if (currentStep.value < 4) {
+  if (currentStep.value < 5) {
     currentStep.value++
     emits('stepChange', currentStep.value)
   }
@@ -47,6 +50,14 @@ const handleContinue = () => {
   emits('continue')
 }
 
+const handleBack = () => {
+  goToPrev()
+  // Если возвращаемся на шаг 2 (соглашение), очищаем подписанный документ
+  if (currentStep.value === 2) {
+    emits('clearSignedDocument')
+  }
+}
+
 const handleSign = () => {
   goToNext()
   emits('sign')
@@ -84,6 +95,7 @@ div
       :current-step="currentStep"
       :is-active="currentStep === 1"
       :is-done="currentStep > 1"
+      :selected-tariff="selectedTariff"
       @continue="handleContinue"
       @tariff-selected="handleTariffSelected"
       @tariff-deselected="handleTariffDeselected"
@@ -94,7 +106,7 @@ div
       :is-active="currentStep === 2"
       :is-done="currentStep > 2"
       :html="html"
-      @back="goToPrev"
+      @back="handleBack"
       @sign="handleSign"
     )
 
@@ -102,14 +114,29 @@ div
       :current-step="currentStep"
       :is-active="currentStep === 3"
       :is-done="currentStep > 3"
+      :document="document"
       :signed-document="signedDocument"
+      :cooperative="coop"
       @back="goToPrev"
       @finish="handleFinish"
     )
 
-    WaitingStep(
+    DomainValidationStep(
       :current-step="currentStep"
       :is-active="currentStep === 4"
+      :is-done="currentStep > 4"
+      :coop="coop"
+      :domain-valid="domainValid"
+      :subscriptions-loading="subscriptionsLoading"
+      :subscriptions-error="subscriptionsError"
+      @back="goToPrev"
+      @continue="goToNext"
+      @reload="handleReload"
+    )
+
+    WaitingStep(
+      :current-step="currentStep"
+      :is-active="currentStep === 5"
       :is-done="false"
       :coop="coop"
       :domain-valid="domainValid"