https://arconnet.com/assets/videos.index-B-vqn7dK.js

1import{r as n,q as k,j as e,L as C,bs as L,h as S}from"./index-DIDDwEnJ.js";import{a as V,b as E}from"./videoApi-B6m8ZkHR.js";import{R as P,S as R,F as f}from"./ResourcePageShell-Bj-M9HK-.js";import{V as _}from"./ResourceHeroVisuals-C2frndMa.js";import"./SubscribeBlock-DyG20Quq.js";import"./formSubmit-CTcJ93eh.js";const u={eyebrow:"RESOURCES · VIDEOS",heading:'<span class="text-highlight">Videos</span> — see identity security in action.',description:"Explore product demonstrations, expert sessions, customer stories, webinars and security thought leadership videos."};function I(){const[r,g]=n.useState(1),[t,x]=n.useState(null),{data:m,isLoading:T}=V(r,t),d=s=>{s>=1&&s<=o&&g(s)},b=m?.videos??[],o=Math.max(m?.totalPages??1,1),{data:h,isLoading:v}=k("v3_new_resources-videos"),a=h?.layouts?.hero_section,j=h?.layouts?.subscribe_section,w=a?.navigation,{data:y=[]}=E(),[c,N]=n.useState(""),p=n.useMemo(()=>{const s=c.toLowerCase().trim();return b.filter(i=>!s||i.title.toLowerCase().includes(s)||i.desc.toLowerCase().includes(s))},[b,c]);return v?null:e.jsx(P,{eyebrow:a?.eyebrow??u.eyebrow,breadcrumb:"Videos",title:e.jsx("span",{dangerouslySetInnerHTML:S(a?.heading??u.heading)}),lead:a?.description??u.description,heroVisual:e.jsx(_,{}),navigation:w,subscribeContent:j,children:e.jsx("section",{className:"section-light border-b border-border",children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 py-16 md:py-20",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row lg:items-center gap-4 lg:justify-between",children:[e.jsx("div",{className:"lg:max-w-md w-full",children:e.jsx(R,{value:c,onChange:N,placeholder:"Search videos…"})}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(f,{active:t===null,label:"All",onClick:()=>{g(1),x(null)}}),y.map(s=>e.jsx(f,{active:t===s.id,label:s.name,onClick:()=>x(t===s.id?null:s.id)},s.id))]})]}),e.jsxs("div",{className:"mt-10 grid sm:grid-cols-2 lg:grid-cols-4 gap-

15",children:[p.map(s=>e.jsxs(C,{to:"/video/$slug",params:{slug:s.slug},className:"group flex flex-col rounded-xl border border-border bg-background overflow-hidden hover:border-accent/40 hover:shadow-lg transition",children:[e.jsxs("div",{className:"relative aspect-video overflow-hidden",children:[e.jsx("img",{src:s.thumbnail,alt:s.title,className:"h-full w-full object-cover transition duration-300 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-black/35"}),e.jsx("div",{className:"absolute inset-0 grid place-items-center",children:e.jsx("div",{className:"h-14 w-14 rounded-full bg-paper/95 grid place-items-center shadow-xl group-hover:scale-110 transition",children:e.jsx(L,{className:"h-6 w-6 translate-x-[1px] fill-ink text-ink"})})}),e.jsx("div",{className:"absolute top-3 left-3 rounded-full bg-background/90 px-2.5 py-0.5 text-[10px] font-mono uppercase tracking-[0.14em] text-foreground",children:s.type})]}),e.jsxs("div",{className:"flex-1 p-5",children:[e.jsx("h3",{className:"text-[15px] font-semibold leading-snug group-hover:text-accent transition line-clamp-2",children:s.title}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground line-clamp-2",children:s.desc})]})]},s.slug)),p.length===0&&e.jsx("div",{className:"col-span-full rounded-xl border border-dashed border-border p-12 text-center text-muted-foreground",children:"No videos match your filters."})]}),e.jsxs("div",{className:"mt-12 flex flex-wrap items-center justify-center gap-3",children:[e.jsx("button",{onClick:()=>d(r-1),disabled:r===1,className:`flex h-11 items-center rounded-lg border px-5 font-medium transition cursor-pointer ${r===1?"cursor-not-allowed border-gray-200 bg-gray-100 text-gray-400":"border-border bg-white text-black hover:bg-gray-100"}`,children:"← Previous"}),e.jsx("div",{className:"flex items-center gap-2",children:Array.from({length:o},(s,i)=>{const l=i+1;return e.jsx("button",{onClick:()=>d(l),className:`h-11 w-11 rounded-lg border text-sm font-medium transition cursor-pointer ${r===l?"border-black bg-black text-white":"border-border bg-white text-black hover:bg-gray-100"}`,children:l},l)})}),e.jsx("button",{onClick:()=>d(r+1),disabled:r===o,className:`flex h-11 items-center rounded-lg border px-5 font-medium transition cursor-pointer ${r===o?"cursor-not-allowed border-gray-200 bg-gray-100 text-gray-400":"border-border bg-white text-black hover:bg-gray-100"}`,children:"Next →"})]})]})})})}export{I as component};