https://affitor.com/_next/static/chunks/9964.f6633e816a0b5603.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9964],{27025:(e,r,t)=>{t.d(r,{cn:()=>d});var a=t(69241),s=t(29573);function d(){for(var e=arguments.length,r=Array(e),t=0;t<e;t++)r[t]=arguments[t];return(0,s.QP)((0,a.$)(r))}},49964:(e,r,t)=>{t.r(r),t.d(r,{default:()=>h});var a=t(37876),s=t(14232),d=t(31777),l=t(89099),i=t(89926),o=t(28249),n=t(39466),c=t(27025),x=t(92011),g=t(17699),m=t(83867),y=t(47192);let h=e=>{let{isOpen:r,onClose:t,categorySlug:h}=e,b=(0,d.wA)(),u=(0,l.useRouter)(),f=(0,d.d4)(x.uE),p=(0,d.d4)(x.Yx),k=(0,d.d4)(x.ww),j=(0,s.useRef)(null),v=(0,s.useRef)(null),[N,w]=(0,s.useState)(!1),C=["/ad","/admin","/editor","/checkout-mmm"].some(e=>u.pathname.includes(e))||"/admin"===u.pathname&&window.location.hash.startsWith("#payout");return((0,s.useEffect)(()=>{h&&r&&(b(x.o1.clearCategoryDetail()),b(x.o1.fetchCategoryDetail({slug:h})))},[h,r,b]),(0,s.useEffect)(()=>{r||b(x.o1.clearCategoryDetail())},[r,b]),(0,s.useEffect)(()=>{if(r){w(!0);let e=setTimeout(()=>{w(!1)},10);return()=>clearTimeout(e)}w(!0)},[r]),(0,s.useEffect)(()=>{let e=e=>{"Escape"===e.key&&r&&t()};return r&&(document.addEventListener("keydown",e),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",e),document.body.style.overflow="unset"}},[r,t]),r)?(0,a.jsx)("div",{className:(0,c.cn)("fixed left-0 right-0 bottom-0 z-[110] bg-black/50 backdrop-blur-sm transition-opacity duration-300",N&&!r?"opacity-0":"opacity-100"),style:{top:C?"0px":"75px"},onClick:e=>{e.target===e.currentTarget&&t()},children:(0,a.jsxs)("div",{className:(0,c.cn)("fixed top-0 bottom-0 left-0 w-full bg-white dark:bg-gray-900 shadow-2xl transform transition-transform duration-300 ease-out overflow-hidden flex flex-col",N?"-translate-x-full":"translate-x-0"),children:[(0,a.jsxs)("div",{className:"flex-shrink-0 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700",children:[(0,a.jsx)("div",{className:"px-4 py-3 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsxs)("button",{onClick:t,className:"flex items-center text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors group touch-manipulation min-h-[40px]",children:[(0,a.jsx)(i.A,{size:18,className:"mr-2 group-hover:-translate-x-1 transition-transform"}),(0,a.jsx)("span",{className:"font-medium text-sm",children:"Back to Categories"})]}),f&&(0,a.jsx)("div",{className:"border-l border-gray-300 dark:border-gray-600 pl-4",children:(0,a.jsx)("h1",{className:"text-xl font-semibold text-gray-900 dark:text-gray-100",children:f.name})})]}),(0,a.jsx)("button",{onClick:t,className:"p-2 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 transition-colors rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 touch-manipulation min-w-[40px] min-h-[40px] flex items-center justify-center",children:(0,a.jsx)(o.A,{size:18})})]})}),f&&(0,a.jsx)("div",{className:"px-4 py-4 sm:px-6 lg:px-8 dark:bg-gray-800 border-t",children:(0,a.jsxs)("div",{className:"grid grid-cols-6 gap-3",children:[(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Avg EPU"}),(0,a.jsxs)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:["$",f.avgEPU]})]}),(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Total Video Views"}),(0,a.jsxs)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:[(f.totalViews/1e6).toFixed(1),"M"]})]}),(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Avg Monthly Traffic"}),(0,a.jsxs)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:[(f.avgMonthlyTraffic/1e6).toFixed(1),"M"]})]}),(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Total Videos"}),(0,a.jsx)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:f.totalVideos})]}),(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Total Programs"}),(0,a.jsx)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:f.totalPrograms})]}),(0,a.jsxs)("div",{className:"bg-white dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 p-3 text-center",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",children:"Total Ads"}),(0,a.jsx)("p",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:f.totalAds})]})]})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-hidden",children:p?(0,a.jsx)("div",{className:"flex items-center justify-center h-full bg-white dark:bg-gray-900",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(n.A,{color:"inherit"}),(0,a.jsx)("p",{className:"mt-4 text-gray-600 dark:text-gray-400",children:"Loading c

1ategory details..."})]})}):k?(0,a.jsx)("div",{className:"flex items-center justify-center h-full bg-white dark:bg-gray-900",children:(0,a.jsxs)("div",{className:"text-center py-8 px-6",children:[(0,a.jsx)("p",{className:"text-red-500 dark:text-red-400 text-lg mb-4",children:k}),(0,a.jsxs)("div",{className:"space-x-4",children:[(0,a.jsx)(y.S,{id:"try-again-button",onClick:()=>h&&b(x.o1.fetchCategoryDetail({slug:h})),className:"px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-[#155dfc] transition-colors",children:"Try Again"}),(0,a.jsx)(y.S,{id:"close-button",onClick:t,className:"px-4 py-2 bg-gray-500 text-white rounded-md hover:bg-gray-600 transition-colors",children:"Close"})]})]})}):f?(0,a.jsx)("div",{className:"h-full overflow-y-auto bg-white dark:bg-gray-900",children:(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 lg:px-6 py-4",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{ref:j,"data-section":"programs",children:(0,a.jsx)(g.A,{categorySlug:h})}),(0,a.jsx)("div",{ref:v,"data-section":"socialContent",children:(0,a.jsx)(m.A,{categorySlug:h})})]})})}):null})]})}):null}}}]);