From ace458ed7eaf61ffbd4dc9713da649483f04f2d9 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Wed, 21 Jan 2026 09:19:44 +0700
Subject: [PATCH] Add KYC profile integration and SupplierInfoBlock component

---
 app/components/CalcResultContent.vue          | 36 +++++++++-
 app/components/SupplierInfoBlock.vue          | 70 +++++++++++++++++++
 app/components/catalog/OfferResultCard.vue    |  4 ++
 app/composables/useGraphQL.ts                 |  1 +
 codegen.ts                                    |  6 ++
 .../exchange/GetSupplierProfile.graphql       |  1 +
 .../exchange/GetSupplierProfileByTeam.graphql | 14 ++++
 .../public/kyc/GetKycProfileFull.graphql      | 16 +++++
 .../public/kyc/GetKycProfileTeaser.graphql    |  8 +++
 nuxt.config.ts                                |  4 ++
 10 files changed, 159 insertions(+), 1 deletion(-)
 create mode 100644 app/components/SupplierInfoBlock.vue
 create mode 100644 graphql/operations/public/exchange/GetSupplierProfileByTeam.graphql
 create mode 100644 graphql/operations/public/kyc/GetKycProfileFull.graphql
 create mode 100644 graphql/operations/public/kyc/GetKycProfileTeaser.graphql

diff --git a/app/components/CalcResultContent.vue b/app/components/CalcResultContent.vue
index 4d3d07f..8211973 100644
--- a/app/components/CalcResultContent.vue
+++ b/app/components/CalcResultContent.vue
@@ -26,6 +26,7 @@
         :currency="getOfferData(option.sourceUuid)?.currency"
         :unit="getOfferData(option.sourceUuid)?.unit"
         :stages="getRouteStages(option)"
+        :kyc-profile-uuid="getKycProfileUuid(option.sourceUuid)"
       />
     </div>
 
@@ -64,7 +65,7 @@
 <script setup lang="ts">
 import { GetOffersByHubDocument } from '~/composables/graphql/public/geo-generated'
 import type { RouteStageItem } from '~/components/RouteStagesList.vue'
-import { GetOfferDocument } from '~/composables/graphql/public/exchange-generated'
+import { GetOfferDocument, GetSupplierProfileByTeamDocument } from '~/composables/graphql/public/exchange-generated'
 
 const route = useRoute()
 const searchStore = useSearchStore()
@@ -76,6 +77,8 @@ const quantity = computed(() => (route.query.quantity as string) || (searchStore
 
 // Offer data for prices
 const offersData = ref<Map<string, any>>(new Map())
+// Supplier data for KYC profile UUID (by team_uuid)
+const suppliersData = ref<Map<string, any>>(new Map())
 
 const summaryTitle = computed(() => `${productName.value} → ${locationName.value}`)
 const summaryMeta = computed(() => {
@@ -163,26 +166,57 @@ const getOfferData = (uuid?: string | null) => {
   return offersData.value.get(uuid)
 }
 
+// Get KYC profile UUID by offer UUID
+const getKycProfileUuid = (offerUuid?: string | null) => {
+  if (!offerUuid) return null
+  const offer = offersData.value.get(offerUuid)
+  if (!offer?.teamUuid) return null
+  const supplier = suppliersData.value.get(offer.teamUuid)
+  return supplier?.kycProfileUuid || null
+}
+
 // Load offer details for prices
 const loadOfferDetails = async (options: ProductRouteOption[]) => {
   if (options.length === 0) {
     offersData.value.clear()
+    suppliersData.value.clear()
     return
   }
 
   const newOffersData = new Map<string, any>()
+  const newSuppliersData = new Map<string, any>()
+  const teamUuidsToLoad = new Set<string>()
+
+  // First, load all offers
   await Promise.all(options.map(async (option) => {
     if (!option.sourceUuid) return
     try {
       const data = await execute(GetOfferDocument, { uuid: option.sourceUuid }, 'public', 'exchange')
       if (data?.getOffer) {
         newOffersData.set(option.sourceUuid, data.getOffer)
+        if (data.getOffer.teamUuid) {
+          teamUuidsToLoad.add(data.getOffer.teamUuid)
+        }
       }
     } catch (error) {
       console.error('Error loading offer:', option.sourceUuid, error)
     }
   }))
+
+  // Then, load supplier profiles for all team UUIDs
+  await Promise.all([...teamUuidsToLoad].map(async (teamUuid) => {
+    try {
+      const data = await execute(GetSupplierProfileByTeamDocument, { teamUuid }, 'public', 'exchange')
+      if (data?.getSupplierProfileByTeam) {
+        newSuppliersData.set(teamUuid, data.getSupplierProfileByTeam)
+      }
+    } catch (error) {
+      console.error('Error loading supplier:', teamUuid, error)
+    }
+  }))
+
   offersData.value = newOffersData
+  suppliersData.value = newSuppliersData
 }
 
 // Watch for route options and load offers
diff --git a/app/components/SupplierInfoBlock.vue b/app/components/SupplierInfoBlock.vue
new file mode 100644
index 0000000..8489e4d
--- /dev/null
+++ b/app/components/SupplierInfoBlock.vue
@@ -0,0 +1,70 @@
+<template>
+  <div v-if="kycProfileUuid && companyData" class="space-y-2">
+    <div class="flex items-center gap-2">
+      <span class="badge badge-outline badge-sm">{{ companyData.companyType || 'Компания' }}</span>
+      <span v-if="companyData.registrationYear" class="text-xs text-base-content/60">
+        с {{ companyData.registrationYear }} г.
+      </span>
+      <span v-if="companyData.isActive" class="badge badge-success badge-xs">Активна</span>
+    </div>
+    <div v-if="companyData.sourcesCount" class="text-xs text-base-content/60">
+      {{ companyData.sourcesCount }} {{ pluralize(companyData.sourcesCount, 'источник', 'источника', 'источников') }} данных
+    </div>
+  </div>
+  <div v-else-if="kycProfileUuid && pending" class="text-xs text-base-content/60">
+    Загрузка данных...
+  </div>
+</template>
+
+<script setup lang="ts">
+import { GetKycProfileTeaserDocument } from '~/composables/graphql/public/kyc-generated'
+
+const props = defineProps<{
+  kycProfileUuid?: string | null
+}>()
+
+const { execute } = useGraphQL()
+
+const companyData = ref<{
+  companyType?: string | null
+  registrationYear?: number | null
+  isActive?: boolean | null
+  sourcesCount?: number | null
+} | null>(null)
+
+const pending = ref(false)
+
+const loadCompanyData = async () => {
+  if (!props.kycProfileUuid) return
+  pending.value = true
+  try {
+    const data = await execute(
+      GetKycProfileTeaserDocument,
+      { profileUuid: props.kycProfileUuid },
+      'public',
+      'kyc'
+    )
+    companyData.value = data?.companyTeaserByProfile || null
+  } catch (error) {
+    console.error('Error loading company data:', error)
+  } finally {
+    pending.value = false
+  }
+}
+
+watch(() => props.kycProfileUuid, (uuid) => {
+  if (uuid) {
+    loadCompanyData()
+  } else {
+    companyData.value = null
+  }
+}, { immediate: true })
+
+const pluralize = (n: number, one: string, few: string, many: string) => {
+  const mod10 = n % 10
+  const mod100 = n % 100
+  if (mod10 === 1 && mod100 !== 11) return one
+  if (mod10 >= 2 && mod10 <= 4 && (mod100 < 10 || mod100 >= 20)) return few
+  return many
+}
+</script>
diff --git a/app/components/catalog/OfferResultCard.vue b/app/components/catalog/OfferResultCard.vue
index c842ff4..ff06e66 100644
--- a/app/components/catalog/OfferResultCard.vue
+++ b/app/components/catalog/OfferResultCard.vue
@@ -11,6 +11,9 @@
       </Text>
     </div>
 
+    <!-- Supplier info -->
+    <SupplierInfoBlock v-if="kycProfileUuid" :kyc-profile-uuid="kycProfileUuid" class="mb-3" />
+
     <!-- Route stepper -->
     <RouteStepper
       v-if="stages.length > 0"
@@ -33,6 +36,7 @@ const props = withDefaults(defineProps<{
   stages?: RouteStage[]
   startName?: string
   endName?: string
+  kycProfileUuid?: string | null
 }>(), {
   stages: () => []
 })
diff --git a/app/composables/useGraphQL.ts b/app/composables/useGraphQL.ts
index 734dbdc..0bb82ff 100644
--- a/app/composables/useGraphQL.ts
+++ b/app/composables/useGraphQL.ts
@@ -15,6 +15,7 @@ const RESOURCE_MAP: Record<Api, string> = {
 const CLIENT_MAP: Record<string, string> = {
   'public:exchange': 'default',
   'public:geo': 'publicGeo',
+  'public:kyc': 'publicKyc',
   'user:teams': 'teamsUser',
   'user:kyc': 'kycUser',
   'team:teams': 'teamsTeam',
diff --git a/codegen.ts b/codegen.ts
index dae13a0..fe98367 100644
--- a/codegen.ts
+++ b/codegen.ts
@@ -29,6 +29,12 @@ const config: CodegenConfig = {
       plugins,
       config: pluginConfig,
     },
+    './app/composables/graphql/public/kyc-generated.ts': {
+      schema: 'https://kyc.optovia.ru/graphql/public/',
+      documents: './graphql/operations/public/kyc/*.graphql',
+      plugins,
+      config: pluginConfig,
+    },
 
     // User-level operations (ID Token)
     './app/composables/graphql/user/teams-generated.ts': {
diff --git a/graphql/operations/public/exchange/GetSupplierProfile.graphql b/graphql/operations/public/exchange/GetSupplierProfile.graphql
index d815a41..dec1c9a 100644
--- a/graphql/operations/public/exchange/GetSupplierProfile.graphql
+++ b/graphql/operations/public/exchange/GetSupplierProfile.graphql
@@ -2,6 +2,7 @@ query GetSupplierProfile($uuid: String!) {
   getSupplierProfile(uuid: $uuid) {
     uuid
     teamUuid
+    kycProfileUuid
     name
     description
     country
diff --git a/graphql/operations/public/exchange/GetSupplierProfileByTeam.graphql b/graphql/operations/public/exchange/GetSupplierProfileByTeam.graphql
new file mode 100644
index 0000000..c6d4340
--- /dev/null
+++ b/graphql/operations/public/exchange/GetSupplierProfileByTeam.graphql
@@ -0,0 +1,14 @@
+query GetSupplierProfileByTeam($teamUuid: String!) {
+  getSupplierProfileByTeam(teamUuid: $teamUuid) {
+    uuid
+    teamUuid
+    kycProfileUuid
+    name
+    description
+    country
+    logoUrl
+    isVerified
+    isActive
+    offersCount
+  }
+}
diff --git a/graphql/operations/public/kyc/GetKycProfileFull.graphql b/graphql/operations/public/kyc/GetKycProfileFull.graphql
new file mode 100644
index 0000000..fa2b9c5
--- /dev/null
+++ b/graphql/operations/public/kyc/GetKycProfileFull.graphql
@@ -0,0 +1,16 @@
+query GetKycProfileFull($profileUuid: String!) {
+  companyFullByProfile(profileUuid: $profileUuid) {
+    inn
+    ogrn
+    name
+    companyType
+    registrationYear
+    isActive
+    address
+    director
+    capital
+    activities
+    sources
+    lastUpdated
+  }
+}
diff --git a/graphql/operations/public/kyc/GetKycProfileTeaser.graphql b/graphql/operations/public/kyc/GetKycProfileTeaser.graphql
new file mode 100644
index 0000000..4897199
--- /dev/null
+++ b/graphql/operations/public/kyc/GetKycProfileTeaser.graphql
@@ -0,0 +1,8 @@
+query GetKycProfileTeaser($profileUuid: String!) {
+  companyTeaserByProfile(profileUuid: $profileUuid) {
+    companyType
+    registrationYear
+    isActive
+    sourcesCount
+  }
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0b5b93c..3e6ce15 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -209,6 +209,10 @@ export default defineNuxtConfig({
         httpEndpoint: process.env.NUXT_PUBLIC_GEO_GRAPHQL_PUBLIC || 'https://geo.optovia.ru/graphql/public/',
         devtools: { enabled: process.dev }
       },
+      publicKyc: {
+        httpEndpoint: process.env.NUXT_PUBLIC_KYC_GRAPHQL_PUBLIC || 'https://kyc.optovia.ru/graphql/public/',
+        devtools: { enabled: process.dev }
+      },
       teamsUser: {
         httpEndpoint: process.env.NUXT_PUBLIC_TEAMS_GRAPHQL_USER || 'https://teams.optovia.ru/graphql/user/',
         devtools: { enabled: process.dev }