From c87b115bb54123b427fb9edb56d5552b8507a9df Mon Sep 17 00:00:00 2001
From: "dev.daminik00" <dev.daminik00@gmail.com>
Date: Thu, 23 Oct 2025 02:51:26 +0200
Subject: [PATCH] trial choice

---
 .../TrialChoiceTemplate/TrialChoiceTemplate.tsx        |  6 +++++-
 .../widgets/ProfileCreated/ProfileCreated.tsx          | 10 +++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/funnel/templates/TrialChoiceTemplate/TrialChoiceTemplate.tsx b/src/components/funnel/templates/TrialChoiceTemplate/TrialChoiceTemplate.tsx
index eb90a73..8a6444d 100644
--- a/src/components/funnel/templates/TrialChoiceTemplate/TrialChoiceTemplate.tsx
+++ b/src/components/funnel/templates/TrialChoiceTemplate/TrialChoiceTemplate.tsx
@@ -54,7 +54,11 @@ export function TrialChoiceTemplate(props: TrialChoiceTemplateProps) {
   const trialOptionsRef = useRef<HTMLDivElement | null>(null);
 
   // Получаем email из answers воронки
-  const email = typeof answers.email === 'string' ? answers.email : 'user@example.com';
+  // Email хранится как массив строк под ключом с ID email экрана
+  // Сначала ищем email экран по template, затем берем его ID
+  const emailScreen = funnel.screens.find(s => s.template === 'email');
+  const emailScreenId = emailScreen?.id || 'email'; // fallback на 'email' для обратной совместимости
+  const email = answers[emailScreenId]?.[0] || 'user@example.com';
 
   // Map variant -> TrialOption items with server-provided English titles and accent (last as fallback)
   const items = useMemo(() => {
diff --git a/src/components/widgets/ProfileCreated/ProfileCreated.tsx b/src/components/widgets/ProfileCreated/ProfileCreated.tsx
index f872ffe..2b81dc2 100644
--- a/src/components/widgets/ProfileCreated/ProfileCreated.tsx
+++ b/src/components/widgets/ProfileCreated/ProfileCreated.tsx
@@ -13,9 +13,9 @@ export function ProfileCreated({ email }: ProfileCreatedProps) {
   const avatarLetter = email.charAt(0).toUpperCase();
 
   return (
-    <div className="inline-flex items-center gap-5 rounded-2xl border-2 border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-[18px]">
+    <div className="flex items-center gap-5 rounded-2xl border-2 border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-[18px] w-full">
       {/* Profile section with avatar and email */}
-      <div className="flex items-center gap-3">
+      <div className="flex items-center gap-3 flex-1 min-w-0">
         {/* Avatar with first letter */}
         <div className="flex h-12 w-12 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-blue-900 shadow-[0_2px_4px_0_rgba(0,0,0,0.1),0_4px_6px_0_rgba(0,0,0,0.1)]">
           <span className="text-center font-inter text-xl font-bold leading-7 text-white">
@@ -24,11 +24,11 @@ export function ProfileCreated({ email }: ProfileCreatedProps) {
         </div>
 
         {/* Email and success message */}
-        <div className="flex flex-col items-start justify-center">
-          <p className="font-inter text-lg font-semibold leading-7 text-[#333333]">
+        <div className="flex flex-col items-start justify-center min-w-0 flex-1">
+          <p className="font-inter text-lg font-semibold leading-7 text-[#333333] truncate w-full">
             {email}
           </p>
-          <p className="font-inter text-sm font-medium leading-5 text-blue-600">
+          <p className="font-inter text-sm font-medium leading-5 text-blue-600 whitespace-nowrap">
             Profile created successfully
           </p>
         </div>