https://www.sxnth.ai/assets/SocialPosts-K5vl77TL.js

1import{a as o,j as e}from"./index-Cx--3ty-.js";import{d as pe,h as xe,i as fe,a as ge,a3 as we,X as be}from"./App-BnbejJ6K.js";import{u as ye}from"./useMutation-C8mOyUEL.js";import{S as ve}from"./SEOProvider-DlS7xlEU.js";import{D as je}from"./DynamicBreadcrumb-B9xSYib-.js";import{H as Ne,a as ke}from"./HeroSection-D-Hot3j7.js";import{g as Se}from"./utils-Dm4Yq0Sp.js";import{n as le}from"./schema-CJvxfAdO.js";import{I as Ce}from"./industryGallery-mJYkd9jX.js";import{C as Ae,h as Ie}from"./Layout-Br8cYmNW.js";import{C as Te}from"./ContactUsLockup-BX-yghmz.js";import{b as Le,c as Pe,D as De,d as D,e as $,f as A,g as q,a as Ee}from"./dropdown-menu-ClKUbGXM.js";import{S as Re}from"./sliders-horizontal-C-2Zkjng.js";import{A as Fe}from"./arrow-down-up-CV04gvB6.js";import{I as Me}from"./image-off-DSKSWq6u.js";import{H as ae}from"./heart-BXtdCwhg.js";import{C as Oe}from"./chevron-right-Bf9wLpGV.js";import{M as Ue}from"./map-pin--grMRevd.js";import{C as $e}from"./calendar-DWQQTMub.js";import"./useTranslations-gqHXiUMl.js";import"./index-DDBVJDhI.js";import"./types-rhNhX4g_.js";import"./capabilityRegistry-Yugtfqej.js";import"./use-mobile-hZSW9PUM.js";import"./AuthModal-CBk4uEdj.js";import"./input-CaOaLCHg.js";import"./label-YAkitjvI.js";import"./checkbox-kf7NHFNR.js";import"./check-CBRlhh40.js";import"./user-plus-CjzRvCmM.js";import"./user-DpKWlktw.js";import"./eye-CfWTMLkP.js";import"./useMediaQuery-B0w8WP00.js";import"./index-Cz2De1NZ.js";import"./index-BdQq_4o_.js";import"./mail-BQ9cKPKE.js";import"./save-BMxt8qvZ.js";import"./search-Bwp7D0LI.js";import"./sparkles-C_eksHoJ.js";import"./file-text-7qLlAaav.js";import"./download-B0jJQUbT.js";import"./textarea-HFBOKITV.js";import"./upload-DfPr8nyI.js";import"./send-Bk9bW9LM.js";import"./users-BTM4UUUR.js";import"./trending-up-BgxUzLXB.js";import"./building-2-CEqHsWWs.js";import"./graduation-cap-CUcm-89M.js";import"./building-CFGwH5Yo.js";import"./clock-CXXU0CDb.js";import"./arrow-left-BzRUXJ5A.js";import"./circle-check-ir_duGDb.js";import"./external-link-BHAtFr4-.js";import"./copy-B64xE3rJ.js";import"./index-BQgMiXjy.js";const re=[{value:"square",label:"Square Posts"},{value:"portrait",label:"Portrait Posts"}],qe=re.map(s=>s.value),E=24;function _e(){const s=new URLSearchParams(window.location.search).get("returnTo");return Ce.some(l=>l.pagePath===s)?s:null}function V(s){for(const l of[s.date,s.createdAt]){if(!l)continue;const m=Date.parse(String(l));if(Number.isFinite(m))return m}return 0}function ee(s){if(!s.createdAt)return 0;const l=Date.parse(String(s.createdAt));return Number.isFinite(l)?l:0}function te(s){const l=V(s);return l>0?String(new Date(l).getFullYear()):null}function se(s){if(s.date){const l=Date.parse(s.date);return Number.isFinite(l)?new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"short",year:"numeric"}).format(new Date(l)):s.date}if(s.createdAt){const l=Date.parse(String(s.createdAt));if(Number.isFinite(l))return new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"short",year:"numeric"}).format(new Date(l))}return null}function He(s){return s.replace(/[-_]+/g," ").replace(/\b\w/g,l=>l.toUpperCase())}function ze(s){const l=le(s).trim();return l?l.startsWith("#")?l:`#${l}`:null}function Be(s){return(s??[]).map(ze).filter(l=>!!l)}function Ye(){const s=o.useRef(0),l=o.useCallback(()=>{s.current=window.scrollY,document.body.style.position="fixed",document.body.style.top=`-${s.current}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},[]),m=o.useCallback(()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow="",document.documentElement.style.overflow="",window.scrollTo(0,s.current)},[]);return{lock:l,unlock:m}}function Ge({items:s,currentIndex:l,onClose:m,onNavigate:d,likedIds:I,animatingId:x,onLike:R}){const g=o.useRef(null),L=o.useRef(null),f=o.useRef(null),j=o.useRef(null),N=o.useRef(null),w=o.useRef(null),i=s[l],P=s.length>1,_=s.length>1,k=o.useCallback(()=>{d((l-1+s.length)%s.length)},[l,s.length,d]),S=o.useCallback(()=>{d((l+1)%s.length)},[l,s.length,d]);o.useEffect(()=>{var r;(r=g.current)==null||r.focus()},[]),o.useEffect(()=>{f.current&&(f.current.scrollTop=0);const r=j.current;if(!r)return;const n=r.children[l];if(n){const h=n.offsetLeft-(r.clientWidth-n.offsetWidth)/2;r.scrollLeft=Math.max(0,h)}},[l]),o.useEffect(()=>{const r=n=>{var h;if(n.key==="Escape")n.preventDefault(),m();else if(n.key==="ArrowLeft")n.preventDefault(),k();else if(n.key==="ArrowRight")n.preventDefault(),S();else if(n.key==="Tab"){const b=(h=L.current)==null?void 0:h.querySelectorAll("button:not([disabled])");if(!b||b.length===0)return;const O=b[0],T=b[b.length-1];

1n.shiftKey?document.activeElement===O&&(n.preventDefault(),T.focus()):document.activeElement===T&&(n.preventDefault(),O.focus())}};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[m,k,S]);const F=r=>{N.current=r.touches[0].clientX,w.current=r.touches[0].clientY},M=r=>{if(N.current===null||w.current===null)return;const n=r.changedTouches[0].clientX-N.current,h=r.changedTouches[0].clientY-w.current;Math.abs(n)>50&&Math.abs(n)>Math.abs(h)&&(n>0?k():S()),N.current=null,w.current=null};if(!i)return null;const y=Be(i.tags);return we.createPortal(e.jsxs("div",{ref:L,role:"dialog","aria-modal":"true","aria-label":"Image lightbox",className:"fixed inset-0 z-[9999] overflow-hidden bg-black/90",onClick:r=>{r.target===r.currentTarget&&m()},onTouchStart:F,onTouchEnd:M,children:[e.jsx("button",{ref:g,onClick:m,"aria-label":"Close lightbox",className:"absolute top-4 right-4 z-10 flex h-11 w-11 items-center justify-center rounded-full border border-white/15 bg-black/50 text-white shadow-lg backdrop-blur-sm transition-colors hover:bg-white/20",children:e.jsx(be,{className:"w-6 h-6"})}),P&&e.jsx("button",{onClick:r=>{r.stopPropagation(),k()},"aria-label":"Previous image",className:"absolute left-2 top-1/2 z-10 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full border border-white/15 bg-black/50 text-white shadow-lg backdrop-blur-sm transition-colors hover:bg-white/20 md:left-4",children:e.jsx(Ie,{className:"w-6 h-6"})}),_&&e.jsx("button",{onClick:r=>{r.stopPropagation(),S()},"aria-label":"Next image",className:"absolute right-2 top-1/2 z-10 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full border border-white/15 bg-black/50 text-white shadow-lg backdrop-blur-sm transition-colors hover:bg-white/20 md:right-4",children:e.jsx(Oe,{className:"w-6 h-6"})}),e.jsx("div",{ref:f,className:"flex h-full min-h-full w-full items-start justify-center overflow-y-auto overscroll-contain px-4 py-16 md:px-12 lg:items-center lg:py-10",

1style:{scrollbarWidth:"thin",scrollbarColor:"rgba(255,255,255,0.3) transparent"},onClick:r=>{r.target===r.currentTarget&&m()},children:e.jsxs("figure",{className:"flex w-full max-w-[min(92vw,1400px)] shrink-0 flex-col items-center lg:grid lg:grid-cols-[minmax(0,1.55fr)_minmax(250px,0.9fr)] lg:items-stretch lg:gap-6",children:[i.title&&e.jsx("div",{className:"mb-8 w-full min-w-0 text-left sm:px-6 md:px-10 lg:col-start-1 lg:row-start-1 lg:mb-0 lg:px-0 lg:pb-2",children:e.jsx("h2",{className:"max-w-3xl text-left text-xl font-semibold leading-snug tracking-tight text-white md:text-2xl",children:i.title})}),e.jsx("div",{className:"flex w-full items-center justify-center lg:col-start-1 lg:row-start-2 lg:h-[calc(100vh-15rem)] lg:min-h-0",children:e.jsxs("div",{className:"relative flex h-full w-full items-center justify-center",children:[e.jsx("img",{src:i.imageUrl,alt:i.alt,className:"block max-h-[70vh] max-w-full rounded-lg object-contain shadow-2xl shadow-black/40 ring-1 ring-white/10 select-none lg:h-full lg:w-full",draggable:!1}),e.jsxs("button",{type:"button",onClick:r=>{r.stopPropagation(),R(r,i.id)},className:"absolute bottom-3 right-3 z-10 flex min-h-10 min-w-10 items-center justify-center gap-1.5 rounded-full border border-white/20 bg-black/70 px-3 py-2 text-white shadow-lg backdrop-blur-sm transition-colors hover:bg-black/85","aria-label":I.has(i.id)?`Liked - ${i.likes} likes`:`Like - ${i.likes} likes`,"aria-pressed":I.has(i.id),children:[e.jsx(ae,{className:`h-4 w-4 transition-all duration-300 ${I.has(i.id)?"fill-red-500 text-red-500":"text-white/85"} ${x===i.id?"scale-150":""}`}),e.jsx("span",{className:"text-sm font-medium",children:i.likes})]})]})}),e.jsxs("div",{className:"mt-4 flex w-full flex-col items-center border-t border-white/10 pt-4 text-center lg:col-start-1 lg:row-start-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-white/65",children:[i.location&&e.jsxs("span",{className:"flex items-center gap-1 text-xs",children:[e.jsx(Ue,{className:"h-3 w-3"}),i.location]}),i.date&&e.jsxs("span",{className:"flex items-center gap-1 text-xs",children:[e.jsx($e,{className:"h-3 w-3"}),i.date]})]}),e.jsxs("p",{className:"mt-2 text-center text-xs font-medium text-white/45",children:[l+1," / ",s.length]}),s.length>1&&e.jsxs("p",{className:"mt-3 text-center text-[11px] italic text-white/40",children:[e.jsx("span",{className:"lg:hidden",children:"Swipe to explore"}),e.jsx("span",{className:"hidden lg:inline",children:"Use ← → to explore"})]}),e.jsx("p",{className:"mt-2 text-center text-[11px] tracking-wide text-white/20",children:"© Sxnth.AI®. All rights reserved."})]}),e.jsxs("figcaption",{className:"mt-4 w-full min-w-0 max-w-none rounded-xl border border-white/[0.08] bg-white/[0.035] px-5 py-5 text-left shadow-2xl shadow-black/20 backdrop-blur-sm sm:px-6 md:px-10 lg:col-start-2 lg:row-start-2 lg:mt-0 lg:max-h-[calc(100vh-15rem)] lg:overflow-y-auto lg:px-5 lg:pr-5",children:[i.caption&&e.jsx("p",{className:"w-full break-words whitespace-pre-line text-left text-[15px] leading-7 text-white/80",children:le(i.caption)}),y.length>0&&e.jsx("div",{"aria-label":"Hashtags",className:"mt-5 flex flex-wrap justify-start gap-2 text-[13px] leading-5 text-white/70",children:y.map(r=>e.jsx("span",{className:"max-w-full break-words rounded-full border border-white/10 bg-white/[0.08] px-2 py-0.5",children:r},r))})]}),s.length>1&&e.jsx("div",{className:"mt-6 flex w-full justify-center px-4 lg:col-span-2 lg:col-start-1 lg:row-start-4",children:e.jsx("div",{ref:j,className:"flex max-w-full gap-1.5 overflow-x-auto scrollbar-hide py-1.5 px-1.5",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:s.map((r,n)=>e.jsx("button",{onClick:h=>{h.stopPropagation(),d(n)},"aria-label":`Go to image ${n+1}`,"aria-current":n===l?"true":void 0,className:`flex-shrink-0 overflow-hidden rounded-md border border-white/10 transition-all duration-200 ${n===l?"scale-105 border-blue-300 ring-2 ring-blue-400 opacity-100":"opacity-50 hover:opacity-80"}`,style:{width:56,height:56},children:e.jsx("img",{src:r.thumbnailUrl||r.imageUrl,alt:r.title||r.caption||`Sxnth.AI® social post thumbnail ${n+1}`,className:"w-full h-full object-cover",draggable:!1})},r.id))})})]})})]}),document.body)}function Kt(){var Z;

1const s=_e(),[l,m]=o.useState("all"),[d,I]=o.useState("all"),[x,R]=o.useState("all"),[g,L]=o.useState("newest"),[f,j]=o.useState(E),[N,w]=o.useState(null),[i,P]=o.useState(!1),[_,k]=o.useState(!1),S=o.useRef(null),F=o.useRef(!1),M=o.useRef(!1),[y,r]=o.useState(()=>{try{const t=localStorage.getItem("social_posts_liked");return t?new Set(JSON.parse(t)):new Set}catch{return new Set}}),[n,h]=o.useState(null),{lock:b,unlock:O}=Ye(),{user:T}=pe();xe();const H=fe(),K=(T==null?void 0:T.role)==="employee",z=ye({mutationFn:async t=>{const a=await fetch(`/api/website-gallery/${t}/like`,{method:"POST"});if(!a.ok)throw new Error("Failed to like");return a.json()},onSuccess:(t,a)=>{r(c=>{const u=new Set(c);return u.add(a),localStorage.setItem("social_posts_liked",JSON.stringify(Array.from(u))),u}),H.invalidateQueries({queryKey:["/api/website-gallery"]}),H.invalidateQueries({queryKey:["/api/website-gallery/industry"]}),H.invalidateQueries({queryKey:["industry-social-post-preview"]})}}),Q=o.useCallback((t,a)=>{t.stopPropagation(),t.preventDefault(),!(y.has(a)||z.isPending)&&(h(a),setTimeout(()=>h(null),600),z.mutate(a))},[y,z]);o.useEffect(()=>{window.location.hash||window.scrollTo(0,0)},[]);const{data:C,isLoading:oe}=ge({queryKey:s?["industry-social-post-preview",s]:K?["/api/website-gallery"]:["/api/website-gallery?publicOnly=true"],queryFn:async()=>{if(s){const c=await fetch(`/api/website-gallery/industry?path=${encodeURIComponent(s)}`);if(!c.ok)throw new Error("Failed to fetch Industry social posts");return(await c.json()).items}const t=new URLSearchParams;K||t.append("publicOnly","true");const a=await fetch(`/api/website-gallery?${t}`);if(!a.ok)throw new Error("Failed to fetch");return a.json()}}),ne=o.useRef([]),W=C??ne.current,v=o.useMemo(()=>W.filter(t=>qe.includes(t.category)),[W]),B=o.useMemo(()=>{const t=new Set(v.map(a=>a.category).filter(Boolean));return re.filter(a=>t.has(a.value))},[v]),X=o.useMemo(()=>[{value:"all",label:"All"},...B],[B]),Y=o.useMemo(()=>Array.from(new Set(v.map(te).filter(t=>!!t))).sort((t,a)=>Number(a)-Number(t)),[v]),G=o.useMemo(()=>Array.from(new Set(v.flatMap(t=>t.tags??[]))).filter(Boolean).sort((t,a)=>t.localeCompare(a)),[v]),p=o.useMemo(()=>[...v.filter(a=>{const c=l==="all"||a.category===l,u=d==="all"||te(a)===d,U=x==="all"||(a.tags??[]).includes(x);return c&&u&&U})].sort((a,c)=>{const u=s?ee(c)-ee(a):V(c)-V(a);return u!==0?g==="newest"?u:-u:a.sortOrder-c.sortOrder}),[v,l,d,x,g,s]);o.useEffect(()=>{j(E)},[l,d,x,g]);const J=p.slice(0,f),ie=f<p.length;o.useEffect(()=>{const t=new URLSearchParams(window.location.search).get("preview");if(M.current||!t||!C||C.length===0||p.length===0)return;const a=p.findIndex(c=>c.id===t);if(!(a<0)){if(a>=f){j(a+E);return}M.current=!0,P(!0),w(a),b()}},[C,p,f,b]),o.useEffect(()=>{if(F.current||!C||C.length===0)return;const t=window.location.hash;if(new URLSearchParams(window.location.search).has("preview")||!t)return;const a=t.slice(1),c=p.findIndex(u=>`social-post-img-${u.id}`===a);if(!(c<0)){if(c>=f){j(c+E);return}F.current=!0,requestAnimationFrame(()=>{setTimeout(()=>{const u=document.getElementById(a);if(!u)return;const U=getComputedStyle(document.documentElement),de=parseFloat(U.getPropertyValue("--header-height"))||0,me=parseFloat(U.getPropertyValue("--announcement-bar-height"))||0,he=u.getBoundingClientRect().top+window.scrollY-de-me-12;window.scrollTo({top:Math.max(0,he),behavior:"smooth"}),u.classList.add("ring-2","ring-blue-400/60"),setTimeout(()=>u.classList.remove("ring-2","ring-blue-400/60"),2e3)},100)})}},[C,p,f]);const ce=(t,a)=>{S.current=a,P(!1),w(t),b()},ue=()=>{if(w(null),P(!1),O(),s){window.location.assign(s);return}requestAnimationFrame(()=>{var t;(t=S.current)==null||t.focus()})};return e.jsxs(ve,{title:"Social Posts | Sxnth.AI®",description:"Browse our social media content library — square and portrait posts showcasing Sxnth.AI® insights, announcements, and updates.",keywords:"Sxnth.AI® social posts, social media content, AI insights posts, square posts, portrait posts",ogTitle:"Social Posts | Sxnth.AI®",ogDescription:"Browse our social media content library of square and portrait posts.",canonicalUrl:"https://www.sxnth.ai/social-posts",children:[e.jsxs("div",{className:"min-h-screen",children:[e.jsxs("div",{className:"fixed inset-0 overflow-hidden pointer-events-none",children:[e.jsx("div",{className:"absolute top-20 left-20 w-96 h-96 bg-blue-600/20 rounded-full blur-[100px] animate-pulse"}),e.jsx("div",{className:"absolute bottom-20 right-20 w-80 h-80 bg-sky-500/15 rounded-full blur-[100px] animate-pulse",style:{animationDelay:"2s"}})]}),e.jsx(Ne,{title:e.jsx(ke,{gradient:"from-blue-300 to-blue-500",children:"Social Posts"}),subtitle:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"block",children:"Ideas, Insights & Updates"}),e.jsx("span",{className:"block mt-2",children:"Explore practical perspectives, company news and fresh thinking from SXNTH.AI®."})]}),scrollTargetId:"social-posts-content",containerClassName:"w-full",contentClassName:"w-full max-w-7xl px-4 sm:px-6 lg:px-8 text-left",titleClassName:"text-left",subtitleClassName:"text-left",className:"bg-gradient-to-br from-blue-900/80 via-blue-800/60 to-black"}),e.jsx(je,{}),e.jsxs("div",{id:"social-posts-content",className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 pb-16",children:[e.jsx("p",{className:"text-center text-white/35 text-xs tracking-widest uppercase mb-6",children:"Tap any image to view full size"}),(B.length>0||Y.length>0||G.length>0)&&e.jsx("div",{className:"sticky top-16 z-30 py-2.5 -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 backdrop-blur-xl bg-gray-900/80",children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("p",{className:"hidden sm:block text-xs uppercase tracking-[0.18em] text-white/30",children:[p.length," ",p.length===1?"post":"posts"]}),e.jsxs(Le,{children:[e.jsx(Pe,{asChild:!0,children:e.jsxs("button",{type:"button",className:"mx-auto 

1sm:mx-0 inline-flex items-center gap-2 rounded-lg border border-white/15 bg-white/[0.06] px-3 py-2 text-sm font-medium text-white/80 shadow-sm transition-colors hover:bg-white/10 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400/60","aria-label":"Open social post filters",children:[e.jsx(Re,{className:"h-4 w-4 text-blue-300"}),e.jsx("span",{children:"Filters"}),(l!=="all"||d!=="all"||x!=="all")&&e.jsx("span",{className:"rounded-full bg-blue-400/20 px-1.5 text-xs text-blue-200",children:[l!=="all",d!=="all",x!=="all"].filter(Boolean).length}),e.jsx(Fe,{className:"h-3.5 w-3.5 text-white/45"})]})}),e.jsxs(De,{align:"center",sideOffset:8,className:"z-[60] w-64 max-h-[min(80vh,30rem)] overflow-y-auto rounded-xl border-white/15 bg-gray-950/95 p-2 text-white shadow-2xl shadow-black/40 backdrop-blur-xl",children:[e.jsx(D,{className:"px-2 pb-1 text-[11px] uppercase tracking-[0.16em] text-white/40",children:"Filter posts"}),e.jsx(D,{className:"px-2 pt-2 text-xs text-white/50",children:"Format"}),e.jsx($,{value:l,onValueChange:m,children:X.map(t=>e.jsx(A,{value:t.value,className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:t.label.replace(" Posts","")},t.value))}),Y.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(q,{className:"bg-white/10"}),e.jsx(D,{className:"px-2 pt-2 text-xs text-white/50",children:"Published"}),e.jsxs($,{value:d,onValueChange:I,children:[e.jsx(A,{value:"all",className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:"All dates"}),Y.map(t=>e.jsx(A,{value:t,className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:t},t))]})]}),G.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(q,{className:"bg-white/10"}),e.jsx(D,{className:"px-2 pt-2 text-xs text-white/50",children:"Topic"}),e.jsxs($,{value:x,onValueChange:R,children:[e.jsx(A,{value:"all",className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:"All topics"}),G.map(t=>e.jsx(A,{value:t,className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:He(t)},t))]})]}),e.jsx(q,{className:"bg-white/10"}),e.jsx(D,{className:"px-2 pt-2 text-xs text-white/50",children:"Order"}),e.jsxs($,{value:g,onValueChange:t=>L(t),children:[e.jsx(A,{value:"newest",className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:"Newest first"}),e.jsx(A,{value:"oldest",className:"text-sm text-white/80 focus:bg-blue-400/15 focus:text-white",children:"Oldest first"})]}),(l!=="all"||d!=="all"||x!=="all"||g!=="newest")&&e.jsxs(e.Fragment,{children:[e.jsx(q,{className:"bg-white/10"}),e.jsx(Ee,{onSelect:()=>{m("all"),I("all"),R("all"),L("newest")},className:"text-sm text-blue-200 focus:bg-blue-400/15 focus:text-white",children:"Clear filters"})]})]})]}),e.jsx("p",{className:"text-xs text-white/35 whitespace-nowrap",children:g==="newest"?"Newest first":"Oldest first"})]})}),e.jsx("div",{className:"mt-6",children:oe?e.jsx("div",{className:"grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-1 md:gap-1.5",children:Array.from({length:24}).map((t,a)=>e.jsx("div",{className:"aspect-square rounded-sm bg-white/5 animate-pulse"},a))}):p.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center py-24 text-center",children:[e.jsx(Me,{className:"w-12 h-12 text-white/20 mb-4"}),e.jsx("p",{className:"text-white/40 text-sm",children:l==="all"?"No social posts available yet.":`No posts found in "${(Z=X.find(t=>t.value===l))==null?void 0:Z.label}".`})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-1 md:gap-1.5",children:J.map((t,a)=>e.jsx("figure",{id:`social-post-img-${t.id}`,className:"group transition-all duration-200",children:e.jsxs("div",{className:"relative aspect-square overflow-hidden rounded-sm",children:[e.jsxs("button",{onClick:c=>ce(a,c.currentTarget),"aria-label":t.alt||t.title||"Social post image",className:"w-full h-full focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900",children:[e.jsx("img",{src:t.thumbnailUrl||t.imageUrl,alt:t.alt,loading:a<12?"eager":"lazy",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300"})]}),se(t)&&e.jsxs("div",{className:"absolute bottom-1 left-1 z-10 rounded-tr-md px-1.5 py-1 text-[10px] leading-none text-white/75 pointer-events-none select-none",style:{background:"linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0

1) 100%)"},children:["Published ",se(t)]}),e.jsxs("div",{className:"absolute bottom-1 right-1 flex items-center gap-0.5 z-10 cursor-pointer select-none rounded-tl-md px-1.5 py-1",style:{background:"linear-gradient(135deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.7) 100%)"},onClick:c=>Q(c,t.id),role:"button","aria-label":y.has(t.id)?`Liked - ${t.likes} likes`:`Like this post - ${t.likes} likes`,children:[e.jsx(ae,{className:`w-3.5 h-3.5 transition-all duration-300 ${y.has(t.id)?"text-red-500 fill-red-500":"text-white/80 group-hover:text-white"} ${n===t.id?"scale-150":""}`}),e.jsx("span",{className:"text-sm font-medium text-white",children:t.likes})]})]})},t.id))}),ie&&e.jsx("div",{className:"flex justify-center mt-8",children:e.jsx("button",{onClick:()=>j(t=>t+E),"aria-label":"Load more posts",className:`px-6 py-3 rounded-full text-sm font-medium text-white/80 hover:text-white transition-all ${Se.button}`,children:"Load More"})})]})}),e.jsx("div",{className:"mt-16 text-center",children:e.jsx("button",{onClick:()=>k(!0),className:"text-white/30 hover:text-white/50 text-xs transition-colors underline underline-offset-2",children:"Image removal request"})}),e.jsx(Ae,{isOpen:_,onClose:()=>k(!1),initialData:{priority:"image_removal",subject:"Image Removal Request"}})]}),N!==null&&e.jsx(Ge,{items:i?p:J,currentIndex:N,onClose:ue,onNavigate:w,likedIds:y,animatingId:n,onLike:Q})]}),e.jsx(Te,{headline:"Stay in the loop",description:"Follow Sxnth.AI® on social media for AI insights, announcements, and updates.",accentColor:"blue"})]})}export{Kt as default};