https://www.citynewsservice.cn/_next/static/chunks/1e4386a579c09a11.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,99145,e=>{"use strict";var t=e.i(89958),a=e.i(34017),s=e.i(91436),r=e.i(45729),i=e.i(67232),n=e.i(7347),l=e.i(85902),c=e.i(64036),o=e.i(93843),d=e.i(10012),m=e.i(38056),h=e.i(60830),u=e.i(35094),g=e.i(6555);e.i(80457);var x=e.i(66942),p=e.i(51489),f=e.i(11342),y=e.i(27519),b=e.i(53160);let v=[{id:27,name:"City News",children:[{id:210,name:"BIG News"},{id:211,name:"Policy Spotlight"},{id:212,name:"Quick News"},{id:213,name:"See & Be Seen"},{id:214,name:"Inside CIIE"},{id:249,name:"General"},{id:510,name:"Last Call"}]},{id:182,name:"F&B",children:[{id:190,name:"Chef's Table"},{id:191,name:"Chefs Picks"},{id:192,name:"Chic & Savory"},{id:193,name:"Three Drinks With"},{id:194,name:"New Eats"},{id:195,name:"SH Buzz"}]},{id:183,name:"Health&Wellness",children:[{id:196,name:"Health Byte"},{id:197,name:"Expats ailments"},{id:198,name:"General"},{id:199,name:"China Tech"}]},{id:184,name:"Lifestyle",children:[{id:200,name:"Fashion Files"},{id:201,name:"Shanghai Family"},{id:202,name:"Street chic"},{id:203,name:"My hood"},{id:204,name:"Home in shanghai"},{id:205,name:"General"},{id:206,name:"First in China"},{id:207,name:"Nightlife"}]},{id:185,name:"Hai Lights",children:[{id:208,name:"Hai Lights"},{id:209,name:"Hai Fives"}]},{id:187,name:"People",children:[{id:215,name:"Decades Club"},{id:216,name:"Movers & Shakers"},{id:217,name:"Shanghai CG's"},{id:218,name:"Shanghai OG's"},{id:219,name:"She Power"},{id:220,name:"Captains of Industry"},{id:221,name:"Empire Builders"},{id:222,name:"Scaling China"},{id:223,name:"Shanghai Tycoons"}]},{id:188,name:"Shanghai Living",children:[{id:224,name:"Hai Guide"},{id:225,name:"Explainer"},{id:226,name:"Ask CNS"},{id:227,name:"General"},{id:228,name:"Shanghai Secrets"},{id:229,name:"Inside Look"},{id:230,name:"Shanghai Stories"},{id:231,name:"Try This"},{id:232,name:"Weekend Escape"},{id:233,name:"Communities"}]},{id:189,name:"Misc",children:[{id:234,name:"Icymi"},{id:235,name:"Reader perks"}]}],N=[{id:237,name:"IBLAC"},{id:238,name:"Living guide"},{id:239,name:"Policy spotlight"},{id:241,name:"Insider's guide"},{id:242,name:"Expat vibe"},{id:243,name:"Home in shanghai"},{id:245,name:"Weekend Escape"}],j=[{id:169,name:"News",children:[{id:3001,name:"Breaking News"},{id:3002,name:"Local News"},{id:3003,name:"National News"},{id:3004,name:"International News"}]},{id:170,name:"In Focus",children:[{id:3005,name:"Special Reports"},{id:3006,name:"Investigations"},{id:3007,name:"Analysis"},{id:3008,name:"Deep Dive"}]},{id:171,name:"Viral",children:[{id:3009,name:"Trending Topics"},{id:3010,name:"Social Media Buzz"},{id:3011,name:"Viral Stories"},{id:3012,name:"Hot Topics"}]},{id:172,name:"Opinion",children:[{id:3013,name:"Editorial"},{id:3014,name:"Op-Ed"},{id:3015,name:"Commentary"},{id:3016,name:"Letters to Editor"}]}],w=[{id:175,name:"Daily Buzz",children:[{id:4001,name:"Market Updates"},{id:4002,name:"Business News"},{id:4003,name:"Industry Trends"},{id:4004,name:"Daily Highlights"}]},{id:176,name:"Auto",children:[{id:4005,name:"Electric Vehicles"},{id:4006,name:"Auto Industry"},{id:4007,name:"Car Reviews"},{id:4008,name:"Transportation"}]},{id:177,name:"Biopharma",children:[{id:4009,name:"Drug Development"},{id:4010,name:"Medical Research"},{id:4011,name:"Healthcare Innovation"},{id:4012,name:"Biotech Companies"}]},{id:178,name:"Economy",children:[{id:4013,name:"Economic Policy"},{id:4014,name:"Market Analysis"},{id:4015,name:"GDP & Growth"},{id:4016,name:"Trade & Commerce"}]},{id:179,name:"Industry",children:[{id:4017,name:"Manufacturing"},{id:4018,name:"Industrial Policy"},{id:4019,name:"Supply Chain"},{id:4020,name:"Industrial Innovation"}]},{id:180,name:"Money",children:[{id:4021,name:"Banking & Finance"},{id:4022,name:"Investment"},{id:4023,name:"Currency & Markets"},{id:4024,name:"Financial Services"}]},{id:181,name:"Tech",children:[{id:4025,name:"AI & Machine Learning"},{id:4026,name:"Digital Innovation"},{id:4027,name:"Tech Companies"},{id:4028,name:"Emerging Technologies"}]},{id:477,name:"In Perspective",children:[{id:4025,name:"AI & Machine Learning"},{id:4026,name:"Digital Innovation"},{id:4027,name:"Tech Companies"},{id:4028,name:"Emerging Technologies"}]}];

1var C=e.i(60656);let k=null,S=null;function A(e){let t=e.getFullYear(),a=String(e.getMonth()+1).padStart(2,"0"),s=String(e.getDate()).padStart(2,"0");return`${t}-${a}-${s}`}function _({initialArticles:e,initialAuthors:_,initialCategories:I,initialColumns:B,initialTotalPages:L,initialTotalCount:F,defaultSelectedImage:E="",pageHeading:T}){let z=(0,r.useSearchParams)(),$=(0,r.useRouter)(),P=(0,r.usePathname)(),[D,U]=(0,s.useState)({urlToNode:{},idToNode:{}}),[H,R]=(0,s.useState)(!1),M=(0,s.useCallback)(e=>{let t={},a={},s=e=>{let r;e&&void 0!==e.id&&(a[Number(e.id)]=e);let i=(r=e.url)?r.replace(/\/+$/,""):"";i&&(t[i]=e),(Array.isArray(e.children?.data)?e.children.data:Array.isArray(e.children)?e.children:[]).forEach(s)};return e.forEach(s),{urlToNode:t,idToNode:a}},[]),G=(0,s.useCallback)(e=>{let t=e.replace(/\/+$/,""),a=D.urlToNode[t];if(!a){let e=t.split("/").filter(Boolean);for(let t=e.length;t>=3;t--){let s="/"+e.slice(0,t).join("/"),r=D.urlToNode[s];if(r){a=r;break}}}if(!a)return{selectedCategory:null,multiIds:[]};let s=D.idToNode,r=e=>{if(!e||void 0===e.pid||null===e.pid)return;let t=Number(e.pid);if(Number.isFinite(t))return s[t]},i=a;for(;;){let e=r(i);if(!e)break;if(1===e.pid){i=e;break}i=e}if(i&&a.id===i.id)return{selectedCategory:null,multiIds:[]};let n=a;for(;n&&n.pid!==i?.id;){let e=r(n);if(!e)break;n=e}let l=n?{id:n.id,name:n.name,slug:n.code,parent_id:n.pid}:null,c=e=>{let t=(e||"").toLowerCase().trim();return"f&b"===t?"fb":t.replace(/'/g,"").replace(/&/g,"-").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")},o=t.split("/").filter(Boolean);if(o.length>=4&&"articles"===o[0]&&"cns"===o[1]&&n&&a.id===n.id){let e=o[2],t=o[3],a=v.find(t=>c(t.name)===e);if(a&&Number(n.id)===Number(a.id)){let e=a.children.find(e=>c(e.name)===t);if(e)return{selectedCategory:l,multiIds:[Number(e.id)]}}}return{selectedCategory:l,multiIds:n&&a.id!==n.id?[Number(a.id)]:[]}},[D]),O=e=>{let t=(e||"").toLowerCase().trim();return"f&b"===t?"fb":t.replace(/'/g,"").replace(/&/g,"-").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")},Z=(0,s.useCallback)(async()=>{try{if(k&&Array.isArray(k)){let e=M(k);U(e);return}if(S){let e=await S,t=M(e);U(t);return}S=(async()=>{let e=await C.default.get("/v1/cns_categories?include=children",{requireAuth:!1}),t=Array.isArray(e)?e:Array.isArray(e?.data)?e.data:[];return k=t,t})();let e=await S,t=M(e);U(t)}catch(e){S=null,console.warn("获取分类路由失败，继续使用本地映射",e)}},[M]);(0,s.useEffect)(()=>{Z()},[Z]);let[W,X]=(0,s.useState)([]),[Y,J]=(0,s.useState)(""),[q,V]=(0,s.useState)(""),[K,Q]=(0,s.use

1State)("newest"),[ee,et]=(0,s.useState)(),[ea,es]=(0,s.useState)(""),[er,ei]=(0,s.useState)(null),[en,el]=(0,s.useState)(_),[ec,eo]=(0,s.useState)(_),[ed,em]=(0,s.useState)(N.map(e=>({id:e.id,title:e.name,slug:e.name.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}))),[eh,eu]=(0,s.useState)(!1),[eg,ex]=(0,s.useState)(!1),[ep,ef]=(0,s.useState)(I),[ey,eb]=(0,s.useState)(!1),[ev,eN]=(0,s.useState)(()=>{if(!P)return null;let e=P.split("/").filter(Boolean);if(e.length>=3&&"articles"===e[0]){let a=e[1],s=t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz",r=e[2],i=v;"shanghaidaily"===a?i=j:a===s&&(i=w);let n=i.find(e=>e.name.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")===r);if(n)return{id:n.id,name:n.name,slug:r,parent_id:void 0}}return null}),[ej,ew]=(0,s.useState)([]),[eC,ek]=(0,s.useState)([]),[eS,eA]=(0,s.useState)([]),[e_,eI]=(0,s.useState)(""),[eB,eL]=(0,s.useState)(null),[eF,eE]=(0,s.useState)(B),[eT,ez]=(0,s.useState)(!1),[e$,eP]=(0,s.useState)(!1),[eD,eU]=(0,s.useState)(""),[eH,eR]=(0,s.useState)(null),[eM,eG]=(0,s.useState)([]),[eO,eZ]=(0,s.use

1State)(!1),[eW,eX]=(0,s.useState)(!1),[eY,eJ]=(0,s.useState)(E||"/img/Logo-CNS.png"),[eq,eV]=(0,s.useTransition)(),[eK,eQ]=(0,s.useState)([]),[e0,e1]=(0,s.useState)(!0),[e2,e3]=(0,s.useState)(""),[e4,e6]=(0,s.useState)(1),[e5,e8]=(0,s.useState)(1),[e7,e9]=(0,s.useState)(0),[te,tt]=(0,s.useState)(!0),[ta,ts]=(0,s.useState)(!1),[tr,ti]=(0,s.useState)(!1);(0,s.useEffect)(()=>{try{ta?(document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"):(document.documentElement.style.overflow="",document.body.style.overflow="")}catch{}return()=>{try{document.documentElement.style.overflow="",document.body.style.overflow=""}catch{}}},[ta]);let tn=(0,s.useRef)(null),tl=(0,s.useRef)(null);(0,s.useRef)(null);let tc=(0,s.useRef)(null),to=(0,s.useRef)(null);(0,s.useRef)(null);let td=(0,s.useRef)(0),tm=(0,s.useRef)(null),th=(0,s.useRef)("");(0,s.useRef)(null);let[tu,tg]=(0,s.useState)(!1),tx=(0,s.useRef)(null),tp=(0,s.useCallback)(()=>{let e=tx.current;e&&tg(e.scrollWidth>e.clientWidth+e.scrollLeft+2)},[]);(0,s.useEffect)(()=>{let e=tx.current;if(!e)return;tp(),e.addEventListener("scroll",tp);let t=new ResizeObserver(tp);return t.observe(e),()=>{e.removeEventListener("scroll",tp),t.disconnect()}},[tp,ep]);let tf=(0,s.useCallback)(e=>(e=>{if(!e)return"";let t=document.createElement("textarea");return t.innerHTML=e,t.value})(e).replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim(),[]),ty=(0,s.useCallback)(e=>{let t="number"==typeof e.id?e.id.toString():String(e.id),a=tf(e.title||"")||"Untitled",s=tf(e.sub_title||e.summary||"")||" ",r=e.author||"CNS Editor",i=e.published_at||e.publish_date||e.created_at||"",n=e.image_url||e.cover||"/img/mask-group-19.png",l=e.category_name||"News",c=Array.isArray(e.tags_name)?e.tags_name:Array.isArray(e.tags)?e.tags:[];return{id:t,title:a,description:s,author:r,date:(e=>{if(!e)return"";try{let t=/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/.test(e)?e.replace(" ","T"):e,a=new Date(t);if(isNaN(a.getTime()))return e;return a.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}catch{return e}})(i),category:l,category_name:l,category_id:e.category_id,tags:c,image:n,url:e.detail_url||`/articles/${t}`}},[tf]),tb=(0,s.useMemo)(()=>({"/img/shanghaiDLOGO.png":168,"/img/CBBLOGO.png":174,"/img/Logo-CNS.png":7}),[]),tv=(0,s.useCallback)(()=>tb[eY]??7,[eY,tb]),tN=(tb[eY]??7)===7;(0,s.useCallback)(async()=>{console.log("📂 fetchCategories 函数被调用"),eb(!0);try{let e=tb[eY]??7;console.log("📂 当前PID:",e,"selectedImage:",eY);let t=[];switch(e){case 7:default:t=v;break;case 168:t=j;break;case 174:t=w}let a=t.map(e=>({id:e.id,name:e.name})),s=t.map(e=>({id:e.id,name:e.name,children:e.children.map(e=>({id:e.id,name:e.name})),loaded:!0,loading:!1}));ef(a),ek(s)}catch(e){console.error("Error loading categories:",e),ef([{id:1,name:"Art & Culture"},{id:2,name:"Business"},{id:3,name:"Community"},{id:4,name:"Events"},{id:5,name:"Family"},{id:6,name:"F&B"},{id:7,name:"Health"},{id:8,name:"News"},{id:9,name:"People"},{id:10,name:"Policy"}])}finally{eb(!1)}},[eY,tb]);let tj=(0,s.useCallback)(async e=>{let t=e.trim();if(!t||tA.current===t)return;tA.current=t;try{t_.current?.abort()}catch{}t_.current=new AbortController;let a=++tI.current;ex(!0);try{let e=await fetch(`https://api.citynewsservice.cn/v1/authors?page=1&limit=100&search=${encodeURIComponent(t)}`,{signal:t_.current.signal});if(!e.ok)throw Error(`Authors API request failed: ${e.status}`);let s=await e.json(),r=Array.isArray(s)?s:s.data||[];if(a!==tI.current)return;el(r)}catch(e){if(a!==tI.current)return;console.error("Error fetching authors:",e),el([])}finally{a===tI.current&&ex(!1)}},[]),tw=(0,s.useCallback)(async()=>{if(_&&_.length>0){eo(_),el(_),tA.current="__TOP__";return}if("__TOP__"===tA.current&&ec.length>0)return void el(ec);tA.current="__TOP__";try{t_.current?.abort()}catch{}t_.current=new AbortController;let e=++tI.current;ex(!0);try{let t=await fetch("https://api.citynewsservice.cn/v1/authors?page=1&limit=4&sortedBy=Asc&orderBy=name_en",{signal:t_.current.signal});if(!t.ok)throw Error(`Top Authors API request failed: ${t.status}`);let a=await t.json(),s=Array.isArray(a)?a:a.data||[];if(e!==tI.current)return;eo(s),el(s)}catch(t){if(e!==tI.current)return;console.error("Error fetching top authors:",t),eo([])}finally{e===tI.current&&ex(!1)}},[_,ec]),tC=(0,s.useCallback)(async e=>{if(!e.trim())return void eG([]);eX(!0);

1try{let t=await fetch(`https://api.citynewsservice.cn/v1/tag_new/search?keyword=${encodeURIComponent(e)}`);if(!t.ok)throw Error(`Tags API request failed: ${t.status}`);let a=await t.json(),s=Array.isArray(a)?a:a.data||[];eG(s.slice(0,8))}catch(e){console.error("Error fetching tags:",e),eG([])}finally{eX(!1)}},[]),tk=(0,s.useCallback)(async(e=1,t,a,s,r,i,n,l,c,o)=>{let d=td.current;e1(!0),e3(""),tt(!1);try{let m=a?.from?A(a.from):void 0,h=a?.to?A(a.to):void 0;(a?.from||a?.to)&&console.log("📅 日期转换:",{原始from:a?.from,转换后from:m,原始to:a?.to,转换后to:h,用户时区:Intl.DateTimeFormat().resolvedOptions().timeZone});let u=n&&n.length>0?n:void 0,g=c&&c.length>0?c:void 0,{articles:x,total:p,currentPage:f,totalPages:y}=await (0,b.fetchArticles)({page:e,limit:10,keyword:t,author:r?.name,category_id:u?void 0:i?.id,category_ids:u,column_ids:g,tag:l?.name,sortedBy:"asc"==("oldest"===s?"asc":"desc")?"Asc":"Desc",orderBy:"published_at",date_from:m,date_to:h,brand_id:tv(),status:"published"},{signal:o});if(d!==td.current)return void console.log("⏭️ 跳过旧请求结果（落盘被拒）");let v=x.map(ty);eQ(v),e8(y),e9(p)}catch(e){if(d!==td.current)return void console.log("⏭️ 跳过旧请求错误（落盘被拒）");console.error("Error fetching articles:",e),e3(e instanceof Error?e.message:"Failed to fetch articles"),eQ([{id:"1",title:"2025 FORMULA 1 CHINESE GRAND PRIX: SPEED RETURNS TO SHANGHAI",de

1scription:"Get ready for the adrenaline-charged return of Formula 1 to China! The 2025 Chinese Grand Prix, presented by Heineken...",author:"Jacob Aldaco",date:"March 31",category:"Sports",tags:["#f&b","#community","#sport","#family"],image:"/img/mask-group-19.png",url:"/content/1"},{id:"2",title:"EXPLORING SHANGHAI'S HIDDEN CULINARY GEMS",description:"Discover the best-kept secrets of Shanghai's food scene, from hole-in-the-wall noodle shops to exclusive dining experiences...",author:"Sarah Chen",date:"March 28",category:"Food & Beverage",tags:["#f&b","#culture","#local"],image:"/img/mask-group-22.png",url:"/content/2"},{id:"3",title:"SUSTAINABLE LIVING IN THE MODERN CITY",description:"How Shanghai is leading the way in urban sustainability initiatives and what residents can do to contribute...",author:"Mike Wang",date:"March 25",category:"Lifestyle",tags:["#sustainability","#urban","#lifestyle"],image:"/img/mask-group-24.png",url:"/content/3"}])}finally{d===td.current&&e1(!1)}},[10,ty,tv]),tS=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if(!P)return;if(Object.keys(D.urlToNode).length>0){let{selectedCategory:e,multiIds:t}=G(P);eN(e),ew(t),ti(!1),R(!0);return}let e=P.split("/").filter(Boolean);if(e.length>=3&&"articles"===e[0]){let a=e[1],s=t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz",r=e[2],i=v;"shanghaidaily"===a?i=j:a===s&&(i=w);let n=i.find(e=>e.name.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")===r);if(n){eN({id:n.id,name:n.name,slug:r,parent_id:void 0}),ew([]),ti(!1),R(!0);return}}ti(!1),R(!0)},[P,D,G]),(0,s.useEffect)(()=>{if(!H||tS.current)return;let t=0===e.length&&1===L&&0===F,a=!!ev||ej.length>0||!!er||!!eH||!!eB||!!q||!!ee?.from||!!ee?.to;if(!t){tS.current=!0;return}if(a){tS.current=!0,console.log("[Articles] 已在分类/筛选页，跳过 ALL 自动请求");return}console.log("[Articles] 首屏无数据且无筛选条件，自动请求 ALL 列表（第一页）"),tS.current=!0;try{tm.current&&tm.current.abort()}catch{}tm.current=new AbortController,td.current+=1,th.current=JSON.stringify({page:1,q:"",dateRange:void 0,sortBy:"newest",author:void 0,category:void 0,categoryIds:void 0,columnIds:void 0,tag:void 0,brandId:tv()}),tk(1,"",void 0,"newest",void 0,void 0,void 0,void 0,void 0,tm.current.signal).then(()=>{console.log("[Articles] ✅ ALL 首屏加载完成")}).catch(e=>{console.error("[Articles] ❌ ALL 首屏加载失败:",e)})},[H,e,L,F,ev,ej,er,eH,eB,q,ee,tv,tk]);let tA=(0,s.useRef)(null),t_=(0,s.useRef)(null),tI=(0,s.useRef)(0),tB=(0,s.useRef)(null);(0,s.useEffect)(()=>{tB.current&&clearTimeout(tB.current);let e=ea.trim();return e?(tB.current=setTimeout(()=>{tj(e)},300),()=>{tB.current&&clearTimeout(tB.current)}):(ec.length>0?(el(ec),tA.current="__TOP__"):"__TOP__"!==tA.current&&tw(),()=>{})},[ea,tj,tw,ec]),(0,s.useEffect)(()=>{_&&_.length>0?console.log("👥 使用初始作者数据，跳过API请求"):(console.log("👥 获取默认作者 useEffect 触发"),tw())},[tw,_]);let tL=(0,s.useRef)(null);(0,s.useEffect)(()=>(tL.current&&clearTimeout(tL.current),tL.current=setTimeout(()=>{eD.trim()?tC(eD):eG([])},300),()=>{tL.current&&clearTimeout(tL.current)}),[eD,tC]);let tF=(0,s.useCallback)(async()=>{console.log("🖼️ updateCategoriesForImage 函数被调用"),eb(!0);try{let e=tb[eY]??7;console.log("🖼️ 当前PID:",e,"selectedImage:",eY);let t=[];switch(e){case 7:default:t=v;break;case 168:t=j;break;case 174:t=w}let a=t.map(e=>({id:e.id,name:e.name})),s=t.map(e=>({id:e.id,name:e.name,children:e.children.map(e=>({id:e.id,name:e.name})),loaded:!0,loading:!1}));ef(a),ek(s)}catch(e){console.error("Error updating categories for image:",e),ef([{id:1,name:"Art & Culture"},{id:2,name:"Business"},{id:3,name:"Community"},{id:4,name:"Events"},{id:5,name:"Family"},{id:6,name:"F&B"},{id:7,name:"Health"},{id:8,name:"News"},{id:9,name:"People"},{id:10,name:"Policy"}])}finally{eb(!1)}},[eY,tb]);(0,s.useEffect)(()=>{tF()},[eY,tF]),(0,s.useEffect)(()=>{eY&&eY!==E&&!tr&&eN(null)},[eY,E,tr]),(0,s.useEffect)(()=>{let e=z.get("categoryIds");if(e){let t=e.split(",").map(e=>{let t=parseInt(e.trim());return isNaN(t)?e.trim():t}),a=ej.map(e=>String(e)).sort(),s=t.map(e=>String(e)).sort();JSON.stringify(a)!==JSON.stringify(s)&&ew(t)}else{let e=P.split("/"),t=e[e.length-1],a=P.includes("/articles/cns/")&&("hai-guide"===t||"hai-lights"===t),s=P.includes("/articles/cns/")&&e.length>=5;a||s||!(ej.length>0)||tr||ew([])}},[z,P,tr,ej]),(0,s.useEffect)(()=>{let e=z.get("categoryIds");if(e&&eC.length>0){let t=e.split(",").map(e=>{let t=parseInt(e.trim());return isNaN(t)?e.trim():t}),a=[];

1t.forEach(e=>{eC.forEach(t=>{t.children.some(t=>t.id===e||String(t.id)===String(e))&&!a.includes(t.id)&&a.push(t.id)})}),a.length>0&&eA(e=>{let t=[...e];return a.forEach(e=>{t.includes(e)||t.push(e)}),t})}},[eC,z]);let tE=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if(tE.current&&!e0)try{{let e=()=>{try{window.scrollTo?.({top:0,behavior:"smooth"});let e=document.scrollingElement||document.documentElement||document.body;e&&(e.scrollTop=0);let t=document.querySelector("main");t&&(t.scrollTop>0||"function"==typeof t.scrollTo)&&("function"==typeof t.scrollTo?t.scrollTo({top:0,behavior:"smooth"}):t.scrollTop=0)}catch{}};requestAnimationFrame(()=>{e(),requestAnimationFrame(e)})}}catch{}tE.current=e0},[e0]),(0,s.useEffect)(()=>{let e=e=>{tl.current&&!tl.current.contains(e.target)&&eu(!1),tc.current&&!tc.current.contains(e.target)&&eZ(!1),to.current&&!to.current.contains(e.target)&&ez(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,s.useEffect)(()=>(tn.current&&clearTimeout(tn.current),tn.current=setTimeout(()=>{V(Y)},500),()=>{tn.current&&clearTimeout(tn.current)}),[Y]),(0,s.useEffect)(()=>{eQ(e),e8(L),e9(F),e1(!1),tt(!0)},[e,L,F]),(0,s.useEffect)(()=>{if(!H||tr)return;if(1===e4&&!q&&!ee?.from&&!ee?.to&&"newest"===K&&!er&&!ev&&0===ej.length&&!eH&&!eB&&"/img/Logo-CNS.png"===eY){th.current="",te||(eQ(e),e8(L),e9(F),e1(!1),tt(!0));return}te&&tt(!1);let t=setTimeout(async()=>{let e=ej.length>0?ej:void 0,t=eB?[eB.id]:void 0,a=JSON.stringify({page:e4,q:q,dateRange:ee,sortBy:K,author:er?.name,category:ev?.id,categoryIds:e,columnIds:t,tag:eH?.name,brandId:tv()});if(a!==th.current){th.current=a;try{tm.current&&tm.current.abort()}catch{}tm.current=new AbortController,td.current+=1,await tk(e4,q,ee,K,er||void 0,ev||void 0,e,eH||void 0,t,tm.current.signal)}},10);return()=>{clearTimeout(t)}},[H,e4,q,ee,K,er,ev,ej,eH,tk,eB,tv,te,eY,e,L,F,tr]);let tT=(0,s.useCallback)(e=>{J(e),e6(1)},[]),tz=e=>{et(e),e6(1),ts(!1)},t$=e=>{ei(e),es(e.name_en||e.name),eu(!1),e6(1)},tP=e=>{es(e),eu(!0)},tD=()=>{ei(null),es(""),e6(1)},tU=()=>{eR(null),eU(""),eG([]),e6(1)},tH=e=>{eL(e),eI(e.title),ez(!1),e6(1)},tR=(0,s.useCallback)(async e=>{if(!e.trim())return void eE(ed);try{eP(!0);let t=await fetch(`https://api.citynewsservice.cn/v1/cns_column/search?keyword=${encodeURIComponent(e)}&limit=100`);if(!t.ok)throw Error(`HTTP error! status: ${t.status}`);let a=await t.json(),s=(Array.isArray(a.data)?a.data:[]).map(e=>({id:e.id,title:e.name||e.name_en||e.name_zh||"",slug:e.code||String(e.id),image:void 0,total_count:void 0,article_c

1ount:void 0}));eE(s)}catch(t){console.error("Error fetching column suggestions:",t),eE(ed.filter(t=>t.title.toLowerCase().includes(e.toLowerCase())))}finally{eP(!1)}},[ed]),tM=e=>{eI(e),ez(!0),e.trim().length>=1?tR(e):eE(ed)},tG=()=>{e_.trim()&&tR(e_)},tO=(0,s.useCallback)(()=>{J(""),X([]),eN(null),ew([]),eL(null),eI(""),eE(ed),ez(!1),ei(null),es(""),el([]),eu(!1),eR(null),eU(""),eG([]),et(void 0),e6(1)},[ed]),tZ=e=>{let t=window.location.pathname;if(!t.includes("/articles/cns"))return void ew(t=>{let a=t.includes(e)?t.filter(t=>t!==e):[...t,e];return 1!==e4&&e6(1),a});let a=null,s=v.find(t=>t.id===e);if(s)a={id:Number(e),name:s.name,level:3};else for(let t of v){let s=t.children.find(t=>t.id===e);if(s){a={id:Number(e),name:s.name,parentId:t.id,parentName:t.name,level:4};break}}if(!a)return void ew(t=>{let a=t.includes(e)?t.filter(t=>t!==e):[...t,e];return 1!==e4&&e6(1),a});if(ej.includes(e)){if(ew(t=>{let a=t.filter(t=>t!==e);return 1!==e4&&e6(1),a}),4===a.level&&a.parentName){ti(!0);let e="City News"===a.parentName?"city-news":"Health&Wellness"===a.parentName?"health-wellness":"Hai Lights"===a.parentName?"hai-lights":"Shanghai Living"===a.parentName?"shanghai-living":O(a.parentName),t="Hai Guide"===a.name?"hai-guide":"Hai Lights"===a.name?"hai-lights":O(a.name),s=`/articles/cns/${e}/${t}`;window.history.pushState({},"",s),ti(!1)}else if(3===a.level&&a.parentName){let e="City News"===a.parentName?"city-news":"Health&Wellness"===a.parentName?"health-wellness":"Hai Lights"===a.parentName?"hai-lights":"Shanghai Living"===a.parentName?"shanghai-living":O(a.parentName);t.split("/").pop()===O(a.name)&&$.push(`/articles/cns/${e}`)}}else if(ew([...ej,e]),1!==e4&&e6(1),4===a.level&&a.parentId&&a.parentName?eN({id:a.parentId,name:a.parentName}):3===a.level&&eN({id:a.id,name:a.name}),4===a.level&&a.parentName){let e="City News"===a.parentName?"city-news":"Health&Wellness"===a.parentName?"health-wellness":"Hai Lights"===a.parentName?"hai-lights":"Shanghai Living"===a.parentName?"shanghai-living":O(a.parentName),t="Hai Guide"===a.name?"hai-guide":"Hai Lights"===a.name?"hai-lights":O(a.name),s=`/articles/cns/${e}/${t}`;ti(!0),window.history.pushState({},"",s),ti(!1)}else if(3===a.level){let e="City News"===a.name?"city-news":O(a.name);eV(()=>{ti(!0),$.push(`/articles/cns/${e}`)})}},tW=async e=>{if(eA(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),7===tv())return;ek(t=>{let a=t.find(t=>t.id===e);return!a||a.loaded||a.loading?t:t.map(t=>t.id===e?{...t,loading:!0}:t)});let t=eC.find(t=>t.id===e);if(t&&!t.loaded)try{let t=await fetch(`https://api.citynewsservice.cn/v1/category/pid/${e}`),a=await t.json(),s=Array.isArray(a)?a:a.data||[];ek(t=>t.map(t=>t.id===e?{...t,children:s,loaded:!0,loading:!1}:t))}catch{ek(t=>t.map(t=>t.id===e?{...t,loaded:!0,loading:!1}:t))}},tX=(0,s.useCallback)(e=>{ti(!0);let a=window.location.pathname;if(e){let s={"City News":"city-news","F&B":"fb","Health&Wellness":"health-wellness",Lifestyle:"lifestyle","Hai Lights":"hai-lights",People:"people","Shanghai Living":"shanghai-living",Misc:"misc",News:"news","In Focus":"in-focus",Viral:"viral",Opinion:"opinion",Special:"special",Feature:"feature","Daily Buzz":"daily-buzz",Auto:"auto",Biopharma:"biopharma",Economy:"economy",Industry:"industry",Money:"money",Tech:"tech"}[e.name]||O(e.name),r="";r=a.includes("/articles/cns")?`/articles/cns/${s}`:a.includes("/articles/shanghaidaily")?`/articles/shanghaidaily/${s}`:a.includes(`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}`)?`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}/${s}`:a.includes("/articles")?a.includes("shanghaidaily")?`/articles/shanghaidaily/${s}`:a.includes(t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz")?`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}/${s}`:`/articles/cns/${s}`:`/articles/cns/${s}`,$.push(r)}else{let e="";e=a.includes("/articles/cns/")?"/articles/cns":a.includes("/articles/shanghaidaily/")?"/articles/shanghaidaily":a.includes(`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}/`)?`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}`:a.includes("/articles")?a.includes("shanghaidaily")?"/articles/shanghaidaily":a.includes(t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz")?`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}`:"/articles/cns":"/articles/cns",$.push(e)}},[$]),tY=()=>{let e=window.location.pathname;ti(!0);let a="";a=e.includes("/articles/cns/")?"/articles/cns":e.includes("/articles/shanghaidaily/")?"/articles/shanghaidaily":e.includes(`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}/`)?`/articles/${t.default.env.NEXT_PUBLIC_CHINA_BIZ_BUZZ_SLUG||"china-biz-buzz"}`:e.includes("/articles")?e.includes("shanghaidaily")?"/articles/shanghaidaily":e.includes("china-biz-buzz")?"/articles/china-biz-buzz":"/articles/cns":"/articles/cns",$.push(a)},tJ=(0,s.useCallback)(async e=>{let t={"/img/Logo-CNS.png":"/articles/cns","/img/shanghaiDLOGO.png":"/articles/shanghaidaily","/img/CBBLOGO.png":"/articles/china-biz-buzz"}[e];if(t){eV(()=>{eJ(e),tt(!1),e1(!0),eN(null),ei(null),eR(null),ew([]),eL(null),J(""),V(""),es(""),eU(""),et(void 0),e6(1)});{let e=new URL(window.location.href);e.search="",window.history.replaceState({},"",e.toString())}setTimeout(()=>{$.push(t)},50)}else{eV(()=>{eJ(e),eN(null),ei(null),eR(null),ew([]),eL(null),J(""),V(""),es(""),eU(""),et(void 0),e6(1)});{let e=new URL(window.location.href);e.search="",window.history.replaceState({},"",e.toString())}}},[$]);return(0,a.jsx)("div",{className:"min-h-screen bg-gray-50",children:(0,a.jsxs)("main",{className:"container mx-auto px-4 md:py-2 py-4 max-w-7xl",children:[(0,a.jsxs)("div",{className:"",children:[(0,a.jsxs)("div",{className:"flex items-center justify-start border-b-1 border-[#979595] md:border-b-1 md:border-[#979595]",children:[(0,a.jsx)("div",{className:"hidden md:block whitespace-nowrap",children:(0,a.jsx)(f.PageTitle,{title:T||"All Articles",showUnderline:!1,showMdPb:!1})}),(0,a.jsx)("div",{className:"md:hidden whitespace-nowrap",children:(0,a.jsx)(f.PageTitle,{as:"div",title:"Articles",titleClassName:"!text-[28px] !pb-2 !mr-4",className:"!mb-0",showUnderline:!1,showMdPb:!1})}),(0,a.jsx)("div",{className:"flex items-center justify-start gap-4 md:justify-between md:flex-none md:w-[340px] md:ml-10 md:mb-2 ml-4 mb-1",children:[{path:"/img/Logo-CNS.png",alt:"City News Service"},{path:"/img/shanghaiDLOGO.png",alt:"Shanghai Daily",paddingClass:"py-[8px] md:py-[12px]"},{path:"/img/CBBLOGO.png",alt:"CHINA biz buzz",paddingClass:"py-[8px] md:py-[8px]"}].map(e=>{let t=eY===e.path;return(0,a.jsx)("button",{onClick:t=>{t.preventDefault(),tJ(e.path)}

1,className:`flex items-center justify-center w-[70px] h-[40px] md:w-[100px] md:h-[45px] rounded-[5px] transition-all border ${t?"border-[#AD2120] bg-[#F8FBFF]":"border-transparent bg-transparent hover:bg-gray-100"}`,children:(0,a.jsx)(i.default,{src:e.path,alt:e.alt,width:100,height:45,className:`object-contain w-full h-full px-1 ${e.paddingClass||"py-1"}`})},e.path)})})]}),(0,a.jsx)("div",{className:"container mx-auto px-0 mt-3 relative",children:(0,a.jsxs)("div",{className:`flex items-center md:gap-[30px] gap-[20px] relative ${tu?"pr-10":"pr-0"}`,children:[(0,a.jsx)("span",{className:"font-normal text-gray-900 text-[12px] md:text-base shrink-0",children:"TOPICS:"}),(0,a.jsx)("div",{ref:tx,id:"categories-scroll-container",className:"min-w-0 flex-1 overflow-x-auto overflow-y-hidden whitespace-nowrap scroll-smooth [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",children:(0,a.jsxs)("div",{className:"flex flex-nowrap items-center md:gap-[10px] gap-[8px]",children:[(0,a.jsx)(l.Button,{variant:ev?"ghost":"default",onClick:()=>tX(null),className:`h-[28px] rounded-[5px] whitespace-nowrap px-2 md:px-4 ${!ev?"bg-[#131313] text-white hover:bg-[#131313]/90":"bg-transparent text-[#131313] hover:bg-gray-100"}`,children:(0,a.jsx)("span",{className:"font-normal text-[12px] md:text-[14px]",children:"All"})}),ey?(0,a.jsx)("div",{className:"flex items-center h-[44px] px-4 text-gray-500",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-gray-400"}),(0,a.jsx)("span",{className:"text-[12px] md:text-[14px]",children:"Loading categories..."})]})}):ep.map(e=>{let t=ev?.id===e.id;return(0,a.jsx)(l.Button,{variant:t?"default":"ghost",onClick:()=>tX(e),className:`h-[28px] rounded-[5px] whitespace-nowrap px-2 md:px-4 ${t?"bg-[#131313] text-white hover:bg-[#131313]/90":"bg-transparent text-[#131313] hover:bg-gray-100"}`,children:(0,a.jsx)("span",{className:"font-normal text-[12px] md:text-[14px]",children:e.name})},e.id)})]})}),tu&&(0,a.jsx)("button",{onClick:e=>{e.preventDefault();let t=tx.current;t&&t.scrollBy({left:300,behavior:"smooth"})},className:"flex absolute right-0 items-center justify-center w-6 h-6 rounded-full bg-[#7b7b7b] shadow-[0_2px_8px_rgba(0,0,0,0.1)] border border-gray-100 hover:bg-[#686868] transition-colors z-10 shrink-0",children:(0,a.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"#FFFFFF",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 5l7 7-7 7"})})})]})}),(0,a.jsx)("div",{className:"container mx-auto px-0 mt-3"})]}),(0,a.jsx)("div",{className:"md:hidden mb-4 border-[#C8C8C8]",children:(0,a.jsxs)("button",{className:"w-full h-12 bg-white rounded-[10px] border border-gray-200 shadow-[0_2px_10px_rgba(0,0,0,0.1)] flex items-center justify-between px-4",onClick:()=>ts(!0),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-gray-800",children:[(0,a.jsx)(i.default,{src:"/img/kaiguan.png",alt:"Filters",width:24,height:24,className:"object-contain mx-1"}),(0,a.jsx)("span",{className:"text-[18px]",children:"Filters"}),(0,a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"ml-1",children:(0,a.jsx)("path",{d:"M7 10l5 5 5-5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-gray-600",children:(0,a.jsx)("path",{d:"M21 21l-4.35-4.35M10 18a8 8 0 100-16 8 8 0 000 16z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),(0,a.jsx)("div",{className:"md:hidden mt-3",children:(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[Y&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Search: ",Y,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>tT(""),children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),W.map(e=>(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-

17 flex items-center gap-2 rounded-[5px]",children:[e,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>X(t=>t.filter(t=>t!==e)),children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]},e)),ev&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Category: ",ev.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tY,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),er&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Author: ",er.name_en||er.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tD,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),eH&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Tag: ",eH.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tU,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),ee&&(ee.from||ee.to)&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:[(0,a.jsx)("span",{className:"text-xs",children:(()=>{let e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],t=t=>`${e[t.getMonth()]} ${t.getDate()}`;if(ee.from&&ee.to)if(ee.from.getFullYear()===ee.to.getFullYear())return`${t(ee.from)} - ${t(ee.to)}`;else{let e=ee.from.getFullYear().toString().slice(-2),a=ee.to.getFullYear().toString().slice(-2);return`${t(ee.from)} '${e} - ${t(ee.to)} '${a}`}return ee.from?t(ee.from):ee.to?t(ee.to):""})()}),(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>et(void 0),children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]})]})}),(0,a.jsx)("div",{className:"hidden md:block mb-4 bg-white rounded-[5px] border border-gray-300 px-3 py-1",children:(0,a.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)(l.Button,{variant:"ghost",size:"sm",className:"flex items-center gap-2 text-gray-600 hover:bg-gray-50 h-9 rounded-[5px]",children:[(0,a.jsx)(i.default,{src:"/img/kaiguan.png",alt:"Filters",width:16,height:16,className:"object-contain"}),(0,a.jsx)("span",{className:"text-sm text-[#646363]",children:"Filter"}),(0,a.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"ml-0 mt-[4px]",children:(0,a.jsx)("path",{d:"M17 14l-5-5-5 5",stroke:"#646363",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),Y&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Search: ",Y,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>tT(""),children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),W.map(e=>(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:[e,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>{console.log("Removing tag:",e),console.log("Current selectedTags:",W),X(t=>t.filter(t=>t!==e))},children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]},e)),ev&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-

17 flex items-center gap-2 rounded-[5px]",children:["Category: ",ev.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tY,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-6 h-6 object-contain"})})]}),er&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Author: ",er.name_en||er.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tD,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),eH&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Tag: ",eH.name,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:tU,children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),eB&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:["Column: ",eB.title,(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>{eL(null),eI(""),eE(ed),e6(1)},children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]}),ee&&(ee.from||ee.to)&&(0,a.jsxs)(n.Badge,{variant:"secondary",className:"bg-[#F8FBFF] text-gray-700 border-[#CACACA] px-3 py-0 h-7 flex items-center gap-2 rounded-[5px]",children:[(0,a.jsx)("span",{className:"text-xs",children:(()=>{let e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],t=t=>`${e[t.getMonth()]} ${t.getDate()}`;if(ee.from&&ee.to)if(ee.from.getFullYear()===ee.to.getFullYear())return`${t(ee.from)} - ${t(ee.to)}`;else{let e=ee.from.getFullYear().toString().slice(-2),a=ee.to.getFullYear().toString().slice(-2);return`${t(ee.from)} '${e} - ${t(ee.to)} '${a}`}return ee.from?t(ee.from):ee.to?t(ee.to):""})()}),(0,a.jsx)("button",{className:"flex items-center justify-center w-4 h-4 cursor-pointer hover:text-gray-900 transition-colors",onClick:()=>{console.log("Removing date range:",ee),et(void 0)},children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"w-3 h-3 object-contain"})})]})]}),(0,a.jsxs)("div",{className:"relative w-80 hidden",children:[(0,a.jsx)(d.Input,{type:"text",placeholder:"Yun",value:Y,onChange:e=>tT(e.target.value),className:"w-full pr-16 pl-10 py-2 h-8 border-gray-300 rounded-[5px] bg-gray-50"}),(0,a.jsx)(u.SearchIcon,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400"}),(0,a.jsx)(h.ChevronRightIcon,{className:"absolute right-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400 rotate-90"})]})]})}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[180px_1fr_250px] gap-8",children:[(0,a.jsxs)("div",{className:"hidden lg:block space-y-6",children:[(0,a.jsxs)("div",{className:"hidden",children:[(0,a.jsx)("h3",{className:"font-semibold text-gray-900 mb-3",children:"Sort by"}),(0,a.jsx)(c.Card,{className:"py-0 rounded-[5px]",children:(0,a.jsx)(c.CardContent,{className:"p-4",children:(0,a.jsx)("div",{className:"space-y-3",children:[{text:"Recently Published",value:"newest",checked:!0},{text:"Oldest",value:"oldest",checked:!1}].map(e=>(0,a.jsxs)("label",{className:"flex items-center justify-between cursor-pointer",children:[(0,a.jsx)("span",{className:"text-sm text-gray-700",children:e.text}),(0,a.jsx)(o.Checkbox,{checked:K===e.value,onCheckedChange:t=>t&&void(Q(e.value),e6(1))})]},e.value))})})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Categories"})}),(0,a.jsx)("div",{className:"bg-white rounded-[5px] p-3",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},children:ey?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"Loading c

1ategories..."}):0===ep.length?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"No categories"}):tN?(0,a.jsx)("div",{className:"space-y-2",children:eC.map(e=>(0,a.jsxs)("div",{children:[(0,a.jsxs)("button",{type:"button",onClick:()=>tW(e.id),className:"w-full flex items-center justify-between text-left text-[16px] text-gray-900 py-1",children:[(0,a.jsx)("span",{className:"font-medium",children:e.name}),(0,a.jsx)("svg",{className:`w-5 h-5 transition-transform ${eS.includes(e.id)?"rotate-180":""}`,style:{color:"#646363"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M6 9l6 6 6-6",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),eS.includes(e.id)&&(0,a.jsxs)("div",{className:"pl-3 mt-1 grid grid-cols-1 gap-2",children:[e.loading&&(0,a.jsx)("div",{className:"text-xs text-gray-400 col-span-1",children:"Loading..."}),e.children.map(e=>{let t=ej.includes(e.id);return(0,a.jsxs)("label",{className:"flex items-center gap-2 text-sm text-gray-800",children:[(0,a.jsx)("input",{type:"checkbox",className:"accent-black",checked:t,onChange:()=>tZ(e.id)}),(0,a.jsx)("span",{children:e.name})]},e.id)}),!e.loading&&0===e.children.length&&(0,a.jsx)("div",{className:"text-xs text-gray-400 col-span-1",children:"No subcategories"})]})]},e.id))}):(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsx)("button",{onClick:()=>tX(null),className:`w-full text-left px-3 py-2 rounded-md text-sm transition-colors ${!ev?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:"All"}),ep.map(e=>{let t=ev?.id===e.id;return(0,a.jsx)("button",{onClick:()=>tX(e),className:`w-full text-left px-3 py-2 rounded-md text-sm transition-colors ${t?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:e.name},e.id)})]})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Date Range"})}),(0,a.jsx)(p.DateRangePicker,{value:ee,onChange:tz,placeholder:"",pcStyle:!0})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Columns Name"})}),(0,a.jsxs)("div",{className:"relative bg-white rounded-[5px] h-9",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},ref:to,children:[(0,a.jsx)(u.SearchIcon,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400"}),(0,a.jsx)(d.Input,{type:"text",placeholder:"",value:e_,onChange:e=>tM(e.target.value),onKeyPress:e=>"Enter"===e.key&&tG(),onFocus:()=>{ez(!0),!e_&&ed.length>0&&eE(ed)},onClick:()=>{ez(!0),!e_&&ed.length>0&&eE(ed)},className:"pl-10 pr-16 h-full border-0 rounded-[5px] focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-transparent cursor-pointer"}),(0,a.jsxs)("div",{className:"absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1",children:[e_&&(0,a.jsx)("button",{onClick:()=>{eI(""),eE(ed)},className:"text-gray-400 hover:text-gray-600 p-1 flex items-center justify-center",children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"h-3 w-3 object-contain"})}),(0,a.jsx)("button",{onClick:()=>{let e=!eT;ez(e),e&&!e_&&ed.length>0&&eE(ed)},className:"p-1 flex items-center justify-center",children:(0,a.jsx)(m.ChevronDownIcon,{className:`h-5 w-5 transition-transform ${eT?"rotate-180":""}`,style:{color:"#646363"}})})]}),eT&&(eF.length>0||e$)&&(0,a.jsx)("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-[5px] shadow-lg z-50 max-h-60 overflow-y-auto",children:e$?(0,a.jsxs)("div",{className:"px-3 py-2 text-sm text-gray-500 flex items-center gap-2",children:[(0,a.jsx)("div",{className:"animate-spin rounded-full h-3 w-3 border-b-2 border-gray-400"}),(0,a.jsx)("span",{children:"Searching..."})]}):eF.length>0?eF.map(e=>(0,a.jsx)("button",{onClick:()=>tH(e),className:"w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 transition-colors",children:(0,a.jsx)("div",{className:"flex items-center gap-2",children:(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"font-medium",children:e.title})})})},e.id)):(0,a.jsx)("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No matching columns found"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Author"})}),(0,a.jsxs)("div",{className:"relative bg-white rounded-[5px] h-9",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},ref:tl,children:[(0,a.jsx)(u.SearchIcon,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400"}),(0,a.jsx)(d.Input,{type:"text",placeholder:"",value:ea,onChange:e=>tP(e.target.value),onFocus:()=>{eu(!0),!ea&&ec.length>0&&el(ec)},onClick:()=>{eu(!0),!ea&&ec.length>0&&el(ec)},className:"pl-10 pr-16 h-full border-0 rounded-[5px] focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-transparent cursor-pointer"}),(0,a.jsxs)("div",{className:"absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1",children:[ea&&(0,a.jsx)("button",{onClick:()=>{es(""),el(ec)},className:"text-gray-400 hover:text-gray-600 p-1 flex items-center justify-center",children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"h-3 w-3 object-contain"})}),(0,a.jsx)("button",{onClick:()=>{let e=!eh;eu(e),e&&!ea&&ec.length>0&&el(ec)},className:"p-1 flex items-center justify-center",children:(0,a.jsx)(m.ChevronDownIcon,{className:`h-5 w-5 transition-transform ${eh?"rotate-180":""}`,style:{color:"#646363"}})})]}),eh&&(en.length>0||eg)&&(0,a.jsx)("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-[5px] shadow-lg z-50 max-h-60 overflow-y-auto",children:eg?(0,a.jsxs)("div",{className:"px-3 py-2 text-sm text-gray-500 flex items-center gap-2",children:[(0,a.jsx)("div",{className:"animate-spin rounded-full h-3 w-3 border-b-2 border-gray-400"}),(0,a.jsx)("span",{children:"Searching..."})]}):en.length>0?en.map(e=>(0,a.jsx)("button",{onClick:()=>t$(e),className:"w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 transition-colors",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[e.avatar&&(0,a.jsx)(i.default,{src:e.avatar,alt:e.name_en||e.name,width:24,height:24,className:"rounded-full"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"font-medium",children:e.name_en||e.name}),e.bio&&(0,a.jsx)("div",{className:"text-xs text-gray-500 truncate",children:e.bio})]})]})},e.id)):(0,a.jsx)("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No matching authors found"})})]})]})]}),(0,a.jsxs)("div",{className:"space-y-6 mt-2 md:mt-4 lg:mt-0",children:[(0,a.jsx)("div",{className:"flex items-center justify-between mb-5",children:(0,a.jsxs)("p",{className:"text-[16px] text-[#686565]",children:[(0,a.jsx)("span",{children:e0?"Loading...":e7})," ","results sorted by ",(0,a.jsx)("span",{className:"font-semibold",children:K})]})}),(0,a.jsx)("div",{className:"flex flex-col md:gap-4 gap-6 items-center",children:e0?(0,a.jsx)("div",{className:"w-full space-y-4",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,a.jsx)("div",{className:"w-full bg-white border border-gray-200 rounded-lg p-6 animate-pulse",children:(0,a.jsxs)("div",{className:"flex gap-4",children:[(0,a.jsx)("div",{className:"w-32 h-20 bg-gray-200 rounded-lg flex-shrink-0"}),(0,a.jsxs)("div",{className:"flex-1 space-y-3",children:[(0,a.jsx)("div",{className:"h-4 bg-gray-200 rounded w-3/4"}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded w-1/2"}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded w-full"}),(0,a.jsx)("div",{className:"h-3 bg-gray-200 rounded w-5/6"})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)("div",{className:"h-6 bg-gray-200 rounded-full w-16"}),(0,a.jsx)("div",{className:"h-6 bg-gray-200 rounded-full w-20"})]})]})]})},t))}):eK.map(e=>(0,a.jsx)(g.ArticleCard,{article:e,onClick:e=>{let t=e.url||`/articles/${e.id}`;window.location.href=t}},e.id))}),(0,a.jsx)("div",{className:"mt-4 lg:mt-8",children:(0,a.jsx)(x.Pagination,{currentPage:e4,totalPages:e5,onPageChange:e=>{e6(e)},disabled:e0,maxVisiblePages:5,showPreviousNext:!0,showEllipsis:!0,size:"sm",variant:"mobile"})})]}),(0,a.jsxs)("div",{className:"space-y-6 mt-0 lg:mt-10",children:[(0,a.jsx)("h3",{className:"text-[20px] font-semibold text-[#686565] mb-4",children:"Popular Columns"}),(0,a.jsx)(y.default,{variant:"list",initialColumns:B})]})]}),ta&&(0,a.jsxs)("div",{className:"fixed inset-0 z-50 md:hidden",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-black/40",onClick:()=>ts(!1)}),(0,a.jsxs)("div",{className:"absolute inset-0 bg-white overflow-y-auto",children:[(0,a.jsxs)("div",{className:"sticky top-0 bg-white z-30 py-3 px-4 flex items-center justify-between border-b border-gray-200 shadow-sm relative",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-gray-800",children:[(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M2 4h12M4 8h8M6 12h4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),(0,a.jsx)("span",{className:"text-base font-medium",children:"Filters"})]}),(0,a.jsx)("button",{onClick:()=>ts(!1),className:"w-8 h-8 rounded-full hover:bg-gray-100 flex items-center justify-center",children:(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M6 18L18 6M6 6l12 12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(0,a.jsx)("div",{className:"p-4 pb-30",children:(0,a.jsxs)("div",{className:"space-y-6 mobile-filter-content",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Categories"})}),(0,a.jsx)("div",{className:"bg-white rounded-[5px] p-3",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},children:ey?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"Loading c

1ategories..."}):0===ep.length?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"No categories"}):tN?(0,a.jsx)("div",{className:"space-y-2",children:eC.map(e=>(0,a.jsxs)("div",{children:[(0,a.jsxs)("button",{type:"button",onClick:()=>tW(e.id),className:"w-full flex items-center justify-between text-left text-[16px] text-gray-900 py-1",children:[(0,a.jsx)("span",{className:"font-medium",children:e.name}),(0,a.jsx)("svg",{className:`w-5 h-5 transition-transform ${eS.includes(e.id)?"rotate-180":""}`,style:{color:"#646363"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M6 9l6 6 6-6",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),eS.includes(e.id)&&(0,a.jsxs)("div",{className:"pl-3 mt-1 grid grid-cols-1 gap-2",children:[e.loading&&(0,a.jsx)("div",{className:"text-xs text-gray-400 col-span-1",children:"Loading..."}),e.children.map(e=>{let t=ej.includes(e.id);return(0,a.jsxs)("label",{className:"flex items-center gap-2 text-sm text-gray-800",children:[(0,a.jsx)("input",{type:"checkbox",className:"accent-black",checked:t,onChange:()=>tZ(e.id)}),(0,a.jsx)("span",{children:e.name})]},e.id)}),!e.loading&&0===e.children.length&&(0,a.jsx)("div",{className:"text-xs text-gray-400 col-span-1",children:"No subcategories"})]})]},e.id))}):(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsx)("button",{onClick:()=>{tX(null),ts(!1)},className:`w-full text-left px-3 py-2 rounded-md text-sm transition-colors ${!ev?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:"All"}),ep.map(e=>{let t=ev?.id===e.id;return(0,a.jsx)("button",{onClick:()=>{tX(e),ts(!1)},className:`w-full text-left px-3 py-2 rounded-md text-sm transition-colors ${t?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:e.name},e.id)})]})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Date Range"})}),(0,a.jsx)(p.DateRangePicker,{value:ee,onChange:tz,placeholder:"",pcStyle:!0})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Columns Name"})}),(0,a.jsxs)("div",{className:"relative bg-white rounded-[5px] h-9",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},ref:to,children:[(0,a.jsx)(u.SearchIcon,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400"}),(0,a.jsx)(d.Input,{type:"text",placeholder:"",value:e_,onChange:e=>tM(e.target.value),onKeyPress:e=>"Enter"===e.key&&tG(),onFocus:()=>{ez(!0),!e_&&ed.length>0&&eE(ed)},onClick:()=>{ez(!0),!e_&&ed.length>0&&eE(ed)},className:"pl-10 pr-16 h-full border-0 rounded-[5px] focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-transparent cursor-pointer"}),(0,a.jsxs)("div",{className:"absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1",children:[e_&&(0,a.jsx)("button",{onClick:()=>{eI(""),eE(ed)},className:"text-gray-400 hover:text-gray-600 p-1 flex items-center justify-center",children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"h-3 w-3 object-contain"})}),(0,a.jsx)("button",{onClick:()=>{let e=!eT;ez(e),e&&!e_&&ed.length>0&&eE(ed)},className:"p-1 flex items-center justify-center",children:(0,a.jsx)(m.ChevronDownIcon,{className:`h-5 w-5 transition-transform ${eT?"rotate-180":""}`,style:{color:"#646363"}})})]}),eT&&(eF.length>0||e$)&&(0,a.jsx)("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-[5px] shadow-lg z-50 max-h-60 overflow-y-auto",children:e$?(0,a.jsxs)("div",{className:"px-3 py-2 text-sm text-gray-500 flex items-center gap-2",children:[(0,a.jsx)("div",{className:"animate-spin rounded-full h-3 w-3 border-b-2 border-gray-400"}),(0,a.jsx)("span",{children:"Searching..."})]}):eF.length>0?eF.map(e=>(0,a.jsx)("button",{onClick:()=>tH(e),className:"w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 transition-colors",children:(0,a.jsx)("div",{className:"flex items-center gap-2",children:(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"font-medium",children:e.title})})})},e.id)):(0,a.jsx)("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No matching columns found"})})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h4",{className:"font-semibold text-gray-900",children:"Author"})}),(0,a.jsxs)("div",{className:"relative bg-white rounded-[5px] h-9",style:{border:"1.5px solid #D2D2D2",boxShadow:"0px 0px 11px 0px rgba(0, 0, 0, 0.1)"},ref:tl,children:[(0,a.jsx)(u.SearchIcon,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400"}),(0,a.jsx)(d.Input,{type:"text",placeholder:"",value:ea,onChange:e=>tP(e.target.value),onFocus:()=>{eu(!0),!ea&&ec.length>0&&el(ec)},onClick:()=>{eu(!0),!ea&&ec.length>0&&el(ec)},className:"pl-10 pr-16 h-full border-0 rounded-[5px] focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-transparent cursor-pointer"}),(0,a.jsxs)("div",{className:"absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1",children:[ea&&(0,a.jsx)("button",{onClick:()=>{es(""),el(ec)},className:"text-gray-400 hover:text-gray-600 p-1 flex items-center justify-center",children:(0,a.jsx)(i.default,{src:"/img/x.png",alt:"Close",width:16,height:16,className:"h-3 w-3 object-contain"})}),(0,a.jsx)("button",{onClick:()=>{let e=!eh;eu(e),e&&!ea&&ec.length>0&&el(ec)},className:"p-1 flex items-center justify-center",children:(0,a.jsx)(m.ChevronDownIcon,{className:`h-5 w-5 transition-transform ${eh?"rotate-180":""}`,style:{color:"#646363"}})})]}),eh&&(en.length>0||eg)&&(0,a.jsx)("div",{className:"absolute top-full left-0 right-0 mt-1 bg-white border border-gray-200 rounded-[5px] shadow-lg z-50 max-h-60 overflow-y-auto",children:eg?(0,a.jsxs)("div",{className:"px-3 py-2 text-sm text-gray-500 flex items-center gap-2",children:[(0,a.jsx)("div",{className:"animate-spin rounded-full h-3 w-3 border-b-2 border-gray-400"}),(0,a.jsx)("span",{children:"Searching..."})]}):en.length>0?en.map(e=>(0,a.jsx)("button",{onClick:()=>t$(e),className:"w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 transition-colors",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[e.avatar&&(0,a.jsx)(i.default,{src:e.avatar,alt:e.name_en||e.name,width:24,height:24,className:"rounded-full"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"font-medium",children:e.name_en||e.name}),e.bio&&(0,a.jsx)("div",{className:"text-xs text-gray-500 truncate",children:e.bio})]})]})},e.id)):(0,a.jsx)("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No matching authors found"})})]})]})]})}),(0,a.jsx)("div",{className:"sticky bottom-0 left-0 right-0 bg-white z-30 border-t border-gray-200 px-4 py-3 shadow-sm",children:(0,a.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,a.jsx)(l.Button,{variant:"outline",className:"flex-1 rounded-[8px] h-10",onClick:tO,children:"Clear all"}),(0,a.jsx)(l.Button,{className:"flex-1 rounded-[8px] h-10 bg-[#131313] text-white hover:bg-[#000]",onClick:()=>ts(!1),children:"Apply filters"})]})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h3",{className:"font-semibold text-gray-900",children:"Categories"})}),(0,a.jsx)("div",{className:"bg-white border border-gray-200 rounded-[5px] p-3",children:ey?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"Loading c

1ategories..."}):0===ep.length?(0,a.jsx)("div",{className:"text-sm text-gray-500",children:"No categories"}):tN?(0,a.jsx)("div",{className:"space-y-2",children:eC.map(e=>(0,a.jsxs)("div",{children:[(0,a.jsxs)("button",{type:"button",onClick:()=>tW(e.id),className:"w-full flex items-center justify-between text-left text-sm text-gray-900 py-1",children:[(0,a.jsx)("span",{className:"font-medium",children:e.name}),(0,a.jsx)("svg",{className:`w-4 h-4 transition-transform ${eS.includes(e.id)?"rotate-180":""}`,style:{color:"#646363"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:(0,a.jsx)("path",{d:"M6 9l6 6 6-6",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),eS.includes(e.id)&&(0,a.jsxs)("div",{className:"pl-3 mt-1 grid grid-cols-2 gap-2",children:[e.children.map(e=>{let t=ej.includes(e.id);return(0,a.jsxs)("label",{className:"flex items-center gap-2 text-sm text-gray-800",children:[(0,a.jsx)("input",{type:"checkbox",className:"accent-black",checked:t,onChange:()=>tZ(e.id)}),(0,a.jsx)("span",{children:e.name})]},e.id)}),0===e.children.length&&(0,a.jsx)("div",{className:"text-xs text-gray-400 col-span-2",children:"No subcategories"})]})]},e.id))}):(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsx)("button",{onClick:()=>tX(null),className:`w-full text-left px-2 py-1.5 rounded text-sm transition-colors ${!ev?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:"All"}),ep.map(e=>{let t=ev?.id===e.id;return(0,a.jsx)("button",{onClick:()=>tX(e),className:`w-full text-left px-2 py-1.5 rounded text-sm transition-colors ${t?"bg-[#131313] text-white font-medium":"text-gray-700 hover:bg-gray-100"}`,children:e.name},e.id)})]})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-3",children:(0,a.jsx)("h3",{className:"font-semibold text-gray-900",children:"Date Range"})}),(0,a.jsx)(p.DateRangePicker,{value:ee,onChange:tz,placeholder:""})]})]})]})})}function I(e){return(0,a.jsx)(s.Suspense,{fallback:(0,a.jsx)("div",{children:"Loading..."}),children:(0,a.jsx)(_,{...e})})}e.s(["default",()=>I],99145)}]);