1import{o as _,r as s,j as e,m as C,X as z,p as W,E as ae,W as M}from"./index-VUr8YUys.js";import{l as fe}from"./logo-CJuMBHBg.js";import{B as N,I as q}from"./input-DgCQIqit.js";import{L as X,T as Z}from"./label-DGNJ4oUz.js";import{A as S}from"./index-CpBfLHoU.js";import{m}from"./proxy-ayByqVQh.js";import{C as T}from"./check-9yoygiqT.js";import{R as be}from"./rotate-ccw-DUV4EjTX.js";import{P}from"./pause-BqKJZeJb.js";import{P as E}from"./play-eI5eLE4k.js";import{P as ye}from"./plus-BbQIuT3l.js";import{S as se}from"./shield-DAVKeKW9.js";import{S as ie}from"./sparkles-B2jLDViR.js";import{T as ve}from"./trash-2-0pQik2OL.js";/** 2 * @license lucide-react v0.545.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 ge=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M16 16s-1.5-2-4-2-4 2-4 2",key:"epbg0q"}],["line",{x1:"9",x2:"9.01",y1:"9",y2:"9",key:"yxxnd0"}],["line",{x1:"15",x2:"15.01",y1:"9",y2:"9",key:"1p4y9e"}]],re=_("frown",ge);/** 7 * @license lucide-react v0.545.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const je=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 14s1.5 2 4 2 4-2 4-2",key:"1y1vjs"}],["line",{x1:"9",x2:"9.01",y1:"9",y2:"9",key:"yxxnd0"}],["line",{x1:"15",x2:"15.01",y1:"9",y2:"9",key:"1p4y9e"}]],ne=_("smile",je);/** 12 * @license lucide-react v0.545.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const Ne=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],we=_("volume-2",Ne),k=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("rounded-xl border bg-card text-card-foreground shadow",r),...o}));k.displayName="Card";const V=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("flex flex-col space-y-1.5 p-6",r),...o}));V.displayName="CardHeader";const Y=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("font-semibold leading-none tracking-tight",r),...o}));Y.displayName="CardTitle";const ke=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("text-sm text-muted-foreground",r),...o}));ke.displayName="CardDescription";const A=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("p-6 pt-0",r),...o}));A.displayName="CardContent";const Ae=s.forwardRef(({className:r,...o},l)=>e.jsx("div",{ref:l,className:C("flex items-center p-6 pt-0",r),...o}));Ae.displayName="CardFooter";const Se=[{value:"x",label:"X",icon:z},{value:"clock",label:"Clock",icon:W},{value:"frown",label:"Sad",icon:re},{value:"alert",label:"Alert",icon:ae}],Ee=[{value:"check",label:"Check",icon:T},{value:"smile",label:"Happy",icon:ne},{value:"shield",label:"Shield",icon:se},{value:"sparkles",label:"Sparkles",icon:ie}],De=r=>{switch(r){case"x":return z;case"clock":return W;case"frown":return re;case"alert":return ae;default:return z}},ze=r=>{switch(r){case"check":return T;case"smile":return ne;case"shield":return se;case"sparkles":return ie;default:return T}},Te=[{start:0,end:5,text:"Saatlerce telefonda bekleyip operasyonel yükle uÄraÅmak mı?"},{start:5,end:8,text:"Yoksa bütün iÅlemlerin dakikalar içerisinde yapılması mı?"},{start:8,end:11,text:"Tabii ki de bütün iÅlemlerin dakikalar içerisinde yapılması."},{start:11,end:14,text:"Åirket kurallarına ve çıkarlarına uyuÅmayan seyahat alımları mı?"},{start:14,end:17,text:"Yoksa Yolwise'ın seyahat politikaları ile kontrolün sizde olması mı?"},{start:17,end:23,text:"Yolwise'ın seyahat politikaları ile kontrolün her zaman sizde olması."},{start:23,end:26,text:"Bilginiz ve onayınız olmadan alım yapılması mı?"},{start:26,end:28,text:"Yoksa Yolwise onay mekanizması mı?"},{start:28,end:31,text:"Yolwise onay mekanizması."}
16,{start:31,end:35,text:"Saatlerce Åirketinizin seyahat raporlarını oluÅturmakla zaman kaybı mı?"},{start:35,end:39,text:"Yoksa ERP'nize uygun hazır seyahat raporları mı?"},{start:39,end:42,text:"ERP'ye uygun, hazır seyahat raporları."},{start:42,end:48,text:"Rezervasyon, ödemeler ve faturalar için ayrı ayrı farklı kanal yönetimi mi?"},{start:48,end:52,text:"Yoksa tek bir yerde bunların çözümünü saÄlamak mı?"},{start:52,end:57,text:"Ãok net, tek bir yerde bunların çözümünü saÄlamak."}],Ce=[{id:"1",timestamp:0,optionA:{text:"Saatlerce telefonda bekleyip operasyonel yükle uÄraÅmak",icon:"clock"},optionB:{text:"Bütün iÅlemlerin dakikalar içerisinde yapılması",icon:"check"},responseTimestamp:8},{id:"2",timestamp:11,optionA:{text:"Åirket kurallarına uyuÅmayan seyahat alımları",icon:"x"},optionB:{text:"Yolwise seyahat politikaları ile kontrol sizde",icon:"shield"},responseTimestamp:17},{id:"3",timestamp:23,optionA:{text:"Bilginiz olmadan alım yapılması",icon:"alert"},optionB:{text:"Yolwise onay mekanizması",icon:"check"},responseTimestamp:28},{id:"4",timestamp:30,optionA:{text:"Saatlerce seyahat raporları oluÅturmak",icon:"clock"},optionB:{text:"ERP'ye uygun hazır seyahat raporları",icon:"sparkles"},responseTimestamp:39},{id:"5",timestamp:42,optionA:{text:"Farklı kanal yönetimi: Rezervasyon, ödemeler, faturalar",icon:"frown"},optionB:{text:"Tek bir yerde çözüm saÄlamak",icon:"smile"},responseTimestamp:52}];function Ze(){const[r,o]=s.useState(Ce),[l,u]=s.useState(0),[v,f]=s.useState(!1),[d,b]=s.useState(null),[t,n]=s.useState(!1),[y,x]=s.useState(null),[p,h]=s.useState(new Set),[w,g]=s.useState(60),[B,O]=s.useState(!1),[$,I]=s.useState(null),[U,le]=s.useState(null),j=s.useRef(null),F=s.useRef(null),G=s.useCallback(()=>(F.current||(F.current=new(window.AudioContext||window.webkitAudioContext)),F.current),[]),H=s.useCallback(()=>{try{const a=G();a.state==="suspended"&&a.resume();const i=a.createOscillator(),c=a.createGain();i.connect(c),c.connect(a.destination),i.frequency.setValueAtTime(880,a.currentTime),i.frequency.setValueAtTime(1100,a.currentTime+.1),c.gain.setValueAtTime(.3,a.currentTime),c.gain.exponentialRampToValueAtTime(.01,a.currentTime+.4),i.start(a.currentTime),i.stop(a.currentTime+.4)}catch(a){console.log("Audio playback failed:",a)}},[G]);s.useEffect(()=>()=>{F.current&&F.current.close()},[]),s.useEffect(()=>{const a=r.find(i=>l>=i.timestamp&&l<i.responseTimestamp+3);a?.id!==d?.id&&(b(a||null),a&&p.has(a.id)?n(!0):n(!1)),a&&l>=a.responseTimestamp&&!p.has(a.id)&&(n(!0),H(),h(i=>new Set(i).add(a.id)))},[l,r,d,p,H]);const oe=()=>{if(j.current){const a=j.current.currentTime;u(a);const i=Te.find(c=>a>=c.start&&a<c.end);le(i?.text||null)}},de=()=>{j.current&&(g(j.current.duration),O(!0),I(null))},ce=a=>{const c=a.currentTarget.error;let R="Video failed to load";if(c){switch(c.code){case MediaError.MEDIA_ERR_ABORTED:R="Video loading aborted";break;case MediaError.MEDIA_ERR_NETWORK:R="Network error while loading video";break;case MediaError.MEDIA_ERR_DECODE:R="Video decode error - format not supported";break;case MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:R="Video format not supported by browser";break}console.error("Video error:",c.code,c.message)}I(R),O(!1)},me=()=>{O(!0),I(null)};s.useEffect(()=>{j.current&&B&&(v?j.current.play().catch(()=>{f(!1)}):j.current.pause())},[v,B]);const xe=()=>f(!v),pe=()=>{j.current&&(j.current.currentTime=0),u(0),f(!1),b(null),n(!1),h(new Set)},K=a=>{j.current&&(j.current.currentTime=a),u(a)},he=()=>{const a={id:Date.now().toString(),timestamp:Math.floor(l),optionA:{text:"Negative option text",icon:"x"},optionB:{text:"Positive option (Yolwise)",icon:"check"},responseTimestamp:Math.floor(l)+5};o([...r,a].sort((i,c)=>i.timestamp-c.timestamp)),x(a.id)},D=(a,i)=>{o(r.map(c=>c.id===a?{...c,...i}:c))},ue=a=>{o(r.filter(i=>i.id!==a))},L=a=>{const i=Math.floor(a/60),c=Math.floor(a%60);return`${i.toString().padStart(2,"0")}:${c.toString().padStart(2,"0")}`};return e.jsxs("div",{className:"min-h-screen bg-[#F7F8FE]",children:[e.jsxs("div",{className:"container mx-auto px-4 py-8",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("h1",{className:"text-4xl font-display font-bold text-[#3A3A3A] mb-2","data-testid":"page-title",children:"Reframe Video Editor"}),e.jsx("p",{className:"text-[#3A3A3A]/60 font-sans",children:"Option A vs Option B Overlay Generator"})]}),e.jsxs("div",{className:"grid lg:grid-cols-2 gap-8",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(k,{className:"bg-white border-[#D9D9D9] shadow-lg",children:[e.jsx(V,{className:"pb-2",children:e.jsxs(Y,{className:"text-[#3A3A3A] font-display flex items-center gap-2",children:[e.jsx(we,{className:"w-5 h-5 text-[#4059AD]"}),"Video Preview"]})}),e.jsxs(A,{children:[e.jsxs("div",{className:"relative aspect-[9/16] bg-black overflow-hidden","data-testid":"video-preview",children:[e.jsx("video",{ref:j,src:"/reframe-video.mp4",onTimeUpdate:oe,onLoadedMetadata:de,onError:ce,onCanPlay:me,className:"absolute inset-0 w-full h-full object-cover",playsInl
16ine:!0,preload:"auto"}),e.jsx("div",{className:"absolute top-3 right-3 z-30",children:e.jsx("div",{className:"bg-white/95 backdrop-blur-sm rounded-xl px-3 py-1.5 shadow-lg",children:e.jsx("img",{src:fe,alt:"Yolwise",className:"h-6 w-auto"})})}),e.jsx(S,{children:U&&e.jsx(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10},className:"absolute bottom-4 left-3 right-3 z-25",children:e.jsx("div",{className:"bg-[#4059AD]/95 backdrop-blur-sm rounded-3xl px-6 py-5",children:e.jsx("p",{className:"text-white text-5xl font-display font-bold text-center leading-tight",children:U})})})}),$&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/80 z-30",children:e.jsxs("div",{className:"text-center text-red-400",children:[e.jsx("p",{className:"text-lg font-bold mb-2",children:"Video Error"}),e.jsx("p",{className:"text-sm",children:$})]})}),!B&&!$&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/80 z-30",children:e.jsxs("div",{className:"text-center text-white",children:[e.jsx("div",{className:"w-8 h-8 border-4 border-purple-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"}),e.jsx("p",{className:"text-sm",children:"Loading video..."})]})}),e.jsx(S,{children:d&&e.jsx(m.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},className:"absolute top-4 left-2 right-2 z-10",children:e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx(m.div,{animate:{scale:t?.85:1,opacity:t?.4:1},className:"relative",children:e.jsxs("div",{className:`bg-white/95 backdrop-blur-md p-5 rounded-2xl shadow-xl ${t?"opacity-60":""}`,children:[t&&e.jsx(m.div,{initial:{scale:0},animate:{scale:1},className:"absolute inset-0 flex items-center justify-center bg-black/40 rounded-2xl",children:e.jsx(z,{className:"w-16 h-16 text-red-500 stroke-[3]"})}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-red-500/20 flex items-center justify-center",children:(()=>{const a=De(d.optionA.icon);return e.jsx(a,{className:"w-6 h-6 text-red-500"})})()}),e.jsx("span",{className:"text-lg font-display font-bold text-red-500 uppercase tracking-wide",children:"Opsiyon A"})]}),e.jsx("p",{className:"text-xl font-sans font-semibold text-[#3A3A3A] leading-snug",children:d.optionA.text})]})}),e.jsx(m.div,{animate:{scale:t?1.05:1,zIndex:t?10:1},transition:{type:"spring",stiffness:300,damping:20},className:"relative",children:e.jsxs(m.div,{className:"bg-[#EFFE8D] backdrop-blur-md p-5 rounded-2xl shadow-xl",animate:{boxShadow:t?"0 0 40px rgba(239, 254, 141, 0.8)":"0 4px 20px rgba(0, 0, 0, 0.15)"},children:[t&&e.jsx(m.div,{initial:{scale:0,rotate:-180},animate:{scale:1,rotate:0},transition:{type:"spring",stiffness:500},className:"absolute -top-4 -right-4 bg-[#4059AD] rounded-full p-2 shadow-lg",children:e.jsx(T,{className:"w-6 h-6 text-white stroke-[3]"})}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-[#4059AD]/20 flex items-center justify-center",children:(()=>{const a=ze(d.optionB.icon);return e.jsx(a,{className:"w-6 h-6 text-[#4059AD]"})})()}),e.jsx("span",{className:"text-lg font-display font-bold text-[#4059AD] uppercase tracking-wide",children:"Opsiyon B"})]}),e.jsx("p",{className:"text-xl font-sans font-semibold text-[#3A3A3A] leading-snug",children:d.optionB.text})]})})]})})})]}),e.jsxs("div",{className:"bg-[#F7F8FE] border border-[#D9D9D9] rounded-2xl p-4 mt-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("span",{className:"text-[#3A3A3A] font-sans font-medium text-lg","data-testid":"current-time",children:[L(l)," / ",L(w)]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(N,{size:"sm",variant:"outline",onClick:pe,className:"text-[#4059AD] border-[#4059AD] hover:bg-[#4059AD]/10 rounded-xl","data-testid":"button-reset",children:e.jsx(be,{className:"w-4 h-4"})}),e.jsx(N,{size:"sm",onClick:xe,className:"bg-[#4059AD] hover:bg-[#2A3E85] text-white rounded-xl shadow-lg shadow-[#4059ad]/20","data-testid":"button-play",children:v?e.jsx(P,{className:"w-4 h-4"}):e.jsx(E,{className:"w-4 h-4"})})]})]}),e.jsx("input",{type:"range",min:"0",max:w,step:"0.1",value:l,onCh
16ange:a=>K(parseFloat(a.target.value)),className:"w-full h-2 bg-[#D9D9D9] rounded-lg appearance-none cursor-pointer accent-[#4059AD]","data-testid":"slider-timeline"})]})]})]})}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs(k,{className:"bg-white border-[#D9D9D9] shadow-lg",children:[e.jsx(V,{className:"pb-2",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(Y,{className:"text-[#3A3A3A] font-display",children:"Segments"}),e.jsxs(N,{size:"sm",onClick:he,className:"bg-[#4059AD] hover:bg-[#2A3E85] text-white rounded-xl shadow-lg shadow-[#4059ad]/20","data-testid":"button-add-segment",children:[e.jsx(ye,{className:"w-4 h-4 mr-1"}),"Add"]})]})}),e.jsx(A,{className:"space-y-3 max-h-[600px] overflow-y-auto",children:r.map(a=>e.jsx("div",{className:`p-4 rounded-lg border transition-all ${d?.id===a.id?"bg-purple-900/50 border-purple-500":"bg-slate-800/50 border-slate-700 hover:border-purple-500/50"}`,"data-testid":`segment-${a.id}`,children:y===a.id?e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx(X,{className:"text-slate-300 text-xs",children:"Start (sec)"}),e.jsx(q,{type:"number",value:a.timestamp,onChange:i=>D(a.id,{timestamp:parseFloat(i.target.value)}),className:"bg-slate-700 border-slate-600 text-white h-8","data-testid":`input-start-${a.id}`})]}),e.jsxs("div",{children:[e.jsx(X,{className:"text-slate-300 text-xs",children:"Response (sec)"}),e.jsx(q,{type:"number",value:a.responseTimestamp,onChange:i=>D(a.id,{responseTimestamp:parseFloat(i.target.value)}),className:"bg-slate-700 border-slate-600 text-white h-8","data-testid":`input-response-${a.id}`})]})]}),e.jsxs("div",{className:"p-3 bg-red-900/30 rounded-lg border border-red-500/30",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(z,{className:"w-4 h-4 text-red-400"}),e.jsx("span",{className:"text-red-300 text-xs font-semibold",children:"Option A (Negative)"})]}),e.jsx(Z,{value:a.optionA.text,onChange:i=>D(a.id,{optionA:{...a.optionA,text:i.target.value}}),className:"bg-red-950/50 border-red-700/50 text-white text-sm h-16","data-testid":`textarea-optionA-${a.id}`}),e.jsx("div",{className:"flex gap-1 mt-2",children:Se.map(i=>e.jsx("button",{onClick:()=>D(a.id,{optionA:{...a.optionA,icon:i.value}}),className:`p-1.5 rounded ${a.optionA.icon===i.value?"bg-red-600":"bg-red-900/50"}`,"data-testid":`button-iconA-${i.value}-${a.id}`,children:e.jsx(i.icon,{className:"w-4 h-4 text-red-200"})},i.value))})]}),e.jsxs("div",{className:"p-3 bg-emerald-900/30 rounded-lg border border-emerald-500/30",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(T,{className:"w-4 h-4 text-emerald-400"}),e.jsx("span",{className:"text-emerald-300 text-xs font-semibold",children:"Option B (Positive/Winner)"})]}),e.jsx(Z,{value:a.optionB.text,onChange:i=>D(a.id,{optionB:{...a.optionB,text:i.target.value}}),className:"bg-emerald-950/50 border-emerald-700/50 text-white text-sm h-16","data-testid":`textarea-optionB-${a.id}`}),e.jsx("div",{className:"flex gap-1 mt-2",children:Ee.map(i=>e.jsx("button",{onClick:()=>D(a.id,{optionB:{...a.optionB,icon:i.value}}),className:`p-1.5 rounded ${a.optionB.icon===i.value?"bg-emerald-600":"bg-emerald-900/50"}`,"data-testid":`button-iconB-${i.value}-${a.id}`,children:e.jsx(i.icon,{className:"w-4 h-4 text-emerald-200"})},i.value))})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(N,{size:"sm",variant:"ghost",onClick:()=>ue(a.id),className:"text-red-400 hover:text-red-300 hover:bg-red-900/30","data-testid":`button-delete-${a.id}`,children:e.jsx(ve,{className:"w-4 h-4"})}),e.jsx(N,{size:"sm",onClick:()=>x(null),className:"bg-purple-600 hover:bg-purple-700","data-testid":`button-done-${a.id}`,children:"Done"})]})]}):e.jsxs("div",{className:"cursor-pointer",onClick:()=>x(a.id),"data-testid":`segment-view-${a.id}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{className:"w-4 h-4 text-purple-400"}),e.jsxs("span",{className:"text-purple-300 font-mono text-sm",children:[L(a.timestamp)," â ",L(a.responseTimestamp)]})]}),e.jsx(N,{size:"sm",variant:"ghost",onClick:i=>{i.stopPropagation(),K(a.timestamp)},className:"text-purple-400 hover:text-purple-300 h-6 px-2","data-testid":`button-goto-${a.id}`,children:e.jsx(E,{className:"w-3 h-3"})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsxs("div",{className:"flex items-start gap-1.5 text-red-300",children:[e.jsx(z,{className:"w-3 h-3 mt-0.5 flex-shrink-0"}),e.jsx("span",{className:"line-clamp-2",children:a.optionA.text})]}),e.jsxs("div",{className:"flex items-start gap-1.5 text-emerald-300",children:[e.jsx(T,{className:"w-3 h-3 mt-0.5 flex-shrink-0"}),e.jsx("span",{className:"line-clamp-2",children:a.optionB.text})]})]})]})},a.id))})]}),e.jsx(k,{className:"bg-black/40 border-purple-500/30 backdrop-blur-sm",children:e.jsx(A,{className:"p-4",children:e.jsxs("div",{className:"text-slate-300 text-sm space-y-2",children:[e.jsx("h3",{className:"font-semibold text-white mb-3",children:"Ðак ÑабоÑаеÑ:"}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-purple-600 flex items-center justify-center flex-shrink-0 text-xs text-white",children:"1"}),e.jsx("p",{children:"ÐажмиÑе Play ÑÑÐ¾Ð±Ñ Ð¿Ð¾ÑмоÑÑеÑÑ Ð²Ð¸Ð´ÐµÐ¾ Ñ Ð½Ð°Ð»Ð¾Ð¶ÐµÐ½Ð¸ÐµÐ¼"})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-purple-600 flex items-center justify-center flex-shrink-0 text-xs text-white",children:"2"}),e.jsx("p",{children:"Option A (негаÑивнÑй) и Option B (позиÑивнÑй/победиÑелÑ)"})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-purple-600 flex items-center justify-center flex-shrink-0 text-xs text-white",children:"3"}),e.jsx("p",{children:"Ð Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð¾ÑвеÑа: Option B ÑвелиÑиваеÑÑÑ, Option A иÑÑезаеÑ, звÑÑÐ¸Ñ Ð·Ð²Ñк!"})]})]})})})]})]})]}),e.jsx(Pe,{}),e.jsx(Fe,{}),e.jsx(Re,{}),e.jsx(Me,{}),e.jsx(Le,{})]})}const J=[{start:0,end:1,text:"Merhaba."},{start:1,end:3,text:"Gelin Yolwise'a katılın."},{start:3,end:6,text:"Ä°lk 50.000 TL ve üzeri otel rezervasyonlarınızda,"},{start:6,end:9,text:"bir sonraki otel rezervasyonunuzda kullanmanız için"},{start:9,end:11,text:"20.000 TL'yi Yolwise hesabınıza yatıralım."}];function Pe(){const r=s.useRef(null),[o,l]=s.useState(!1),[u,v]=s.useState(0),[f,d]=s.useState("");s.useEffect(()=>{const t=r.current;if(!t)return;const n=()=>{const h=t.currentTime;v(h);const w=J.find(g=>h>=g.start&&h<g.end);d(w?.text||"")},y=()=>l(!0),x=()=>l(!1),p=()=>{l(!1),d("")};return t.addEventListener("timeupdate",n),t.addEventListener("play",y),t.addEventListener("pause",x),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("play",y),t.removeEventListener("pause",x),t.removeEventListener("ended",p)}},[]);const b=()=>{const t=r.current;t&&(o?t.pause():t.play())};return e.jsx("div",{className:"mt-12 pb-12 bg-[#F7F8FE]",children:e.jsxs("div",{className:"max-w-md mx-auto px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-[#3A3A3A] mb-6 text-center",children:"Otel Promo Video"}),e.jsx(k,{className:"bg-white border-[#4059AD]/20 shadow-xl overflow-hidden rounded-[40px]",children:e.jsxs(A,{className:"p-0",children:[e.jsxs("div",{className:"relative rounded-t-[40px] overflow-hidden",style:{aspectRatio:"9/16"},children:[e.jsx("video",{ref:r,className:"w-full h-full object-cover",src:"/hotel-promo-video.mp4",playsInl
16ine:!0,"data-testid":"video-hotel-promo"}),e.jsx(S,{children:f&&e.jsx(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"absolute bottom-16 left-0 right-0 flex justify-center px-4",children:e.jsx("div",{className:"bg-[#4059AD] text-white px-6 py-4 rounded-2xl text-xl font-semibold text-center max-w-[95%] shadow-lg",children:f})})})]}),e.jsx("div",{className:"flex justify-center py-4 bg-white",children:e.jsx(N,{onClick:b,size:"lg",className:"bg-[#4059AD] hover:bg-[#3048a0] text-white rounded-2xl px-8 py-3 shadow-xl shadow-[#4059ad]/20","data-testid":"button-play-hotel-promo",children:o?e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-5 h-5 mr-2"}),"Durdur"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{className:"w-5 h-5 mr-2"}),"Oynat"]})})}),e.jsxs("div",{className:"p-4 border-t border-[#D9D9D9]",children:[e.jsx("h3",{className:"text-[#3A3A3A] font-semibold mb-3",children:"Altyazılar"}),e.jsx("div",{className:"space-y-2",children:J.map((t,n)=>e.jsxs("div",{className:`flex items-start gap-3 p-2 rounded-xl transition-colors ${u>=t.start&&u<t.end?"bg-[#4059AD]/10 border border-[#4059AD]/30":"bg-[#F7F8FE]"}`,children:[e.jsxs("span",{className:"text-[#4059AD] text-sm font-mono whitespace-nowrap",children:[String(Math.floor(t.start/60)).padStart(2,"0"),":",String(Math.floor(t.start%60)).padStart(2,"0")," -",String(Math.floor(t.end/60)).padStart(2,"0"),":",String(Math.floor(t.end%60)).padStart(2,"0")]}),e.jsx("span",{className:"text-[#3A3A3A]",children:t.text})]},n))})]})]})})]})})}const Q=[{start:0,end:1,text:"Finans müdürünüz seyahat raporlarınızı"},{start:1,end:3,text:"ve harcama detaylarınızı mı istedi?"},{start:3,end:6,text:"Ve bunu manuel Excel'le oluÅturmak zamanınızı mı alıyor?"},{start:7,end:9,text:"Gelin Yolwise'la tek tıkla"},{start:9,end:10,text:"anlık olarak raporları oluÅturalım,"},{start:11,end:12,text:"bu süreci de birlikte keÅfedelim."}];function Fe(){const r=s.useRef(null),[o,l]=s.useState(!1),[u,v]=s.useState(0),[f,d]=s.useState("");s.useEffect(()=>{const t=r.current;if(!t)return;const n=()=>{const h=t.currentTime;v(h);const w=Q.find(g=>h>=g.start&&h<g.end);d(w?.text||"")},y=()=>l(!0),x=()=>l(!1),p=()=>{l(!1),d("")};return t.addEventListener("timeupdate",n),t.addEventListener("play",y),t.addEventListener("pause",x),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("play",y),t.removeEventListener("pause",x),t.removeEventListener("ended",p)}},[]);const b=()=>{const t=r.current;t&&(o?t.pause():t.play())};return e.jsx("div",{className:"mt-12 pb-12 bg-[#F7F8FE]",children:e.jsxs("div",{className:"max-w-md mx-auto px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-[#3A3A3A] mb-6 text-center",children:"Rapor Promo Video"}),e.jsx(k,{className:"bg-white border-[#4059AD]/20 shadow-xl overflow-hidden rounded-[40px]",children:e.jsxs(A,{className:"p-0",children:[e.jsxs("div",{className:"relative rounded-t-[40px] overflow-hidden",style:{aspectRatio:"9/16"},children:[e.jsx("video",{ref:r,className:"w-full h-full object-cover",src:"/report-promo-video.mov",playsInline:!0,"data-testid":"video-report-promo"}),e.jsx(S,{children:f&&e.jsx(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"absolute bottom-16 left-0 right-0 flex justify-center px-4",children:e.jsx("div",{className:"bg-[#4059AD] text-white px-6 py-4 rounded-2xl text-xl font-semibold text-center max-w-[95%] shadow-lg",children:f})})})]}),e.jsx("div",{className:"flex justify-center py-4 bg-white",children:e.jsx(N,{onClick:b,size:"lg",className:"bg-[#4059AD] hover:bg-[#3048a0] text-white rounded-2xl px-8 py-3 shadow-xl shadow-[#4059ad]/20","data-testid":"button-play-report-promo",children:o?e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-5 h-5 mr-2"}),"Durdur"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{className:"w-5 h-5 mr-2"}),"Oynat"]})})}),e.jsxs("div",{className:"p-4 border-t border-[#D9D9D9]",children:[e.jsx("h3",{className:"text-[#3A3A3A] font-semibold mb-3",children:"Altyazılar"}),e.jsx("div",{className:"space-y-2",children:Q.map((t,n)=>e.jsxs("div",{className:`flex items-start gap-3 p-2 rounded-xl transition-colors ${u>=t.start&&u<t.end?"bg-[#4059AD]/10 border border-[#4059AD]/30":"bg-[#F7F8FE]"}`,children:[e.jsxs("span",{className:"text-[#4059AD] text-sm font-mono whitespace-nowrap",children:[String(Math.floor(t.start/60)).padStart(2,"0"),":",String(Math.floor(t.start%60)).padStart(2,"0")," -",String(Math.floor(t.end/60)).padStart(2,"0"),":",String(Math.floor(t.end%60)).padStart(2,"0")]}),e.jsx("span",{className:"text-[#3A3A3A]",children:t.text})]},n))})]})]})})]})})}const ee=[{start:0,end:3,text:"Otel bileti, uçak rezervasyonu, hepsini"},{start:3,end:5,text:"farklı farklı acenteden daÄınık olarak"},{start:5,end:8,text:"süreçleri yönetmek tamamen bir zaman kaybına
16yol açıyor."},{start:8,end:11,text:"Ancak Yolwise'la uçak bileti, otel rezervasyonu,"},{start:11,end:13,text:"transferin yanı sıra vize süreci,"},{start:13,end:15,text:"otobüs bileti, tüm bu süreçleri"},{start:15,end:18,text:"araç kiralama da dahil olmak üzere"},{start:18,end:21,text:"tüm süreçleri tek bir platformdan yönetebiliyorsunuz."},{start:21,end:23,text:"Aynı zamanda yönetmekle,"},{start:23,end:25,text:"rezervasyon yapmakla kalmayıp"},{start:25,end:28,text:"tüm süreçlerinizi raporlayabildiÄiniz"},{start:28,end:30,text:"bir dijital çözüm sunuyoruz."},{start:30,end:33,text:"Siz de zaman kaybetmeden Yolwise'a katılın."}],te=[{start:0,end:4,text:"ÃalıÅanınız seyahatini planlarken izniniz olmadan bir business class bilet mi aldı?"},{start:4,end:8,text:"Gelin Yolwise'la seyahat politikaları belirleyerek,"},{start:8,end:13,text:"çalıÅanınızın izniniz dahilinde, belirlediÄimiz limitler doÄrultusunda biletlerini organize edelim."},{start:13,end:15,text:"Gelin beraber bu süreci yönetelim."}];function Re(){const r=s.useRef(null),[o,l]=s.useState(!1),[u,v]=s.useState(0),[f,d]=s.useState("");s.useEffect(()=>{const t=r.current;if(!t)return;const n=()=>{const h=t.currentTime;v(h);const w=ee.find(g=>h>=g.start&&h<g.end);d(w?.text||"")},y=()=>l(!0),x=()=>l(!1),p=()=>{l(!1),d("")};return t.addEventListener("timeupdate",n),t.addEventListener("play",y),t.addEventListener("pause",x),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("play",y),t.removeEventListener("pause",x),t.removeEventListener("ended",p)}},[]);const b=()=>{const t=r.current;t&&(o?t.pause():t.play())};return e.jsx("div",{className:"mt-12 pb-12 bg-[#F7F8FE]",children:e.jsxs("div",{className:"max-w-md mx-auto px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-[#3A3A3A] mb-6 text-center",children:"Uçak Rezervasyon Promo Video"}),e.jsx(k,{className:"bg-white border-[#4059AD]/20 shadow-xl overflow-hidden rounded-[40px]",children:e.jsxs(A,{className:"p-0",children:[e.jsxs("div",{className:"relative rounded-t-[40px] overflow-hidden",style:{aspectRatio:"9/16"},children:[e.jsx("video",{ref:r,className:"w-full h-full object-cover",src:"/flight-promo-video.mov",playsInline:!0,"data-testid":"video-flight-promo"}),e.jsx(S,{children:f&&e.jsx(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"absolute bottom-16 left-0 right-0 flex justify-center px-4",children:e.jsx("div",{className:"bg-[#4059AD] text-white px-6 py-4 rounded-2xl text-xl font-semibold text-center max-w-[95%] shadow-lg",children:f})})})]}),e.jsx("div",{className:"flex justify-center py-4 bg-white",children:e.jsx(N,{onClick:b,size:"lg",className:"bg-[#4059AD] hover:bg-[#3048a0] text-white rounded-2xl px-8 py-3 shadow-xl shadow-[#4059ad]/20","data-testid":"button-play-flight-promo",children:o?e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-5 h-5 mr-2"}),"Durdur"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{className:"w-5 h-5 mr-2"}),"Oynat"]})})}),e.jsxs("div",{className:"p-4 border-t border-[#D9D9D9]",children:[e.jsx("h3",{className:"text-[#3A3A3A] font-semibold mb-3",children:"Altyazılar"}),e.jsx("div",{className:"space-y-2",children:ee.map((t,n)=>e.jsxs("div",{className:`flex items-start gap-3 p-2 rounded-xl transition-colors ${u>=t.start&&u<t.end?"bg-[#4059AD]/10 border border-[#4059AD]/30":"bg-[#F7F8FE]"}`,children:[e.jsxs("span",{className:"text-[#4059AD] text-sm font-mono whitespace-nowrap",children:[String(Math.floor(t.start/60)).padStart(2,"0"),":",String(Math.floor(t.start%60)).padStart(2,"0")," -",String(Math.floor(t.end/60)).padStart(2,"0"),":",String(Math.floor(t.end%60)).padStart(2,"0")]}),e.jsx("span",{className:"text-[#3A3A3A]",children:t.text})]},n))})]})]})})]})})}function Le(){const r=s.useRef(null),[o,l]=s.useState(!1),[u,v]=s.useState(0);s.useEffect(()=>{const t=r.current;if(!t)return;const n=()=>v(t.currentTime),y=()=>l(!0),x=()=>l(!1),p=()=>{l(!1)};return t.addEventListener("timeupdate",n),t.addEventListener("play",y),t.addEventListener("pause",x),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("play",y),t.removeEventListener("pause",x),t.removeEventListener("ended",p)}},[]);const f=()=>{const t=r.current;t&&(o?t.pause():t.play())}
16,d=u,b=d<2.5?"headline1":d<5.5?"headline2":d<7?"badge":d<9.5?"speaker":d<11.5?"details":d<13.5?"cta":null;return e.jsx("div",{className:"mt-12 pb-12 bg-[#F7F8FE]",children:e.jsxs("div",{className:"max-w-md mx-auto px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-[#3A3A3A] mb-6 text-center",children:"Webinar Reklam Videosu"}),e.jsx(k,{className:"bg-white border-[#1E2D5A]/20 shadow-xl overflow-hidden rounded-[40px]",children:e.jsxs(A,{className:"p-0",children:[e.jsxs("div",{className:"relative rounded-t-[40px] overflow-hidden",style:{aspectRatio:"9/16"},children:[e.jsx("video",{ref:r,className:"w-full h-full object-cover",src:"/meeting-promo-video.mp4",playsInline:!0,"data-testid":"video-meeting-promo"}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:"linear-gradient(to bottom, rgba(14,26,62,0.25) 0%, transparent 40%, rgba(14,26,62,0.65) 70%, rgba(14,26,62,0.88) 100%)"}}),e.jsxs(S,{mode:"wait",children:[b==="headline1"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 px-6 pb-10",initial:"hidden",animate:"visible",exit:{opacity:0,y:-12,transition:{duration:.3}},children:["Kurumsal Seyahatte","DoÄru Fiyatı ÃdediÄinizden","Emin misiniz?"].map((t,n)=>e.jsx(m.p,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{delay:n*.18,duration:.45,ease:"easeOut"},className:`text-white leading-tight drop-shadow-lg ${n===0?"text-lg font-normal opacity-80 mb-1":n===1?"text-2xl font-bold mb-1":"text-2xl font-black"}`,children:t},n))},"headline1"),b==="headline2"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 px-6 pb-10",initial:{opacity:0,x:30},animate:{opacity:1,x:0,transition:{duration:.4,ease:"easeOut"}},exit:{opacity:0,x:-20,transition:{duration:.25}},children:["Kurumsal Seyahatte","DoÄru Fiyatı","Nasıl Yakalarsınız?"].map((t,n)=>e.jsx(m.p,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{delay:n*.12,duration:.35},className:`text-white leading-tight drop-shadow-lg ${n===0?"text-lg font-normal opacity-80 mb-1":n===1?"text-2xl font-bold mb-1":"text-2xl font-black"}`,children:t},n))},"headline2"),b==="badge"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 flex justify-center pb-12",initial:{scale:.7,opacity:0},animate:{scale:1,opacity:1,transition:{type:"spring",stiffness:300,damping:20}},exit:{opacity:0,scale:.85,transition:{duration:.2}},children:e.jsxs("div",{className:"flex items-center gap-2 bg-white/15 border border-white/40 backdrop-blur-sm rounded-full px-5 py-2.5",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-green-400 shadow-[0_0_6px_2px_rgba(74,222,128,0.6)]"}),e.jsx("span",{className:"text-white font-bold text-sm tracking-widest uppercase",children:"Ãcretsiz Canlı Webinar"})]})},"badge"),b==="speaker"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 px-5 pb-10",initial:{y:40,opacity:0},animate:{y:0,opacity:1,transition:{duration:.45,ease:"easeOut"}},exit:{y:20,opacity:0,transition:{duration:.25}},children:e.jsxs("div",{className:"border-l-4 border-[#f97316] pl-4",children:[e.jsx("p",{className:"text-white font-black text-xl leading-tight",children:"H. Mert TellioÄlu"}),e.jsx("p",{className:"text-white/70 text-sm font-medium mt-0.5",children:"Büyüme Direktörü · Yolwise"})]})},"speaker"),b==="details"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 px-6 pb-10 space-y-2",initial:"hidden",animate:"visible",exit:{opacity:0},children:[{icon:"ð
",label:M.dateLabelShort},{icon:"ð",label:M.timeLabel},{icon:"ð",label:"Online"}].map((t,n)=>e.jsxs(m.div,{initial:{opacity:0,x:-16},animate:{opacity:1,x:0},transition:{delay:n*.18,duration:.35},className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-base",children:t.icon}),e.jsx("span",{className:"text-white font-semibold text-base drop-shadow",children:t.label})]},n))},"details"),b==="cta"&&e.jsx(m.div,{className:"absolute bottom-0 left-0 right-0 flex justify-center pb-10",initial:{scale:.85,opacity:0},animate:{scale:1,opacity:1,transition:{type:"spring",stiffness:260,damping:18}},exit:{opacity:0},children:e.jsx("div",{className:"bg-[#f97316] text-white font-black text-sm px-6 py-3 rounded-2xl shadow-lg shadow-orange-500/40 tracking-wide uppercase",children:"Ãcretsiz Webinar'a Kaydol â"})},"cta")]})]}),e.jsx("div",{className:"flex justify-center py-4 bg-white",children:e.jsx(N,{onClick:f,size:"lg",className:"bg-[#1E2D5A] hover:bg-[#162247] text-white rounded-2xl px-8 py-3 shadow-xl shadow-[#1e2d5a]/20","data-testid":"button-play-meeting-promo",children:o?e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-5 h-5 mr-2"}),"Durdur"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{className:"w-5 h-5 mr-2"}
16),"Oynat"]})})}),e.jsxs("div",{className:"p-4 border-t border-[#D9D9D9]",children:[e.jsx("h3",{className:"text-[#3A3A3A] font-semibold mb-3",children:"Zaman Ãizelgesi"}),e.jsx("div",{className:"space-y-2 text-sm",children:[{start:0,end:2.5,text:"BaÅlık 1 â Emin misiniz?"},{start:2.5,end:5.5,text:"BaÅlık 2 â Nasıl Yakalarsınız?"},{start:5.5,end:7,text:"ð¢ Ãcretsiz Canlı Webinar rozeti"},{start:7,end:9.5,text:"KonuÅmacı â H. Mert TellioÄlu"},{start:9.5,end:11.5,text:`ð
${M.dateLabelShort} · ð ${M.timeLabel} · ð Online`},{start:11.5,end:13.5,text:"CTA â Ãcretsiz Webinar'a Kaydol â"}].map((t,n)=>e.jsxs("div",{className:`flex items-start gap-3 p-2 rounded-xl transition-colors ${d>=t.start&&d<t.end?"bg-[#1E2D5A]/10 border border-[#1E2D5A]/30":"bg-[#F7F8FE]"}`,children:[e.jsxs("span",{className:"text-[#1E2D5A] font-mono whitespace-nowrap",children:[t.start.toFixed(1),"s â ",t.end.toFixed(1),"s"]}),e.jsx("span",{className:"text-[#3A3A3A]",children:t.text})]},n))})]})]})})]})})}function Me(){const r=s.useRef(null),[o,l]=s.useState(!1),[u,v]=s.useState(0),[f,d]=s.useState("");s.useEffect(()=>{const t=r.current;if(!t)return;const n=()=>{const h=t.currentTime;v(h);const w=te.find(g=>h>=g.start&&h<g.end);d(w?.text||"")},y=()=>l(!0),x=()=>l(!1),p=()=>{l(!1),d("")};return t.addEventListener("timeupdate",n),t.addEventListener("play",y),t.addEventListener("pause",x),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",n),t.removeEventListener("play",y),t.removeEventListener("pause",x),t.removeEventListener("ended",p)}},[]);const b=()=>{const t=r.current;t&&(o?t.pause():t.play())};return e.jsx("div",{className:"mt-12 pb-12 bg-[#F7F8FE]",children:e.jsxs("div",{className:"max-w-md mx-auto px-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-[#3A3A3A] mb-6 text-center",children:"Seyahat Politikası Promo Video"}),e.jsx(k,{className:"bg-white border-[#4059AD]/20 shadow-xl overflow-hidden rounded-[40px]",children:e.jsxs(A,{className:"p-0",children:[e.jsxs("div",{className:"relative rounded-t-[40px] overflow-hidden",style:{aspectRatio:"9/16"},children:[e.jsx("video",{ref:r,className:"w-full h-full object-cover",src:"/policy-promo-video.mov",playsInline:!0,"data-testid":"video-policy-promo"}),e.jsx(S,{children:f&&e.jsx(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"absolute bottom-16 left-0 right-0 flex justify-center px-4",children:e.jsx("div",{className:"bg-[#4059AD] text-white px-6 py-4 rounded-2xl text-xl font-semibold text-center max-w-[95%] shadow-lg",children:f})})})]}),e.jsx("div",{className:"flex justify-center py-4 bg-white",children:e.jsx(N,{onClick:b,size:"lg",className:"bg-[#4059AD] hover:bg-[#3048a0] text-white rounded-2xl px-8 py-3 shadow-xl shadow-[#4059ad]/20","data-testid":"button-play-policy-promo",children:o?e.jsxs(e.Fragment,{children:[e.jsx(P,{className:"w-5 h-5 mr-2"}),"Durdur"]}):e.jsxs(e.Fragment,{children:[e.jsx(E,{className:"w-5 h-5 mr-2"}),"Oynat"]})})}),e.jsxs("div",{className:"p-4 border-t border-[#D9D9D9]",children:[e.jsx("h3",{className:"text-[#3A3A3A] font-semibold mb-3",children:"Altyazılar"}),e.jsx("div",{className:"space-y-2",children:te.map((t,n)=>e.jsxs("div",{className:`flex items-start gap-3 p-2 rounded-xl transition-colors ${u>=t.start&&u<t.end?"bg-[#4059AD]/10 border border-[#4059AD]/30":"bg-[#F7F8FE]"}`,children:[e.jsxs("span",{className:"text-[#4059AD] text-sm font-mono whitespace-nowrap",children:[String(Math.floor(t.start/60)).padStart(2,"0"),":",String(Math.floor(t.start%60)).padStart(2,"0")," -",String(Math.floor(t.end/60)).padStart(2,"0"),":",String(Math.floor(t.end%60)).padStart(2,"0")]}),e.jsx("span",{className:"text-[#3A3A3A]",children:t.text})]},n))})]})]})})]})})}export{Ze as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.