https://bluerevolution-cc.manus.space/assets/ConversionAnalytics-2ugVTckj.js

1import{j as s}from"./editor-BhGk7_S1.js";import{b as L}from"./leaflet-DcfcX7a_.js";import{c as T,b as d,a as D}from"./index-BjIHAQhU.js";import{C as n,a as i,b as c,d as l,c as x}from"./card-CaSmhJ1l.js";import{S as M,a as B,b as K,c as P,d as m}from"./select-C0Q9juWM.js";import{S as E}from"./sparkles-d8zLxPkz.js";import{M as I}from"./mail-Ds9fVSLJ.js";import{L as _}from"./log-in-CXlq96ds.js";import{R as h,C as y,X as C,Y as A,T as j,B as z,a as u}from"./BarChart-BZ6Y3dqo.js";import{L as O,a as o}from"./LineChart-ruuIh6ah.js";import{T as W}from"./trending-up-OBB4GJfQ.js";import"./mapbox-BPFQ-Sfv.js";import"./trpc-DqtxhgQo.js";import"./index-CHxMfpQB.js";import"./index-CmmlU_cv.js";import"./index-C23KnXi3.js";import"./chevron-down-BC8hO1vL.js";import"./check-DFqoFjW9.js";import"./chevron-up-DhLuLA_x.js";import"./d3-Ba_a5G6x.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const Q=T("MousePointerClick",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);function ds(){const[p,b]=L.useState("30"),r=()=>{const e=new Date,a=new Date;return a.setDate(a.getDate()-parseInt(p)),{startDate:a.toISOString(),endDate:e.toISOString()}},{data:t,isLoading:f}=d.conversionAnalytics.getFunnelStats.useQuery(r()),{data:N,isLoading:w}=d.conversionAnalytics.getTopFeatures.useQuery({...r(),limit:10}),{data:k,isLoading:F}=d.conversionAnalytics.getTimeline.useQuery(r());if(f||w||F)return s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:28",className:"min-h-screen flex items-center justify-center bg-background text-foreground",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:29",className:"starfield"}),s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:30",className:"flex flex-col items-center gap-4 z-10",children:[s.jsx(D,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:31",className:"w-12 h-12 animate-spin text-[#0047FF]"}),s.jsx("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:32",className:"text-white/70",children:"Chargement des analytics..."})]})]});const S=k?.reduce((e,a)=>{const v=e.find(R=>R.date===a.date);return v?v[a.eventType]=a.count:e.push({date:a.date,[a.eventType]:a.count}),e},[])||[],g=N?.map(e=>({feature:e.feature.replace("_"," ").replace(/\b\w/g,a=>a.toUpperCase()),clicks:e.lockClicks,conversions:e.loginSuccesses,rate:e.conversionRate}))||[];return s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:61",className:"min-h-screen bg-background text-foreground",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:62",className:"starfield"}),s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:64",className:"relative z-10 container py-8 space-y-8",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:66",className:"flex flex-col md:flex-row justify-between items-start md:items-center gap-4",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:67",children:[s.jsx("h1",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:68",className:"text-4xl font-bold bg-gradient-to-r from-[#002FA7] via-[#0047FF] to-[#00A3FF] bg-clip-text text-transparent mb-2",children:"Conversion Analytics"}),s.jsx("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:71",className:"text-white/70",children:"Suivez l'engagement des visiteurs non-connectés avec les fonctionnalités verrouillées"})]}),s.jsxs(M,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:76",value:p,onValueChange:b,children:[s.jsx(B,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:77",className:"w-[200px] bg-white/5 border-white/10 text-white",children:s.jsx(K,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:78"})}),s.jsxs(P,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:80",children:[s.jsx(m,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:81",value:"7",children:"7 derniers jours"}),s.jsx(m,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:82",value:"30",children:"30 derniers jours"}),s.jsx(m,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:83",value:"90",children:"90 derniers jours"})]})]})]}),s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:89",className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:90",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:91",className:"flex flex-row items-center justify-between pb-2",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:92",className:"text-sm font-medium text-white/70",children:"Clics sur Cadenas"}),s.jsx(Q,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:93",className:"h-5 w-5 text-[#0047FF]"})]}),s.jsxs(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:95",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:96",className:"text-3xl font-bold text-white",children:t?.eventCounts.lockClicks||0}),s.jsx("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:97",className:"text-xs text-white/50 mt-1",children:"Visiteurs intéressés"})]})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:101",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:102",className:"flex flex-row items-center justify-between pb-2",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:103",className:"text-sm font-medium text-white/70",children:"Popups Ouvertes"}),s.jsx(E,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:104",className:"h-5 w-5 text-[#0047FF]"})]}),s.jsxs(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:106",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:107",className:"text-3xl font-bold text-white",children:t?.eventCounts.popupOpens||0}),s.jsxs("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:108",className:"text-xs text-[#00A3FF] mt-1",children:[t?.conversionRates.clickToPopupRate,"% des clics"]})]})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:114",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:115",className:"flex flex-row items-center justify-between pb-2",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:116",className:"text-sm font-medium text-white/70",children:"Magic Links Envoyés"}),s.jsx(I,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:117",className:"h-5 w-5 text-[#0047FF]"})]}),s.jsxs(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:119",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:120",className:"text-3xl font-bold text-white",children:t?.eventCounts.magicLinksSent||0}),s.jsxs("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:121",className:"text-xs text-[#00A3FF] mt-1",children:[t?.conversionRates.popupToMagicLinkRate,"% des popups"]})]})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:127",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:128",className:"flex flex-row items-center justify-between pb-2",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:129",className:"text-sm font-medium text-white/70",children:"Connexions Réussies"}),s.jsx(_,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:130",className:"h-5 w-5 text-[#00A3FF]"})]}),s.jsxs(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:132",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:133",className:"text-3xl font-bold text-white",children:t?.eventCounts.loginSuccesses||0}),s.jsxs("p",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:134",className:"text-xs text-[#00A3FF] mt-1",children:[t?.conversionRates.overallConversionRate,"% taux de conversion global"]})]})]})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:142",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:143",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:144",className:"text-2xl font-bold bg-gradient-to-r from-[#002FA7] via-[#0047FF] to-[#00A3FF] bg-clip-text text-transparent",children:"Funnel de Conversion"}),s.jsx(x,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:147",className:"text-white/70",children:"Parcours des visiteurs du clic initial à la connexion réussie"})]}),s.jsx(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:151",children:s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:152",className:"space-y-4",children:s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:154",className:"grid grid-cols-1 md:grid-cols-4 gap-4",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:155",className:"relative",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:156",className:"h-32 bg-gradient-to-r from-[#002FA7] to-[#0047FF] rounded-lg flex flex-col items-center justify-center",children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:157",className:"text-3xl font-bold text-white",children:t?.eventCounts.lockClicks||0}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:158",className:"text-sm text-white/80",children:"Clics"})]}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:160",className:"absolute -right-2 top-1/2 -translate-y-1/2 text-white/50 hidden md:block",children:"→"})]}),s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:163",className:"relative",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:164",className:"h-32 bg-gradient-to-r from-[#0047FF] to-[#00A3FF] rounded-lg flex flex-col items-center justify-center",style:{width:`${t?.conversionRates.clickToPopupRate||100}%`},children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:165",className:"text-3xl font-bold text-white",children:t?.eventCounts.popupOpens||0}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:166",className:"text-sm text-white/80",children:"Popups"})]}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:168",className:"absolute -right-2 top-1/2 -translate-y-1/2 text-white/50 hidden md:block",children:"→"})]}),s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:171",className:"relative",children:[s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:172",className:"h-32 bg-gradient-to-r from-[#00A3FF] to-[#5BA4E5] rounded-lg flex flex-col items-center justify-center",style:{width:`${t?.conversionRates.popupToMagicLinkRate||100}%`},children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:173",className:"text-3xl font-bold text-white",children:t?.eventCounts.magicLinksSent||0}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:174",className:"text-sm text-white/80",children:"Magic Links"})]}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:176",className:"absolute -right-2 top-1/2 -translate-y-1/2 text-white/50 hidden md:block",children:"→"})]}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:179",className:"relative",children:s.jsxs("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:180",className:"h-32 bg-gradient-to-r from-[#5BA4E5] to-[#1E6BB8] rounded-lg flex flex-col items-center justify-center",style:{width:`${t?.conversionRates.magicLinkToLoginRate||100}%`},children:[s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:181",className:"text-3xl font-bold text-white",children:t?.eventCounts.loginSuccesses||0}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:182",className:"text-sm text-white/80",children:"Connexions"})]})})]})})})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:191",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:192",children:[s.jsx(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:193",className:"text-2xl font-bold bg-gradient-to-r from-[#002FA7] via-[#0047FF] to-[#00A3FF] bg-clip-text text-transparent",children:"Évolution Temporelle"}),s.jsx(x,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:196",className:"text-white/70",children:"Nombre d'événements par jour"})]}),s.jsx(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:200",children:s.jsx(h,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:201",width:"100%",height:300,children:s.jsxs(O,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:202",data:S,children:[s.jsx(y,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:203",strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.1)"}),s.jsx(C,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:204",dataKey:"date",stroke:"rgba(255,255,255,0.5)",tick:{fill:"rgba(255,255,255,0.7)"}}),s.jsx(A,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:209",stroke:"rgba(255,255,255,0.5)",tick:{fill:"rgba(255,255,255,0.7)"}}),s.jsx(j,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:213",contentStyle:{backgroundColor:"rgba(10, 14, 39, 0.95)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:"8px",color:"#fff"}}),s.jsx(o,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:221",type:"monotone",dataKey:"lock_click",stroke:"#002FA7",strokeWidth:2,name:"Clics"}),s.jsx(o,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:222",type:"monotone",dataKey:"popup_open",stroke:"#0047FF",strokeWidth:2,name:"Popups"}),s.jsx(o,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:223",type:"monotone",dataKey:"magic_link_sent",stroke:"#00A3FF",strokeWidth:2,name:"Magic Links"}),s.jsx(o,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:224",type:"monotone",dataKey:"login_success",stroke:"#5BA4E5",strokeWidth:2,name:"Connexions"})]})})})]}),s.jsxs(n,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:231",className:"bg-white/5 backdrop-blur-md border-white/10",children:[s.jsxs(i,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:232",children:[s.jsxs(c,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:233",className:"text-2xl font-bold bg-gradient-to-r from-[#002FA7] via-[#0047FF] to-[#00A3FF] bg-clip-text text-transparent flex items-center gap-2",children:[s.jsx(W,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:234",className:"h-6 w-6"}),"Top Features par Conversion"]}),s.jsx(x,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:237",className:"text-white/70",children:"Fonctionnalités qui convert

6issent le mieux les visiteurs"})]}),s.jsxs(l,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:241",children:[s.jsx(h,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:242",width:"100%",height:400,children:s.jsxs(z,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:243",data:g,layout:"vertical",children:[s.jsx(y,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:244",strokeDasharray:"3 3",stroke:"rgba(255,255,255,0.1)"}),s.jsx(C,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:245",type:"number",stroke:"rgba(255,255,255,0.5)",tick:{fill:"rgba(255,255,255,0.7)"}}),s.jsx(A,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:250",type:"category",dataKey:"feature",stroke:"rgba(255,255,255,0.5)",tick:{fill:"rgba(255,255,255,0.7)"},width:150}),s.jsx(j,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:257",contentStyle:{backgroundColor:"rgba(10, 14, 39, 0.95)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:"8px",color:"#fff"}}),s.jsx(u,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:265",dataKey:"clicks",fill:"#002FA7",name:"Clics",radius:[0,4,4,0]}),s.jsx(u,{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:266",dataKey:"conversions",fill:"#00A3FF",name:"Connexions",radius:[0,4,4,0]})]})}),s.jsx("div",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:271",className:"mt-6 overflow-x-auto",children:s.jsxs("table",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:272",className:"w-full",children:[s.jsx("thead",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:273",children:s.jsxs("tr",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:274",className:"border-b border-white/10",children:[s.jsx("th",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:275",className:"text-left py-3 px-4 text-white/70 font-medium",children:"Feature"}),s.jsx("th",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:276",className:"text-right py-3 px-4 text-white/70 font-medium",children:"Clics"}),s.jsx("th",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:277",className:"text-right py-3 px-4 text-white/70 font-medium",children:"Connexions"}),s.jsx("th",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:278",className:"text-right py-3 px-4 text-white/70 font-medium",children:"Taux"})]})}),s.jsx("tbody",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:281",children:g.map((e,a)=>s.jsxs("tr",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:283",className:"border-b border-white/5 hover:bg-white/5",children:[s.jsx("td",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:284",className:"py-3 px-4 text-white",children:e.feature}),s.jsx("td",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:285",className:"py-3 px-4 text-right text-white/80",children:e.clicks}),s.jsx("td",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:286",className:"py-3 px-4 text-right text-white/80",children:e.conversions}),s.jsx("td",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:287",className:"py-3 px-4 text-right",children:s.jsxs("span",{"data-loc":"client/src/pages/admin/ConversionAnalytics.tsx:288",className:"text-[#00A3FF] font-semibold",children:[e.rate,"%"]})})]},a))})]})})]})]})]})]})}export{ds as default};