https://andalsoftware.com/assets/Resource-ChF8joqj.js

1import{j as e,A as F,s as S}from"./index-Bi-eA3Wq.js";import{r,c as P}from"./vendor-GPGsv0WI.js";import{m as E,P as W}from"./PageWrapper-Cgfsujtc.js";import{F as q}from"./Footer-DWHGMHeN.js";import{c as H}from"./ebookLead-5aZDegyu.js";import"./supabase-D2gm834s.js";function I({title:t,image:n}){const a=s=>{var i;const m=s.currentTarget;m.style.display="none",(i=m.nextElementSibling)==null||i.classList.remove("hidden")};return e.jsxs("div",{className:"relative w-full aspect-[3/4] [perspective:1200px] group",children:[e.jsx("div",{className:"absolute inset-0 bg-white rounded-r-md shadow-inner flex items-center justify-center border border-gray-100 p-8",children:e.jsx("h3",{className:"text-2xl font-bold text-dark text-center leading-tight tracking-tight",children:t})}),e.jsxs("div",{className:"absolute inset-0 origin-left transition-transform duration-700 ease-[cubic-bezier(0.4,0,0.2,1)] [transform-style:preserve-3d] group-hover:[transform:rotateY(-80deg)] shadow-xl rounded-r-md overflow-hidden z-10",children:[n&&e.jsx("img",{src:n,alt:t,onError:a,className:"absolute inset-0 w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:`absolute inset-0 ${n?"hidden":""} bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center`,children:e.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"text-gray-400","aria-hidden":"true",children:[e.jsx("path",{d:"M4 19.5A2.5 2.5 0 0 1 6.5 17H20"}),e.jsx("path",{d:"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"})]})}),e.jsx("div",{className:"absolute inset-y-0 left-0 w-4 bg-gradient-to-r from-black/30 via-black/10 to-transparent z-20"})]})]})}function M({isOpen:t,onClose:n,pdfUrl:a,title:s,triggerRef:m}){const i=r.useRef(null),f=r.useRef(null),[u,y]=r.useState(!1);return r.useEffect(()=>{t&&y(!1)},[t,a]),r.useEffect(()=>(t&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[t]),r.useEffect(()=>{var o;if(!t)return;f.current=(m==null?void 0:m.current)??document.activeElement,(o=i.current)==null||o.focus();const v=c=>{var w;if(c.key!=="Tab")return;const h=(w=i.current)==null?void 0:w.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!(h!=null&&h.length))return;const j=h[0],C=h[h.length-1];c.shiftKey&&document.activeElement===j?(c.preventDefault(),C.focus()):!c.shiftKey&&document.activeElement===C&&(c.preventDefault(),j.focus())},d=c=>{c.key==="Escape"&&n()};return document.addEventListener("keydown",v),document.addEventListener("keydown",d),()=>{var c;document.removeEventListener("keydown",v),document.removeEventListener("keydown",d),(c=(m==null?void 0:m.current)??f.current)==null||c.focus()}},[t,n,m]),e.jsx(F,{mode:"wait",children:t&&e.jsxs("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-8",children:[e.jsx(E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:n,className:"absolute inset-0 bg-black/60 backdrop-blur-md"}),e.jsxs(E.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},transition:{type:"spring",duration:.5},className:"relative w-full max-w-6xl h-[90vh] bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col z-[101]",role:"dialog","aria-modal":"true","aria-labelledby":"pdf-modal-title",tabIndex:-1,ref:i,children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-100 bg-white",children:[e.jsx("h3",{id:"pdf-modal-title",className:"font-bold text-dark text-lg truncate pr-8",children:s}),e.jsx("button",{onClick:n,className:"p-2 hover:bg-gray-100 rounded-full transition-colors group","aria-label":"Close",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"text-gray-400 group-hover:text-dark",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),e.jsx("div",{className:"flex-1 bg-gray-50 relative overflow-hidden",children:a&&e.jsxs(e.Fragment,{children:[!u&&e.jsxs("div",{className:"absolute inset-0 z-[103] flex flex-col items-center justify-center gap-3 bg-gray-50",children:[e.jsx("div",{className:"w-10 h-10 rounded-full border-[3px] border-brand-blue/20 border-t-brand-blue animate-spin"}),e.jsx("p",{className:"text-sm text-gray-400",children:"Memuat dokumen, mohon tunggu…"})]}),e.jsx("iframe",{src:`${a}#toolbar=0&navpanes=0&scrollbar=0&view=FitH`,className:"absolute inset-0 w-full h-full border-none",title:s,onLoad:()=>y(!0)}),e.jsx("div",{className:"absolute top-0 left-0 right-0 h-16 bg-transparent z-[102]"})]})}),e.jsx("div",{className:"px-6 py-3 bg-white border-t border-gray-100 flex items-center justify-end",children:e.jsx("button",{onClick:n,className:"text-sm font-bold text-gray-400 hover:text-dark transition-colors",children:"Close Viewer"})})]})]})})}const $=["Article","Ebook"];function D(t,n=150){if(!t)return"";if(t.type==="text")return t.text||"";if(!t.content)return"";const a=t.content.map(s=>D(s)).join(" ").replace(/\s+/g," ").trim();return a.length>n?a.slice(0,n).trimEnd()+"...":a}function R({article:t}){const n=P();return e.jsxs("button",{type:"button",onClick:()=>n(`/resource/artikel/${t.slug}`),className:"w-full text-left rounded-2xl overflow-hidden bg-white border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 cursor-pointer flex flex-col",children:[e.jsx("div",{className:"w-full aspect-[16/9] relative shrink-0 overflow-hidden bg-slate-100",children:e.jsx("img",{src:t.banner_image_url||"/images/article/placeholder.png",alt:t.title,className:"w-full h-full object-cover",loading:"lazy",decoding:"async"})}),e.jsxs("div",{className:"p-5 flex flex-col gap-2 flex-1",children:[e.jsx("h3",{className:"font-bold text-dark text-base leading-tight line-clamp-3",children:t.title}),e.jsx("p",{className:"text-sm text-gray-500 leading-relaxed line-clamp-3",children:t.excerpt||D(t.content)})]})]})}function T(){const[t,n]=r.useState(""),[a,s]=r.useState([]),[m,i]=r.useState(!0);r.useEffect(()=>{S.from("articles").select("id, title, slug, excerpt, tag, banner_image_url, content, created_at, published_at").eq("published",!0).order("created_at",{ascending:!1}).then(({data:u})=>{s(u||[]),i(!1)})},[]);const f=t.trim()?a.filter(u=>u.title.toLowerCase().includes(t.toLowerCase())||(u.excerpt||"").toLowerCase().includes(t.toLowerCase())):a;return e.jsxs("div",{className:"flex flex-col gap-6 font-sans",children:[e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",children:[e.jsx("h2",{className:"text-xl md:text-2xl font-bold text-dark whitespace-nowrap",children:"Explore our articles"}),e.jsxs("div",{className:"relative w-full sm:w-64 shrink-0",children:[e.jsxs("svg",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),e.jsx("input",{type:"search",value:t,onChange:u=>n(u.target.value),placeholder:"Search articles...",className:"w-full pl-9 pr-4 py-2 text-sm border border-gray-200 rounded-full bg-white outline-none focus:border-brand-blue focus:ring-2 focus:ring-brand-blue/10 transition-all"})]})]}),m?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",children:[1,2,3].map(u=>e.jsx("div",{className:"rounded-2xl bg-gray-100 animate-pulse h-64"},u))}):f.length>0?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",children:f.map(u=>e.jsx(R,{article:u},u.id))}):e.jsxs("div",{className:"flex flex-col items-center justify-center py-16 gap-2 text-center",children:[e.jsx("p",{className:"text-sm font-semibold text-dark/50",children:"No articles found"}),e.jsx("p",{className:"text-xs text-gray-400",children:"Try a different search term."})]})]})}const K=["1-25","26-75","76-199","200-249","250+"],J={firstName:"",lastName:"",email:"",j

1obTitle:"",companyName:"",hrEmployees:""};function k({msg:t}){return t?e.jsx("p",{className:"mt-1 text-xs text-red-500",children:t}):null}function U({ebook:t,onClose:n,triggerRef:a}){const[s,m]=r.useState(J),[i,f]=r.useState({}),[u,y]=r.useState(!1),[v,d]=r.useState(!1),o=r.useRef(null),c=r.useRef(null);r.useEffect(()=>{if(!t)return;const l=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=l}},[t]),r.useEffect(()=>{var p;if(!t)return;c.current=(a==null?void 0:a.current)??document.activeElement,(p=o.current)==null||p.focus();const l=x=>{var A;if(x.key!=="Tab")return;const b=(A=o.current)==null?void 0:A.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!(b!=null&&b.length))return;const L=b[0],_=b[b.length-1];x.shiftKey&&document.activeElement===L?(x.preventDefault(),_.focus()):!x.shiftKey&&document.activeElement===_&&(x.preventDefault(),L.focus())},g=x=>{x.key==="Escape"&&n()};return document.addEventListener("keydown",l),document.addEventListener("keydown",g),()=>{var x;document.removeEventListener("keydown",l),document.removeEventListener("keydown",g),(x=(a==null?void 0:a.current)??c.current)==null||x.focus()}},[t,n,a]);function h(){const l={};return s.firstName.trim()||(l.firstName="First name is required."),s.lastName.trim()||(l.lastName="Last name is required."),s.email.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s.email)||(l.email="Please enter a valid email."):l.email="Email is required.",s.jobTitle.trim()||(l.jobTitle="Job title is required."),s.companyName.trim()||(l.companyName="Company name is required."),s.hrEmployees||(l.hrEmployees="Please select the number of employees."),l}function j(l){const{name:g,value:p}=l.target;m(x=>({...x,[g]:p})),f(x=>{const b={...x};return delete b[g],b})}async function C(l){l.preventDefault();const g=h();if(Object.keys(g).length>0){f(g);return}y(!0);try{const p=await H(s,t.id);if(!(p!=null&&p.token))throw new Error("Lead was created without a download token.");const x=`${window.location.origin}/download/ebook/${p.token}`;if(!x.startsWith(window.location.origin+"/download/ebook/"))throw new Error("Invalid download URL constructed.");const{error:b}=await S.functions.invoke("submit-ebook-download",{body:{firstName:s.firstName,lastName:s.lastName,email:s.email,jobTitle:s.jobTitle,companyName:s.companyName,hrEmployees:s.hrEmployees,ebookId:t.id,ebookTitle:t.title,token:p.token,downloadUrl:x}});if(b){console.error("[DownloadModal] Edge function error",b),f(L=>({...L,submit:"Unable to submit. Please try again."}));return}d(!0)}catch(p){console.error("Ebook download submit failed",p),f(x=>({...x,submit:p.message||"Failed. Please try again."}))}finally{y(!1),setTimeout(n,2500)}}function w(l){const g="w-full bg-slate-50 rounded-lg px-4 py-2.5 text-sm text-dark placeholder:text-slate-400 outline-none focus:ring-2 transition-all border";return i[l]?`${g} border-red-500 focus:border-red-500 focus:ring-red-500/15`:`${g} border-slate-200 focus:border-brand-blue focus:ring-brand-blue/15`}const z=Object.values(s).every(l=>!l);function B(l){l.target===l.currentTarget&&z&&n()}const N="block text-xs font-semibold text-slate-600 mb-1.5";return e.jsx("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm",onClick:B,children:e.jsxs("div",{className:"bg-white rounded-2xl shadow-2xl max-w-2xl w-full p-8 relative max-h-[90vh] overflow-y-auto",role:"dialog","aria-modal":"true","aria-labelledby":"download-modal-title",tabIndex:-1,ref:o,children:[e.jsx("button",{type:"button",onClick:n,className:"absolute top-4 right-4 w-8 h-8 flex items-center justify-center rounded-full text-slate-400 hover:text-slate-700 hover:bg-slate-100 transition-colors","aria-label":"Close modal",children:e.jsxs("svg",{width:"16",height:"16",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),v?e.jsxs("div",{className:"flex flex-col items-center justify-center py-10 gap-4 text-center",children:[e.jsx("div",{className:"w-14 h-14 roun

1ded-full bg-green-100 flex items-center justify-center",children:e.jsx("svg",{width:"28",height:"28",fill:"none",viewBox:"0 0 24 24",stroke:"#16a34a",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}),e.jsx("h2",{className:"text-xl font-bold text-slate-900",children:"Request Received!"}),e.jsxs("p",{className:"text-sm text-slate-500 max-w-xs",children:["Your download link for ",e.jsx("strong",{children:t.title})," will be sent to ",e.jsx("strong",{children:s.email})," shortly."]})]}):e.jsxs("form",{onSubmit:C,noValidate:!0,children:[e.jsx("h2",{id:"download-modal-title",className:"font-bold text-xl text-slate-900 mb-1",children:"Download Ebook"}),e.jsxs("p",{className:"text-sm text-slate-500 mb-6",children:["Submit the form below to download ",e.jsx("span",{className:"font-semibold text-slate-700",children:t.title}),":"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsxs("label",{className:N,children:["First Name ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",name:"firstName",maxLength:100,value:s.firstName,onChange:j,placeholder:"e.g. John",className:w("firstName")}),e.jsx(k,{msg:i.firstName})]}),e.jsxs("div",{children:[e.jsxs("label",{className:N,children:["Last Name ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",name:"lastName",maxLength:100,value:s.lastName,onChange:j,placeholder:"e.g. Doe",className:w("lastName")}),e.jsx(k,{msg:i.lastName})]}),e.jsxs("div",{className:"md:col-span-2",children:[e.jsxs("label",{className:N,children:["Email ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"email",name:"email",maxLength:320,value:s.email,onChange:j,placeholder:"e.g. [email protected]",className:w("email")}),e.jsx(k,{msg:i.email})]}),e.jsxs("div",{children:[e.jsxs("label",{className:N,children:["Job Title ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",name:"jobTitle",maxLength:150,value:s.jobTitle,onChange:j,placeholder:"e.g. HR Manager",className:w("jobTitle")}),e.jsx(k,{msg:i.jobTitle})]}),e.jsxs("div",{children:[e.jsxs("label",{className:N,children:["Company Name ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",name:"companyName",maxLength:200,value:s.companyName,onChange:j,placeholder:"e.g. Andal Inc.",className:w("companyName")}),e.jsx(k,{msg:i.companyName})]}),e.jsxs("div",{className:"md:col-span-2",children:[e.jsxs("label",{className:N,children:["Number of HR Employees ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("div",{className:"flex flex-col gap-2 mt-1",children:K.map(l=>e.jsxs("label",{className:"flex items-center gap-3 cursor-pointer group",children:[e.jsx("input",{type:"radio",name:"hrEmployees",value:l,checked:s.hrEmployees===l,onChange:j,className:"w-4 h-4 accent-brand-blue cursor-pointer"}),e.jsx("span",{className:"text-sm text-slate-700 group-hover:text-brand-blue transition-colors",children:l})]},l))}),e.jsx(k,{msg:i.hrEmployees})]})]}),e.jsx("button",{type:"submit",disabled:u,className:"mt-6 w-full bg-brand-blue hover:bg-brand-blue/90 disabled:opacity-70 text-white font-bold py-3 rounded-lg transition-all text-sm shadow-[0_4px_14px_rgba(11,131,224,0.30)]",children:u?"Sending…":"Download Now"}),i.submit&&e.jsx("p",{className:"mt-2 text-sm text-red-500 text-center",children:i.submit})]})]})})}function Y({onBookClick:t,onDownloadClick:n}){const a=r.useRef(null),[s,m]=r.useState([]),[i,f]=r.useState(!0),[u,y]=r.useState(!1);r.useEffect(()=>{let d=!1;async function o(){const{data:c,error:h}=await S.from("ebooks").select("id, title, cover_image_url, pdf_url").eq("published",!0).order("display_order",{ascending:!0});if(!d){if(h){console.error("[EbookContent] failed to load ebooks:",h),y(!0),f(!1);return}m(c||[]),f(!1)}}return o(),()=>{d=!0}},[]);function v(d,o,c){t(d,o,c)}return i?e.jsx("div",{className:"px-4",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-8 gap-y-20 pb-4",children:[1,2,3].map(d=>e.jsx("div",{className:"rounded-2xl bg-gray-100 animate-pulse h-80"},d))})}):u?e.jsxs("div",{className:"flex flex-col items-center justify-center py-16 gap-3 text-center",children:[e.jsx("p",{className:"text-sm font-semibold text-dark/70",children:"Gagal memuat daftar ebook."}),e.jsx("button",{type:"button",onClick:()=>window.location.reload(),className:"text-sm font-medium text-brand-blue hover:underline",children:"Coba lagi"})]}):s.length===0?e.jsx("div",{className:"flex flex-col items-center justify-center py-16 gap-2 text-center",children:e.jsx("p",{className:"text-sm font-semibold text-dark/50",children:"Belum ada ebook tersedia."})}):e.jsxs("div",{className:"px-4",children:[e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-8 gap-y-20 pb-4",children:s.map(d=>e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("button",{type:"button",onClick:o=>v(o,d.pdf_url,d.title),className:"w-full text-left cursor-pointer transition-transform duration-300 hover:-translate-y-2 relative group","aria-label":`Buka ebook: ${d.title}`,children:e.jsx(I,{title:d.title,image:d.cover_image_url})}),e.jsx("button",{ref:a,onClick:o=>{o.stopPropagation(),n(d,a)},className:"w-full py-3 bg-brand-blue hover:bg-brand-blue/90 text-white font-bold rounded-lg text-sm transition-colors shadow-[0_2px_10px_rgba(11,131,224,0.25)]",children:"Download"})]},d.id))}),e.jsx("div",{className:"h-5 bg-[#d1d5db] rounded-sm shadow-md"})]})}function ee(){const[t,n]=r.useState("Article"),[a,s]=r.useState(null),[m,i]=r.useState(null),f=r.useRef(null),u=!!m;function y(o){window.scrollTo(0,0),n(o)}function v(o,c,h){o.preventDefault(),o.stopPropagation(),s({url:c,title:h})}function d(o,c){f.current=c.current,i(o)}return e.jsxs(W,{children:[e.jsxs(e.Fragment,{children:[e.jsx("section",{className:"w-full bg-brand-blue overflow-hidden font-sans",children:e.jsxs("div",{className:"max-w-content mx-auto px-6 md:px-12 lg:px-16 flex flex-col items-center relative pt-24 pb-20 gap-6",children:[e.jsx("div",{"aria-hidden":"true",style:{position:"absolute",inset:0,pointerEvents:"none",backgroundImage:"radial-gradient(ellipse 80% 70% at 50% 30%, rgba(255,255,255,0.07) 0%, transparent 70%)"}}),e.jsxs(E.div,{initial:{opacity:0,scale:.9}

1,animate:{opacity:1,scale:1},transition:{duration:.6},style:{display:"flex",alignItems:"center",position:"relative",borderRadius:"999px",padding:"6px 18px",gap:"8px",backgroundColor:"rgba(255,255,255,0.15)",border:"1px solid rgba(255,255,255,0.25)"},children:[e.jsx("div",{style:{width:"6px",height:"6px",borderRadius:"50%",backgroundColor:"#ffffff",flexShrink:0}}),e.jsx("span",{style:{letterSpacing:"0.04em",color:"#ffffff",fontWeight:600,fontSize:"13px",lineHeight:"16px"},children:"Resource"})]}),e.jsx(E.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},style:{fontSize:"clamp(32px, 5.5vw, 60px)",lineHeight:"1.3",letterSpacing:"-1px",maxWidth:"900px",position:"relative",textAlign:"center",color:"#ffffff",fontWeight:700,margin:0},children:"We Dedicate our Experience to Help"}),e.jsx(E.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},style:{fontSize:"18px",lineHeight:"1.7",maxWidth:"640px",position:"relative",textAlign:"center",color:"rgba(255,255,255,0.85)",margin:0},children:"Andal provides various publications to help you develop yourself"})]})}),e.jsx("section",{className:"py-16 md:py-20 max-w-content mx-auto px-6",children:e.jsxs("div",{className:"flex flex-col-reverse lg:flex-row gap-8 items-start",children:[e.jsx("div",{className:"w-full lg:flex-1 min-w-0",children:t==="Article"?e.jsx(T,{}):e.jsx(Y,{onBookClick:v,onDownloadClick:d})}),e.jsx("aside",{className:"w-full lg:w-72 shrink-0 lg:sticky lg:top-32",children:e.jsxs("div",{className:"bg-white/70 backdrop-blur-lg border border-white/40 rounded-[20px] shadow-[0_8px_32px_0_rgba(31,38,135,0.07)] p-4",children:[e.jsx("p",{className:"text-[10px] font-extrabold text-brand-blue/60 uppercase tracking-[0.2em] mb-3 px-2 font-sans select-none",children:"PUBLIKASI"}),e.jsx("ul",{className:"flex flex-col gap-1",role:"list",children:$.map(o=>e.jsx("li",{children:e.jsx("button",{onClick:()=>y(o),className:["w-full text-left text-[13px] font-bold px-3 py-2 rounded-xl transition-all duration-200 font-sans",t===o?"text-brand-blue bg-brand-blue/10 shadow-sm":"text-dark/70 hover:text-brand-blue hover:bg-white/50"].join(" "),children:o})},o))})]})})]})})]}),e.jsx(q,{}),e.jsx(M,{isOpen:!!a,onClose:()=>s(null),pdfUrl:(a==null?void 0:a.url)||"",title:(a==null?void 0:a.title)||""}),u&&e.jsx(U,{ebook:m,onClose:()=>i(null),triggerRef:f})]})}export{ee as default};