https://code-previewer--mikael49.replit.app/assets/WebinarKayit-AZgzCYoJ.js

1import{u as Y,r,j as e,X as R,p as G,W as O,w as K}from"./index-VUr8YUys.js";import{W as T}from"./resourcesCatalog-DIPaXbhc.js";import{a as N,b as L,t as W}from"./analytics-eHXg89Bv.js";import{i as P}from"./emailValidation-B2AgUQfx.js";import{i as B}from"./phoneValidation-D0L5cjdh.js";import{g as v}from"./webinarRecordingSession-CfPHy19y.js";import{H as V,F as M}from"./Footer-B82dd90X.js";import{l as H}from"./yolwise-logo-blue-CIV2guaU.js";import{l as U}from"./yolwise-logo-white-BjxeEOvo.js";import{P as A}from"./play-eI5eLE4k.js";import{C as k}from"./calendar-ygpmnkqp.js";import{A as q}from"./arrow-right-2_1ZkBOo.js";import{C as J}from"./check-9yoygiqT.js";import"./logo-CJuMBHBg.js";import"./chevron-down-CQ3jWvUA.js";const $="/assets/kurumsal-platform.jpg",X="/assets/webinar-analitik.png",E="/assets/team/mert-tellioglu-aug26.webp",D="webinar_recording_sep26_access",Z=1440*60*1e3,Q=T.find(({id:l})=>l==="webinar-leaders-meeting-september-2026").videoId;function ee(){try{const l=sessionStorage.getItem(D);if(!l)return!1;const{expiresAt:t}=JSON.parse(l);return Date.now()<t}catch{return!1}}function te(){try{return new URLSearchParams(window.location.search).get("requireForm")==="1"}catch{return!1}}function ae(){try{sessionStorage.setItem(D,JSON.stringify({expiresAt:Date.now()+Z}))}catch{}}const c="w-full px-4 py-[11px] border border-[#D9D9D9] rounded-xl text-[14px] text-[#3A3A3A] bg-[#F8FAFC] outline-none focus:border-[#4059AD] focus:ring-[3px] focus:ring-[#4059AD]/15 transition";function be(){const{t:l}=Y(),[t,u]=r.useState({name:"",companyName:"",employeeCount:"",email:"",phone:"",consentGranted:!1}),[S,F]=r.useState(""),[i,m]=r.useState({}),[h,C]=r.useState(()=>!te()&&ee()),[_,f]=r.useState(!1),[g,b]=r.useState(!1),[p,x]=r.useState(!1),w=r.useRef(!1);r.useEffect(()=>(document.body.style.overflow=p?"hidden":"",()=>{document.body.style.overflow=""}),[p]),r.useEffect(()=>{const s=new URLSearchParams(window.location.search).get("token");s&&fetch(`/api/webinar-recording-token/verify?recording=sep26&token=${encodeURIComponent(s)}`,{headers:{"X-Webinar-Session":v()}}).then(a=>a.json()).then(a=>{if(!a.valid){window.history.replaceState({},"","/webinar-kayit#kayit-form");return}ae(),C(!0),x(!1),window.history.replaceState({},"","/webinar-kayit#recording-video"),setTimeout(()=>{document.getElementById("recording-video")?.scrollIntoView({behavior:"smooth"})},300)}).catch(()=>{window.history.replaceState({},"","/webinar-kayit#kayit-form")})},[]);const o=s=>a=>{w.current||(w.current=!0,W("webinar_recording_sep26")),u(n=>({...n,[s]:a.target.value})),m(n=>({...n,[s]:""}))},z=async s=>{s.preventDefault();const a={};if(t.name.trim()||(a.name="Lütfen ad soyad girin."),t.companyName.trim()||(a.companyName="Lütfen şirket adını girin."),t.employeeCount||(a.employeeCount="Lütfen çalışan sayısını seçin."),t.email.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.email)?P(t.email)&&(a.email="Lütfen kurumsal e-posta adresinizi girin."):a.email="Geçerli bir e-posta adresi girin.":a.email="Lütfen e-posta adresinizi girin.",t.phone.trim()?B(t.phone)||(a.phone=l("phone.invalid")):a.phone="Lütfen telefon numaranızı girin.",t.consentGranted||(a.consentGranted="Devam etmek için kişisel verilerin işlenmesine izin vermelisiniz."),Object.keys(a).length){m(a);return}b(!0),f(!1);const n=K(window.location.search);try{const j=await fetch("/api/direct-form-submit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({formType:"webinar-recording",name:t.name,companyName:t.companyName,company:t.companyName,employeeCount:t.employeeCount,email:t.email,phone:t.phone,consentGranted:"true",sub:"webinar-recording-sep26",sessionId:v(),campaignAttribution:n,utm_source:n.last.utm_source||"",utm_medium:n.last.utm_medium||"",utm_campaign:n.last.utm_campaign||"",utm_content:n.last.utm_content||"",utm_term:n.last.utm_term||""})}),d=await j.json().catch(()=>null);if(!j.ok){if(d?.error==="invalid_email_domain"||d?.error==="corporate_email_required"){m(I=>({...I,email:"Lütfen kurumsal e-posta adresinizi girin."})),N("webinar_recording_sep26","validation_error");return}throw new Error("failed")}if(d?.success){if(L("webinar_recording_sep26"),!d.redirectPath)throw new Error("missing_recording_redirect");window.location.assign(d.redirectPath)}else throw new Error("unexpected_response")}catch{N("webinar_recording_sep26","network_error"),f(!0)}finally{b(!1)}},y=()=>h?e.jsxs("div",{className:"text-center px-2 py-6","data-testid":"text-form-success",children:[e.jsx("span",{className:"inline-flex w-16 h-16 rounded-full bg-[#EFFE8D

1] items-center justify-center",children:e.jsx(J,{className:"w-8 h-8 text-[#2A3E85]",strokeWidth:3})}),e.jsx("h3",{className:"mt-[22px] font-bold text-2xl tracking-tight",style:{fontFamily:"'Outfit',sans-serif"},children:"Video kaydına erişiminiz açıldı"}),e.jsx("p",{className:"mt-3 text-base leading-relaxed text-[#3A3A3A]/70",children:"Formunuz alındı. Video kaydı aşağıda açıldı."}),e.jsx("p",{className:"mt-4 text-sm text-[#4059AD] font-medium",children:"Soru sormak ister misiniz?"}),e.jsxs("p",{className:"mt-2 text-sm text-[#3A3A3A]/60",children:[e.jsx("a",{href:"mailto:[email protected]",className:"text-[#4059AD] underline",children:"[email protected]"})," üzerinden sorularınızı iletebilirsiniz."]})]}):e.jsx("form",{id:"webinar_kayit_registration","data-form-draft-consent-at":t.consentGranted?S:void 0,onSubmit:z,noValidate:!0,children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("label",{className:"flex flex-col gap-[7px] text-[13px] font-semibold",children:["Ad Soyad",e.jsx("input",{type:"text",value:t.name,onChange:o("name"),placeholder:"Ad Soyad",className:c,"data-testid":"input-name"}),i.name&&e.jsx("span",{className:"text-red-500 font-medium text-xs",children:i.name})]}),e.jsxs("label",{className:"flex flex-col gap-[7px] text-[13px] font-semibold",children:["Şirket Adı",e.jsx("input",{type:"text",value:t.companyName,onChange:o("companyName"),placeholder:"Şirket Adı",className:c,"data-testid":"input-company-name"}),i.companyName&&e.jsx("span",{className:"text-red-500 font-medium text-xs",children:i.companyName})]}),e.jsxs("label",{className:"flex flex-col gap-[7px] text-[13px] font-semibold",children:["Şirket Çalışan Sayısı",e.jsxs("select",{value:t.employeeCount,onChange:o("employeeCount"),className:c,"data-testid":"select-employee-count",children:[e.jsx("option",{value:"",children:"Seçin"}),e.jsx("option",{value:"1-10",children:"1-10"}),e.jsx("option",{value:"11-50",children:"11-50"}),e.jsx("option",{value:"51-200",children:"51-200"}),e.jsx("option",{value:"201-500",children:"201-500"}),e.jsx("option",{value:"501-1000",children:"501-1000"}),e.jsx("option",{value:"1000+",children:"1000+"})]}),i.employeeCount&&e.jsx("span",{className:"text-red-500 font-medium text-xs",children:i.employeeCount})]}),e.jsxs("label",{className:"flex flex-col gap-[7px] text-[13px] font-semibold",children:[e.jsx("span",{className:"flex items-baseline gap-1.5 flex-wrap",children:"Kurumsal E-posta"}),e.jsx("input",{type:"email",name:"email",value:t.email,onChange:o("email"),placeholder:"[email protected]",className:c,"data-testid":"input-email"}),i.email&&e.jsx("span",{className:"text-red-500 font-medium text-xs",children:i.email})]}),e.jsxs("label",{className:"flex flex-col gap-[7px] text-[13px] font-semibold",children:["Telefon",e.jsx("input",{type:"tel",name:"phone",value:t.phone,onChange:o("phone"),placeholder:l("phone.placeholder"),className:c,"data-testid":"input-phone"}),e.jsx("span",{className:"text-xs font-normal text-[#3A3A3A]/60",children:l("phone.note")}),i.phone&&e.jsx("span",{className:"text-red-500 font-medium text-xs",children:i.phone})]}),e.jsxs("div",{className:"pt-1",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("input",{type:"checkbox",id:"recording-consent",checked:t.consentGranted,onChange:s=>{u(a=>({...a,consentGranted:s.target.checked})),F(s.target.checked?new Date().toISOString():""),m(a=>({...a,consentGranted:""}))},"aria-describedby":i.consentGranted?"recording-consent-error":void 0,className:"mt-0.5 w-5 h-5 flex-shrink-0 rounded border-[#D9D9D9] text-[#4059AD] focus:ring-[#4059AD]","data-testid":"checkbox-consent"}),e.jsxs("label",{htmlFor:"recording-consent",className:"text-xs font-normal leading-relaxed text-[#3A3A3A]/70 cursor-pointer",children:["Kişisel verilerimin, ",e.jsx("a",{href:"/kisiselveri",className:"text-[#4059AD] underline",onClick:s=>s.stopPropagation(),children:"Gizlilik Politikası"})," ve Aydınlatma Metni kapsamında işlenmesine izin veriyorum."]})]}),i.consentGranted&&e.jsx("p",{id:"recording-consent-error",className:"mt-1 text-red-500 font-medium text-xs",role:"alert",children:i.consentGranted})]}),e.jsx("button",{type:"submit",disabled:g,className:"mt-1 w-full bg-[#4059AD] hover:bg-[#2A3E85] disabled:opacity-60 text-white py-4 rounded-2xl font-semibold text-base cursor-pointer shadow-xl shadow-[#4059ad]/20 transition","data-testid":"button-submit",children:g?"Gönderiliyor…":"VÄ°DEO KAYDINA ERİŞ"}),_&&e.jsx("p",{className:"text-sm text-center text-red-500 font-medium","data-testid":"text-form-error",children:"Bir hata oluştu. Lütfen tekrar deneyin."}),e.jsx("p",{className:"text-xs text-center text-[#3A3A3A]/50",children:"Bilgilerinizi göndererek video kaydına erişebilir ve Yolwise'ın bu kayıtla ilgili sizinle iletişime geçmesini kabul edersiniz."})]})});return e.jsxs("div",{lang:"tr",className:"font-sans text-[#3A3A3A] overflow-x-hidden bg-[#F7F8FE]",style:{fontFamily:"'Inter',sans-serif"},children:[p&&e.jsxs("div",{className:"fixed inset-0 z-[200] flex items-center justify-center p-4",onClick:()=>x(!1),children:[e.jsx("div",{className:"absolute inset-0 bg-[#1a2a5e]/60 backdrop-blur-sm"}),e.jsxs("div",{className:"relative z-[1] w-full max-w-[440px] bg-white rounded-[28px] p-8 shadow-2xl",onClick:s=>s.stopPropagation(),children:[e.jsx("button",{onClick:()=>x(!1),className:"absolute top-4 right-4 w-8 h-8 flex items-center justify-center rounded-full bg-[#F7F8FE] hover:bg-[#

1EFFE8D] transition-colors cursor-pointer","aria-label":"Kapat",children:e.jsx(R,{className:"w-4 h-4 text-[#3A3A3A]"})}),e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl overflow-hidden flex-none border-2 border-[#F7F8FE]",children:e.jsx("img",{src:E,alt:"Hasan Mert Tellioğlu",className:"w-full h-full object-cover object-top"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-bold tracking-[0.1em] text-[#4059AD]",children:"WEBİNAR KAYDI"}),e.jsx("p",{className:"text-[13px] font-semibold text-[#3A3A3A]",children:"Kurumsal Seyahati Yönetmenin Yeni Yolu"})]})]}),y()]})]}),e.jsx(V,{}),e.jsx("section",{className:"relative bg-white overflow-hidden pt-24 sm:pt-0",style:{backgroundImage:"radial-gradient(at 0% 0%,rgba(239,254,141,0.35) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(64,89,173,0.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(247,248,254,1) 0px,transparent 50%)"},children:e.jsxs("div",{className:"max-w-[1152px] mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center",children:[e.jsxs("div",{className:"flex flex-col items-start justify-center py-20 lg:py-24",children:[e.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 px-4 py-[9px] rounded-full bg-[#4059AD] text-white font-bold text-[11px] tracking-[0.12em]",children:[e.jsx(A,{className:"w-3 h-3",fill:"currentColor"})," WEBİNAR KAYDI"]}),e.jsx("span",{className:"inline-flex items-center px-3.5 py-[9px] rounded-full bg-[#EEF1FB] border border-[#D9D9D9] text-[#4059AD] font-bold text-[11px] tracking-[0.12em]",children:"GERÇEKLEŞTİ"})]}),e.jsxs("h1",{className:"mt-5 font-bold leading-[1.07] tracking-tight",style:{fontFamily:"'Outfit',sans-serif",fontSize:"clamp(28px,3.2vw,44px)"},children:["Kurumsal Seyahati",e.jsx("br",{}),e.jsx("span",{className:"text-[#4059AD]",children:"Yönetmenin"})," Yeni Yolu"]}),e.jsx("p",{className:"mt-4 max-w-[480px] text-[17px] leading-relaxed text-[#3A3A3A]/70",style:{textWrap:"balance"},children:"Satınalma, Finans, Teknoloji ve İK liderleriyle yeni nesil kurumsal seyahati konuştuk."}),e.jsxs("div",{className:"mt-5 inline-flex items-center gap-2 bg-white border border-[#D9D9D9]/80 px-4 py-[10px] rounded-full text-[13.5px] font-medium text-[#3A3A3A] shadow-sm",children:[e.jsx(k,{className:"w-4 h-4 text-[#4059AD] flex-none"}),"Etkinlik tarihi: 03 Eylül 2026 · Gerçekleşti"]}),e.jsxs("div",{className:"mt-6 flex flex-col gap-5",children:[e.jsxs("button",{onClick:()=>x(!0),className:"self-start inline-flex items-center gap-2.5 bg-[#4059AD] hover:bg-[#2A3E85] transition-colors text-white px-8 py-4 rounded-2xl font-bold text-[15px] tracking-wide shadow-xl shadow-[#4059ad]/20 cursor-pointer","data-testid":"link-hero-register",children:["KAYDI İZLE",e.jsx(q,{className:"w-[18px] h-[18px]"})]}),e.jsxs("div",{className:"flex items-center gap-3 pl-1",children:[e.jsx("div",{className:"w-9 h-9 rounded-xl overflow-hidden flex-none ring-2 ring-[#D9D9D9]/50",children:e.jsx("img",{src:E,alt:"Hasan Mert Tellioğlu",className:"w-full h-full object-cover object-top"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-bold tracking-[0.1em] text-[#4059AD] mb-0.5",children:"MODERATÖR"}),e.jsxs("p",{className:"text-[13px] font-semibold text-[#3A3A3A] leading-none",children:["Hasan Mert Tellioğlu ",e.jsx("span",{className:"font-normal text-[#3A3A3A]/50",children:"· Büyüme Direktörü / Head of Growth, Yolwise"})]})]})]})]})]}),e.jsx("div",{className:"hidden lg:flex items-center justify-end relative opacity-80 py-10 translate-y-6",children:e.jsxs("div",{className:"relative w-full max-w-[580px]",children:[e.jsx("div",{className:"relative z-[1] w-[92%] ml-auto rounded-[18px] shadow-xl shadow-[#4059ad]/15 overflow-hidden border border-[#D9D9D9]/50 bg-white",style:{aspectRatio:"1240/720"},children:e.jsx("img",{src:$,alt:"Yolwise Platform",className:"w-full h-full block object-cover"})}),e.jsxs("div",{className:"relative z-[3] -mt-[48px] -ml-4 w-[68%] border-[3px] border-white rounded-xl bg-white shadow-xl shadow-[#4059ad]/20 p-3 overflow-hidden",style:{transform:"rotate(-2deg)"},children:[e.jsx("span",{className:"inline-block mb-2 bg-[#4059AD]/10 text-[#4059AD] text-[10px] font-bold tracking-wide px-2.5 py-[5px] rounded-full",children:"Yolwise Analitik"}),e.jsx("img",{src:X,alt:"Yolwise Analitik",loading:"lazy",decoding:"async",className:"w-full h-auto block rounded-lg"})]})]})})]})}),e.jsx("section",{id:"recording-video",className:"bg-[#F7F8FE] py-12 sm:py-16 scroll-mt-20",children:e.jsx("div",{className:"max-w-[760px] mx-auto px-6",children:e.jsxs("div",{className:"bg-white border border-[#D9D9D9]/60 rounded-3xl p-6 sm:p-8 shadow-xl shadow-[#4059ad]/5",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"flex-none w-11 h-11 rounded-2xl bg-[#4059AD]/10 flex items-center justify-center",children:e.jsx(G,{className:"w-5 h-5 text-[#4059AD]"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-bold tracking-[0.12em] text-[#4059AD] uppercase",children:"Video kaydı"}),e.jsx("h2",{className:"mt-1 font-bold text-2xl tracking-tight",style:{fontFamily:"'Outfit',sans-serif"},children:"Kurumsal Seyahati Yönetmenin Yeni Yolu"}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-[#3A3A3A]/65",children:"Canlı etkinlik 03 Eylül 2026 tarihinde gerçekleşti. Kurumsal seyahatin yeni yönetim anlayışını konuştuğumuz webinarın kaydı, form gönderiminin ardından açılır."})]})]}),h?e.jsx("div",{className:"mt-6 aspect-video relative overflow-hidden rounded-2xl bg-[#030305]",children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${Q}`,title:"Webinar | Kurumsal Seyahati Yönetmenin Yeni Yolu",className:"absolute inset-0 h-full w-full",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}):e.jsxs("div",{className:"mt-6 aspect-video rounded-2xl bg-gradient-to-br from-[#18295E] to-[#030305] flex flex-col items-center justify-center text-center px-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-white/10 border border-white/20 flex items-center justify-center",children:e.jsx(A,{className:"w-7 h-7 text-white/80",fill:"currentColor"})}),e.jsx("p",{className:"mt-5 text-white font-semibold",children:"Video kaydına erişmek için formu doldurun."}),e.jsx("button",{type:"button",onClick:()=>document.getElementById("kayit-form")?.scrollIntoView({behavior:"smooth"}

1),className:"mt-4 rounded-full bg-[#EFFE8D] px-5 py-2.5 text-sm font-bold text-[#2A3E85] transition hover:bg-white",children:"FORMU DOLDUR"})]})]})})}),e.jsxs("section",{id:"kayit",className:"relative bg-[#2A3E85] py-16 overflow-hidden scroll-mt-20",children:[e.jsx("div",{className:"absolute -top-20 -right-10 w-[360px] h-[360px] rounded-full bg-[#EFFE8D] opacity-[0.16] blur-[130px] pointer-events-none"}),e.jsxs("div",{className:"relative max-w-[1080px] mx-auto px-6 grid gap-9 lg:gap-12 items-center",style:{gridTemplateColumns:"repeat(auto-fit,minmax(260px,1fr))"},children:[e.jsxs("div",{children:[e.jsx("a",{href:"/",children:e.jsx("img",{src:U,alt:"Yolwise",className:"h-[22px] w-auto"})}),e.jsx("h2",{className:"mt-4 font-bold leading-[1.1] tracking-tight text-white",style:{fontFamily:"'Outfit',sans-serif",fontSize:"clamp(26px,2.8vw,38px)"},children:"Webinar Kaydına Ücretsiz Erişin"}),e.jsx("p",{className:"mt-3 text-[15px] leading-relaxed text-white/80 max-w-[440px]",style:{textWrap:"balance"},children:"Bilgilerinizi paylaşın, ‘Kurumsal Seyahati Yönetmenin Yeni Yolu’ webinarının kaydını hemen izleyin."}),e.jsxs("div",{className:"flex flex-wrap gap-2 mt-4",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 bg-white/10 border border-white/20 px-3 py-2 rounded-full text-xs font-medium text-white",children:[e.jsx(k,{className:"w-3.5 h-3.5 text-[#EFFE8D]"}),"Etkinlik tarihi: ",O.dateLabel]}),e.jsx("span",{className:"inline-flex items-center gap-1.5 bg-[#EFFE8D] px-3 py-2 rounded-full text-xs font-bold text-[#2A3E85]",children:"GERÇEKLEŞTİ · KAYIT"})]})]}),e.jsxs("div",{id:"kayit-form",className:"bg-white rounded-3xl p-6 sm:p-7 shadow-2xl scroll-mt-20",children:[e.jsx("a",{href:"/",children:e.jsx("img",{src:H,alt:"Yolwise",className:"h-[16px] w-auto block mb-4"})}),y()]})]})]}),e.jsx(M,{})]})}export{be as default};