https://www.truvis.ai/assets/InsightDetail-D6SjNcoC.js

1import{r as l,k as b,j as e,b as y,m as j,l as N,L as w}from"./index-XjcTDRdy.js";import{C as v}from"./clock-DTIEQP29.js";import{C as m}from"./circle-check-big-D8qaYZxt.js";import{S as k}from"./share-2-BMdwP-86.js";const u={ADI:{primary:"#035CAC",lightBg:"#F1F6FD"},RPI:{primary:"#417242",lightBg:"#F2F7F2"},"AI READY DATA PRODUCT":{primary:"#51419E",lightBg:"#F4F2FB"},FINOPS:{primary:"#BB8915",lightBg:"#FCF7EE"}};function I({slug:n,onBack:i}){const[t,p]=l.useState(null),[h,o]=l.useState(!0),[f,x]=l.useState(!1),[c,d]=l.useState(!1);l.useEffect(()=>{let a=!1;return o(!0),x(!1),b(n).then(s=>{a||p(s)}).catch(()=>{a||x(!0)}).finally(()=>{a||o(!1)}),()=>{a=!0}},[n]);const g=async()=>{try{await navigator.clipboard.writeText(window.location.href),d(!0),setTimeout(()=>d(!1),2e3)}catch{}};if(h)return e.jsxs("div",{className:"mx-auto w-full max-w-3xl px-4 sm:px-6 py-16 animate-pulse space-y-5","aria-busy":"true",children:[e.jsx("div",{className:"h-3 w-24 rounded bg-neutral-100"}),e.jsx("div",{className:"h-10 w-3/4 rounded-lg bg-neutral-100"}),e.jsx("div",{className:"h-4 w-1/3 rounded bg-neutral-100"}),e.jsx("div",{className:"space-y-3 pt-6",children:[...Array(8)].map((a,s)=>e.jsx("div",{className:`h-4 rounded bg-neutral-100 ${s%3===2?"w-2/3":"w-full"}`},s))})]});if(f||!t)return e.jsxs("div",{className:"mx-auto w-full max-w-3xl px-4 sm:px-6 py-24 text-center space-y-4",children:[e.jsx("h1",{className:"text-2xl font-bold text-neutral-900",children:"Article not found"}),e.jsx("p",{className:"text-sm text-neutral-500",children:"It may have been unpublished or moved."}),e.jsx("button",{onClick:i,className:"inline-flex h-11 items-center justify-center rounded-xl bg-[#0C25A3] px-6 text-xs font-bold text-white cursor-pointer",children:"Back to Insights"})]});const r=u[t.moduleType]??u.ADI;return e.jsxs("article",{className:"mx-auto w-full max-w-3xl px-4 sm:px-6 py-10 sm:py-14",children:[e.jsxs("button",{onClick:i,className:"group mb-8 inline-flex items-center gap-2 text-xs font-semibold text-neutral-500 hover:text-neutral-900 transition-colors cursor-pointer",children:[e.jsx(y,{className:"h-4 w-4 transition-transform group-hover:-translate-x-0.5"}),e.jsx("span",{children:"All Insights"})]}),e.jsxs(j.header,{initial:{opacity:0,y:14},animate:{opacity:1,y:0},transition:{duration:.5},className:"space-y-5",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-wider px-2.5 py-1 rounded-full",style:{color:r.primary,backgroundColor:r.lightBg},children:t.moduleType}),e.jsx("span",{className:"text-[10px] font-bold uppercase tracking-wider px-2.5 py-1 rounded-full bg-neutral-100 text-neutral-500",children:t.category}),t.readTime&&e.jsxs("span",{className:"inline-flex items-center gap-1 text-[11px] font-medium text-neutral-400",children:[e.jsx(v,{className:"h-3 w-3"}),t.readTime]})]}),e.jsx("h1",{className:"text-3xl sm:text-4xl md:text-[42px] font-bold tracking-tight leading-[1.15] text-neutral-900",children:t.title}),e.jsxs("div",{className:"flex items-center gap-3 pt-1",children:[t.author.avatar&&e.jsx("img",{src:t.author.avatar,alt:t.author.name??"",className:"h-11 w-11 rounded-full object-cover border border-neutral-200"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-sm font-bold text-neutral-900",children:t.author.name}),e.jsxs("div",{className:"text-xs text-neutral-500",children:[t.author.role,t.date?` · ${N(t.date)}`:""]})]})]})]}),t.takeaways.length>0&&e.jsxs("div",{className:"mt-9 rounded-2xl p-5 sm:p-6 border",style:{backgroundColor:r.lightBg,borderColor:`${r.primary}22`},children:[e.jsx("h2",{className:"text-[11px] font-bold uppercase tracking-wider mb-3",style:{color:r.primary},children:"Key takeaways"}),e.jsx("ul",{className:"space-y-2.5",children:t.takeaways.map((a,s)=>e.jsxs("li",{className:"flex gap-2.5 text-[13px] sm:text-sm leading-relaxed text-neutral-700",children:[e.jsx(m,{className:"h-4 w-4 shrink-0 mt-0.5",style:{color:r.primary}}),e.jsx("span",{children:a})]},s))})]}),e.jsx("div",{className:`mt-10 text-[15px] sm:text-base leading-[1.85] text-neutral-700\r
2                   [&>p]:mb-6\r
3                   [&>h2]:text-xl [&>h2]:font-bold [&>h2]:text-neutral-900 [&>h2]:mt-10 [&>h2]:mb-3\r
4                   [&>ul]:list-disc [&>ul]:pl-6 [&>ul]:mb-6 [&>ol]:list-decimal [&>ol]:pl-6 [&>ol]:mb-6\r
5                   [&_li]:mb-2\r
6                   [&_a]:text-[#0C25A3] [&_a]:underline [&_a]:underline-offset-2\r
7                   [&_img]:rounded-xl [&_img]:my-8 [&_img]:w-full\r
8                   [&_strong]:text-neutral-900`,dangerouslySetInnerHTML:{__html:t.body??""}}),e.jsxs("footer",{className:"mt-12 pt-8 border-t border-neutral-150 flex flex-wrap items-center gap-3",children:[e.jsxs("button",{onClick:g,className:"inline-flex h-10 items-center gap-2 rounded-xl border border-neutral-200 px-4 text-xs font-bold text-neutral-700 hover:border-neutral-300 transition-colors cursor-pointer",children:[c?e.jsx(m,{className:"h-4 w-4 text-emerald-600"}):e.jsx(k,{className:"h-4 w-4"}),c?"Link copied":"Share"]}),t.linkedin&&e.jsxs("a",{href:t.linkedin,target:"_blank",rel:"noopener noreferrer",className:"inline-flex h-10 items-center gap-2 rounded-xl border border-neutral-200 px-4 text-xs font-bold text-neutral-700 hover:border-[#0C25A3] hover:text-[#0C25A3] transition-colors",children:[e.jsx(w,{className:"h-4 w-4"}),"Read on LinkedIn"]})]})]})}export{I as default};