https://consellting.ai/assets/StyleQuickCheckPage-Xv7XbEdU.js

1import{j as e}from"./ui-vendor-BkRu-Mfj.js";import{u as G,r as c}from"./react-vendor-DbNXip1o.js";import{B as r,A as u,i as h,t as b,d0 as D,K as P,j as W,k as E,bZ as K,b_ as L,L as R,c as A,b1 as B}from"./index-DCkPykMA.js";import{m as f,A as O}from"./animation-vendor--n_W8kNI.js";import"./supabase-vendor-BZpXpZq-.js";import"./query-vendor-BJONyTh2.js";import"./form-vendor-DcwWlmwd.js";const a=[{title:"Gesprächsstart",subtitle:"Wie startet die Person typischerweise ein Gespräch?",options:[{type:"D",label:"zielorientiert und kommt sofort zum Punkt"},{type:"I",label:"offen, locker und schnell im Kontakt"},{type:"S",label:"freundlich, abwartend und verbindlich"},{type:"G",label:"sachlich, ruhig und eher zurückhaltend"}]},{title:"Entscheidung",subtitle:"Wie trifft die Person Entscheidungen?",options:[{type:"D",label:"entscheidet schnell – ‚machen wir so'"},{type:"I",label:"entscheidet impulsiv, gerne mit Rückenwind vom Team"},{type:"S",label:"entscheidet erst, wenn alle mitgehen können"},{type:"G",label:"entscheidet erst, wenn Details und Risiken klar sind"}]},{title:"Fragenfokus",subtitle:"Worauf zielt die Person mit ihren Fragen?",options:[{type:"D",label:"das Ergebnis und den nächsten Schritt"},{type:"I",label:"Möglichkeiten, Optionen und Begeisterung"},{type:"S",label:"Auswirkungen auf Menschen und Zusammenarbeit"},{type:"G",label:"Fakten, Hintergründe und Logik"}]},{title:"Unklarheit",subtitle:"Wie reagiert die Person bei Unklarheit?",options:[{type:"D",label:"drückt auf Klarheit: ‚Was ist jetzt die Lösung?'"},{type:"I",label:"redet weiter, denkt laut und sucht Dynamik"},{type:"S",label:"versucht zu beruhigen und wieder Ordnung reinzubringen"},{type:"G",label:"fragt nach Struktur: ‚Was genau bedeutet das?'"}]},{title:"Feedbackstil",subtitle:"Wie gibt die Person Feedback?",options:[{type:"D",label:"direkt, klar, manchmal hart"},{type:"I",label:"motivierend, emotional, manchmal sprunghaft"},{type:"S",label:"wertschätzend, vorsichtig, manchmal zu weich"},{type:"G",label:"präzise, sachlich, manchmal kühl"}]},{title:"Körpersprache",subtitle:"Wie ist die typische Körpersprache?",options:[{type:"D",label:"feste Haltung, klare Gesten, präsente Wirkung"},{type:"I",label:"lebendige Mimik, viel Bewegung, expressive Gesten"},{type:"S",label:"ruhige Ausstrahlung, warmes Lächeln, wenig Hektik"},{type:"G",label:"kontrollierte Mimik, wenig Gestik, konzentrierter Blick"}]}

1,{title:"Rolle im Meeting",subtitle:"Welche Rolle nimmt die Person typischerweise ein?",options:[{type:"D",label:"Treiber: ‚Lasst uns vorankommen'"},{type:"I",label:"Ideengeber: ‚Was wäre, wenn wir…?'"},{type:"S",label:"Stabilisator: ‚Wie kriegen wir das gemeinsam hin?'"},{type:"G",label:"Prüfer: ‚Stimmt das fachlich wirklich so?'"}]},{title:"Widerstand/Konflikt",subtitle:"Wie verhält sich die Person bei Konflikten?",options:[{type:"D",label:"konfrontativ und durchsetzungsstark"},{type:"I",label:"emotional, diskutiert und sucht Einfluss"},{type:"S",label:"ausgleichend, vermeidet Eskalation"},{type:"G",label:"sachlich, analysierend, zieht sich eher zurück"}]},{title:"Neue Infos",subtitle:"Worauf achtet die Person bei neuen Informationen?",options:[{type:"D",label:"klare Konsequenz: ‚Was heißt das jetzt?'"},{type:"I",label:"Nutzen und Chance erkennen"},{type:"S",label:"Sicherheit und Orientierung im Ablauf"},{type:"G",label:"Belege, Daten und nachvollziehbare Quellen"}]},{title:"Zusammenarbeit",subtitle:"Was ist der Person bei der Zusammenarbeit wichtig?",options:[{type:"D",label:"Effizienz und klare Verantwortung"},{type:"I",label:"Spaß, Anerkennung und Kreativität"},{type:"S",label:"Harmonie, Verlässlichkeit und Teamgefühl"},{type:"G",label:"Qualität, Struktur und fundierte Ergebnisse"}]}],y={D:"bg-red-500",I:"bg-yellow-500",S:"bg-green-500",G:"bg-blue-500"},T={D:"Dominant",I:"Initiativ",S:"Stetig",G:"Gewissenhaft"},M={D:"Zielorientiert, entscheidungsfreudig und direkt in der Kommunikation.",I:"Begeisterungsfähig, kreativ und kontaktfreudig im Umgang mit anderen.",S:"Verlässlich, teamorientiert und wertschätzend in der Zusammenarbeit.",G:"Analytisch, strukturiert und qualitätsbewusst bei der Arbeit."};function U(){const d=G(),[i,o]=c.useState(0),[n,p]=c.useState({}),[j,x]=c.useState(!1),g=Object.keys(n).length/a.length*100,k=t=>{p(s=>({...s,[i]:t}))},w=()=>{i<a.length-1&&o(t=>t+1)},N=()=>{i>0&&o(t=>t-1)},v=c.useMemo(()=>{const t={D:0,I:0,S:0,G:0};return Object.values(n).forEach(l=>{t[l]++}),Object.entries(t).sort((l,C)=>C[1]-l[1]).slice(0,3).map(([l])=>l)},[n]),S=Object.keys(n).length===a.length,z=()=>{x(!0)},I=()=>{p({}),o(0),x(!1)};if(j)return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx("div",{className:"bg-gradient-to-br from-primary/10 via-primary/5 to-background border-b",children:e.jsxs("div",{className:"container mx-auto px-4 md:px-8 lg:px-12 py-8 max-w-4xl",children:[e.jsxs(r,{variant:"ghost",className:"mb-4",onClick:()=>d("/content/kommunikationsstile"),children:[e.jsx(u,{className:"w-4 h-4 mr-2"}),"Zurück zum Lernmodul"]}),e.jsx("h1",{className:"text-2xl md:text-3xl font-bold",children:"Dein Kommunikationsstil-Profil"}),e.jsx("p",{className:"text-muted-foreground mt-2",children:"Basierend auf deinen Antworten ergibt sich folgendes Stilprofil:"})]})}),e.jsxs("div",{className:"container mx-auto px-4 md:px-8 lg:px-12 py-8 max-w-4xl",children:[e.jsx("div",{className:"space-y-6",children:v.map((t,s)=>e.jsx(f.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:s*.2},children:e.jsx(h,{className:`border-l-4 ${s===0?"border-l-primary":s===1?"border-l-primary/60":"border-l-primary/30"}`,children:e.jsx(b,{className:"p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:`w-12 h-12 rounded-full ${y[t]} flex items-center justify-center text-white font-bold text-lg`,children:t}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("span",{className:"text-sm text-muted-foreground",children:s===0?"Primärstil":s===1?"Sekundärstil":"Tertiärstil"})}),e.jsx("h3",{className:"text-xl font-semibold",children:T[t]}),e.jsx("p",{className:"text-muted-foreground mt-1",children:M[t]})]})]})})})},t))}),e.jsx(h,{className:"mt-8 bg-muted/50",children:e.jsxs(b,{className:"p-6",children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Was bedeutet das?"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Dieses Profil zeigt deine bevorzugten Kommunikations- und Verhaltenstendenzen. Im Lernmodul erfährst du mehr darüber, wie du diese Erkenntnisse im Vertriebsalltag nutzen kannst – sowohl für dich selbst als auch im Umgang mit Kunden und Stakeholdern."})]})}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 mt-8",children:[e.jsxs(r,{variant:"outline",onClick:I,className:"flex-1",children:[e.jsx(D,{className:"w-4 h-4 mr-2"}),"Nochmal durchführen"]}),e.jsx(r,{onClick:()=>d("/content/kommunikationsstile"),className:"flex-1",children:"Mehr über Kommunikationsstile lernen"})]})]})]});const m=a[i];return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx("div",{className:"bg-gradient-to-br from-primary/10 via-primary/5 to-background border-b",children:e.jsxs("div",{className:"container mx-auto px-4 md:px-8 lg:px-12 py-8 max-w-4xl",children:[e.jsxs(r,{variant:"ghost",className:"mb-4",onClick:()=>d("/content/kommunikationsstile"),children:[e.jsx(u,{className:"w-4 h-4 mr-2"}),"Zurück zum Lernmodul"]}),e.jsx("h1",{className:"text-2xl md:text-3xl font-bold",children:"Kommunikationsstil-Kurzcheck"}),e.jsx("p",{className:"text-muted-foreground mt-2",children:"Beantworte 10 kurze Fragen, um dein bevorzugtes Stilprofil zu ermitteln."})]})}),e.jsxs("div",{className:"container mx-auto px-4 md:px-8 lg:px-12 py-8 max-w-4xl",children:[e.jsxs("div",{className:"mb-8",children:[e.jsxs("div",{className:"flex justify-between text-sm text-muted-foreground mb-2",children:[e.jsxs("span",{children:["Frage ",i+1," von ",a.length]}),e.jsxs("span",{children:[Math.round(g),"% beantwortet"]})]}),e.jsx(P,{value:g,className:"h-2"})]}),e.jsx(O,{mode:"wait",children:e.jsx(f.div,{initial:{opacity:0,x:20}

1,animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.2},children:e.jsxs(h,{children:[e.jsxs(W,{children:[e.jsx(E,{className:"text-xl",children:m.title}),e.jsx("p",{className:"text-muted-foreground",children:m.subtitle})]}),e.jsx(b,{children:e.jsx(K,{value:n[i]||"",onValueChange:t=>k(t),className:"space-y-3",children:m.options.map((t,s)=>e.jsxs("div",{className:`flex items-center space-x-3 p-4 rounded-lg border transition-colors cursor-pointer hover:bg-muted/50 ${n[i]===t.type?"border-primary bg-primary/5":"border-border"}`,onClick:()=>k(t.type),children:[e.jsx(L,{value:t.type,id:`option-${s}`}),e.jsx(R,{htmlFor:`option-${s}`,className:"flex-1 cursor-pointer",children:t.label}),e.jsx("div",{className:`w-6 h-6 rounded-full ${y[t.type]} opacity-60`})]},s))})})]})},i)}),e.jsxs("div",{className:"flex justify-between mt-6",children:[e.jsxs(r,{variant:"outline",onClick:N,disabled:i===0,children:[e.jsx(u,{className:"w-4 h-4 mr-2"}),"Zurück"]}),i<a.length-1?e.jsxs(r,{onClick:w,disabled:!n[i],children:["Weiter",e.jsx(A,{className:"w-4 h-4 ml-2"})]}):e.jsxs(r,{onClick:z,disabled:!S,className:"bg-gradient-to-r from-primary to-primary/80",children:[e.jsx(B,{className:"w-4 h-4 mr-2"}),"Ergebnis anzeigen"]})]}),e.jsx("div",{className:"flex justify-center gap-2 mt-8",children:a.map((t,s)=>e.jsx("button",{onClick:()=>o(s),className:`w-3 h-3 rounded-full transition-colors ${s===i?"bg-primary":n[s]?"bg-primary/40":"bg-muted"}`},s))})]})]})}export{U as default};