https://pendo-website-next.vercel.app/_next/static/chunks/3798.6d250b16830b493d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3798],{13798:(e,r,t)=>{t.r(r),t.d(r,{default:()=>d});var s=t(95155),a=t(12115),i=t(6350),o=t(99706),n=t(71408);let l=()=>(0,s.jsxs)("div",{className:"group relative overflow-hidden rounded-2xl bg-[#1a1a1a] border border-white/10 animate-pulse min-h-[280px] flex flex-col",children:[(0,s.jsx)("div",{className:"p-6 pb-4",children:(0,s.jsxs)("div",{className:"flex items-center space-x-3 mb-4",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-white/10 rounded-xl"}),(0,s.jsx)("div",{className:"h-4 bg-white/10 rounded w-20"})]})}),(0,s.jsxs)("div",{className:"px-6 pb-6 flex-1 flex flex-col justify-between",children:[(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("div",{className:"h-6 bg-white/10 rounded w-full"}),(0,s.jsx)("div",{className:"h-6 bg-white/10 rounded w-3/4"})]}),(0,s.jsx)("div",{className:"h-4 bg-white/10 rounded w-1/2"})]}),(0,s.jsx)("div",{className:"mt-6",children:(0,s.jsx)("div",{className:"h-8 bg-white/10 rounded-full w-24"})})]})]}),c=e=>{let{resource:r,index:t,isLoading:a=!1}=e;if(a)return(0,s.jsx)(l,{});let{data:i}=r;if(!i)return null;let n=(e=>{let r=Array.isArray(e)?e[0]:e;switch(null==r?void 0:r.toLowerCase()){case"guide":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),gradient:"from-blue-600 to-cyan-600"};case"report":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})}),gradient:"from-green-600 to-emerald-600"};case"ebook":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"})}),gradient:"from-purple-600 to-pink-600"};case"case study":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"})}),gradient:"from-orange-600 to-red-600"};case"template":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"})}),gradient:"from-indigo-600 to-blue-600"};case"checklist":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})}),gradient:"from-teal-600 to-cyan-600"};case"datasheet":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),gradient:"from-gray-600 to-slate-600"};case"white paper":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",f

1ill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"})}),gradient:"from-slate-600 to-gray-700"};case"infographic":return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),gradient:"from-pink-600 to-rose-600"};default:return{icon:(0,s.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),gradient:"from-gray-600 to-slate-600"}}})(i.resourceType);return(0,s.jsxs)(o.P.div,{variants:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5,delay:.1*t}}},initial:"hidden",animate:"visible",className:"group relative overflow-hidden rounded-2xl bg-black border border-[#222222] hover:border-[#de2864] transition-all duration-300 hover:scale-[1.02] hover:shadow-2xl hover:shadow-[purple-500/20] min-h-[280px] flex flex-col",children:[(0,s.jsx)("div",{className:"p-6 pb-4",children:(0,s.jsxs)("div",{className:"flex items-center space-x-3 mb-4",children:[(0,s.jsx)("div",{className:"flex-shrink-0 w-8 h-8 border border-white/30 bg-gradient-to-r ".concat(n.gradient," rounded-md flex items-center justify-center"),children:n.icon}),(0,s.jsx)("div",{className:"text-sm font-medium text-gray-500 uppercase tracking-wider",children:Array.isArray(i.resourceType)?i.resourceType[0]:i.resourceType})]})}),(0,s.jsxs)("div",{className:"px-6 pb-6 flex-1 flex flex-col justify-between",children:[(0,s.jsx)("div",{className:"space-y-4",children:(0,s.jsx)("h3",{className:"text-xl font-normal text-white group-hover:text-gray-300 transition-colors duration-300 overflow-hidden leading-tight",style:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},children:i.title})}),(0,s.jsx)("div",{className:"mt-6",children:(0,s.jsxs)(o.P.a,{href:"/resources".concat(i.url||i.urlPath||""),className:"inline-flex items-center px-4 py-2 border border-white text-white font-medium text-sm rounded-full hover:bg-white hover:text-gray-900 transition-all duration-300 group/btn",whileHover:{scale:1.05},whileTap:{scale:.95},children:["View Resource",(0,s.jsx)("svg",{className:"ml-1.5 w-3 h-3 group-hover/btn:translate-x-1 transition-transform duration-300",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})})]})]})},d=e=>{let{title:r="All Resources",subtitle:t="Explore our comprehensive library of guides, reports, eBooks, and more to help you master product management and digital adoption.",itemsPerPage:d=15,gridColumns:h=3,excludedResources:u=[]}=e,[x,m]=(0,a.useState)([]),[p,g]=(0,a.useState)(1),[v,w]=(0,a.useState)(!0),[f,j]=(0,a.useState)(!1),[b,y]=(0,a.useState)(null),[k,N]=(0,a.useState)([]),[L,M]=(0,a.useState)(0),C=(0,a.useRef)(!1),B=(0,a.useMemo)(()=>k,[k]),W=Math.ceil(B.length/d),T=(0,a.useMemo)(()=>{let e=(p-1)*d;return B.slice(e,e+d)},[B,p,d]),A=async()=>{let e,r=!1;try{w(!0),y(null);let t=new Promise((r,t)=>{e=setTimeout(()=>{t(Error("Request timeout - Builder.io API is taking too long to respond"))},3e4)}),s=(async()=>{let e=[];try{let r=await (0,i.x7)({model:"resources",query:{published:"published"},limit:1e3,offset:0,sort:{},includeUnpublished:!1});if(r&&Array.isArray(r)&&r.length>0)e=r;else throw Error("Single fetch failed, trying batch approach")}catch(t){for(let t=0;t<10;t++){if(r)return[];let s=100*t;try{let r=new Promise((e,r)=>{setTimeout(()=>r(Error("Batch ".concat(t+1," timeout"))),1e4)}),a=(0,i.x7)({model:"resources",query:{published:"published"},limit:100,offset:s,sort:{},includeUnpublished:!1}),o=await Promise.race([a,r]);if(!o||!Array.isArray(o)||0===o.length||(e.push(...o),o.length<100))break;t<9&&await new Promise(e=>setTimeout(e,200))}catch(e){continue}}}return e&&0!==e.length?e.filter(e=>{var r;if("published"!==e.published||u.length>0&&u.map(e=>{var r;let t=e.resource||e;return(null==t?void 0:t.id)?t.id:(null==t||null==(r=t.value)?void 0:r.id)?t.value.id:"string"==typeof(null==t?void 0:t.value)?t.value:"string"==typeof t?t:null}

1).filter(Boolean).includes(e.id))return!1;let t=null==(r=e.data)?void 0:r.resourceType;return Array.isArray(t)?!t.includes("Webinar"):"string"!=typeof t||!("Webinar"===t||t.includes("Webinar"))}):[]})(),a=await Promise.race([s,t]);e&&clearTimeout(e),!r&&a&&(N(a),M(a.length))}catch(e){if(!r){let r=e instanceof Error?e.message:"Failed to fetch resources";y("".concat(r,". Try refreshing the page."))}}finally{e&&clearTimeout(e),r||w(!1)}return()=>{r=!0,e&&clearTimeout(e)}};(0,a.useEffect)(()=>{if(C.current)return;C.current=!0;let e=0,r=async()=>{try{await A()}catch(t){++e<=3?setTimeout(r,1e3*Math.pow(2,e)+1e3*Math.random()):(y("Failed to load resources after multiple attempts. Please refresh the page."),w(!1))}};r()},[]),(0,a.useEffect)(()=>{m(T)},[T]);let V=e=>{e!==p&&(j(!0),g(e),setTimeout(()=>{(()=>{let e=document.getElementById("resources-grid");if(e){let r=e.getBoundingClientRect(),t=window.pageYOffset||document.documentElement.scrollTop,s=r.top+t;window.scrollTo({top:Math.max(0,s-100),behavior:"smooth"})}else window.scrollTo({top:0,behavior:"smooth"})})()},50),setTimeout(()=>{j(!1)},250))},H=()=>{switch(h){case 2:return"grid-cols-1 md:grid-cols-2";case 3:default:return"grid-cols-1 md:grid-cols-2 lg:grid-cols-3";case 4:return"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"}};return v?(0,s.jsx)("section",{id:"resources-grid","data-section":"resources",className:"resources-grid py-16 bg-black",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 lg:px-8",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-4xl lg:text-4xl font-serif font-bold text-white mb-6",children:r}),(0,s.jsx)("p",{className:"text-xl text-gray-300 max-w-3xl mx-auto",children:t})]}),(0,s.jsx)("div",{className:"grid ".concat(H()," gap-8"),children:Array.from({length:Math.min(d,6)}).map((e,r)=>(0,s.jsx)(l,{},r))})]})}):b?(0,s.jsx)("section",{id:"resources-grid","data-section":"resources",className:"resources-grid py-16 bg-black",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 lg:px-8",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-4xl lg:text-4xl font-serif font-bold text-white mb-6",children:r}),(0,s.jsx)("p",{className:"text-xl text-gray-300 max-w-3xl mx-auto",children:t})]}),(0,s.jsxs)("div",{className:"text-center py-16",children:[(0,s.jsx)("svg",{className:"w-24 h-24 text-red-600 mx-auto mb-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})}),(0,s.jsx)("h3",{className:"text-2xl font-bold text-white mb-4",children:"Error Loading Resources"}),(0,s.jsx)("p",{className:"text-gray-400 mb-6",children:b}),(0,s.jsxs)("button",{onClick:()=>window.location.reload(),className:"inline-flex items-center px-6 py-3 border border-white text-white font-medium text-sm rounded-full hover:bg-white hover:text-gray-900 transition-all duration-300",children:["Refresh Page",(0,s.jsx)("svg",{className:"ml-2 w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})})]})]})]})}):(0,s.jsx)("section",{id:"resources-grid","data-section":"resources",className:"resources-grid py-16 bg-black",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 lg:px-8",children:[(0,s.jsxs)(o.P.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.6},className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-4xl lg:text-4xl font-serif font-bold text-white mb-6",children:r}),(0,s.jsx)("p",{className:"text-xl text-gray-300 max-w-3xl mx-auto",children:t})]}),0!==x.length||f?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.N,{mode:"wait",children:(0,s.jsx)(o.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},className:"grid ".concat(H()," gap-8 mb-16"),children:f?Array.from({length:Math.min(d,6)}).map((e,r)=>(0,s.jsx)(l,{},"skeleton-".concat(r))):x.map((e,r)=>(0,s.jsx)(c,{resource:e,index:r},e.id))},p)}),W>1&&(0,s.jsxs)(o.P.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.6,delay:.3},className:"flex justify-center items-center space-x-2",children:[(0,s.jsx)("button",{onClick:()=>V(p-1),disabled:1===p||f,className:"px-4 py-2 text-gray-400 hover:text-white disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-300 cursor-pointer",children:(0,s.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),Array.from({length:Math.min(W,10)},(e,r)=>{let t;return t=W<=10||p<=5?r+1:p>=W-4?W-9+r:p-4+r,(0,s.jsx)("button",{onClick:()=>V(t),disabled:f,className:"px-4 py-2 rounded-full transition-all cursor-pointer duration-300 disabled:opacity-50 disabled:cursor-not-allowed ".concat(p===t?"bg-black border border-gray-500 text-white":"text-gray-400 hover:text-white hover:bg-gray-800"),children:f&&p===t?(0,s.jsx)("div",{className:"w-4 h-4 border-2 border-gray-400 border-t-white rounded-full animate-spin"}):t},t)}),(0,s.jsx)("button",{onClick:()=>V(p+1),disabled:p===W||f,className:"px-4 py-2 text-gray-400 hover:text-white disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-300 cursor-pointer",children:(0,s.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]})]}):(0,s.jsxs)("div",{className:"text-center py-16",children:[(0,s.jsx)("svg",{className:"w-24 h-24 text-gray-600 mx-auto mb-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),(0,s.jsx)("h3",{className:"text-2xl font-bold text-white mb-4",children:"No Resources Available"}),(0,s.jsx)("p",{className:"text-gray-400",children:"Check back soon for new resource content."})]})]})})}}}]);