https://goaffpro.com/_next/static/chunks/pages/publisher-networks-0c75dabb578ef908.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9445],{88235:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/publisher-networks",function(){return a(13896)}])},3225:function(e,s,a){"use strict";var t=a(85893);a(26291);var r=a(67294),n=a(41192);s.Z=e=>{let{name:s,value:a,onChange:l}=e,[i,d]=(0,r.useState)(!1);return(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("input",{name:s,type:i?"text":"password",value:a,onChange:l,className:"input input-bordered w-full pr-2"}),(0,t.jsx)("button",{tabIndex:-1,className:"absolute inset-y-0 right-0 p-2 focus:outline-none focus:text-indigo-700 hover:text-indigo-700",type:"button",onClick:e=>d(!i),children:i?(0,t.jsx)(n.dSq,{}):(0,t.jsx)(n.tgn,{})})]})}},29814:function(e,s,a){"use strict";a.d(s,{II:function(){return r.Z},cw:function(){return n.Z},zx:function(){return t.Z}}),a(85893);var t=a(59563),r=a(4862);a(3225);var n=a(26291)},13896:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return u}});var t=a(85893),r=a(9008),n=a.n(r),l=a(67294);function i(e){let{messages:s}=e,[a,r]=(0,l.useState)(null),[n,i]=(0,l.useState)(""),d=s.reduce((e,s)=>(e[s.brandId]||(e[s.brandId]={brandId:s.brandId,brandName:s.brandName,brandLogo:s.brandLogo,messages:[],unreadCount:0,lastMessage:s}),e[s.brandId].messages.push(s),!s.isRead&&"brand"===s.sender&&e[s.brandId].unreadCount++,new Date(s.timestamp)>new Date(e[s.brandId].lastMessage.timestamp)&&(e[s.brandId].lastMessage=s),e),{}),c=Object.values(d).sort((e,s)=>new Date(s.lastMessage.timestamp).getTime()-new Date(e.lastMessage.timestamp).getTime()),o=a?d[a]:null,m=()=>{n.trim()&&a&&(alert("Message sent to ".concat(null==o?void 0:o.brandName,": ").concat(n)),i(""))};return(0,t.jsxs)("div",{className:"flex flex-col md:flex-row h-[calc(100vh-400px)] min-h-[400px] max-h-[600px] border rounded-lg bg-white overflow-hidden",children:[(0,t.jsxs)("div",{className:"md:hidden p-3 border-b bg-gray-50",children:[(0,t.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:"Select Conversation"}),(0,t.jsxs)("select",{value:a||"",onChange:e=>r(e.target.value?Number(e.target.value):null),className:"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500",children:[(0,t.jsx)("option",{value:"",children:"-- Select a brand --"}),c.map(e=>(0,t.jsxs)("option",{value:e.brandId,children:[e.brandName,e.unreadCount>0?" (".concat(e.unreadCount," new)"):""]},e.brandId))]})]}),(0,t.jsxs)("div",{className:"hidden md:flex md:flex-col w-1/3 border-r bg-gray-50",children:[(0,t.jsx)("div",{className:"p-4 border-b bg-white",children:(0,t.jsx)("h3",{className:"font-semibold text-gray-900",children:"Messages"})}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto",children:c.map(e=>(0,t.jsx)("div",{onClick:()=>r(e.brandId),className:"p-4 border-b cursor-pointer hover:bg-gray-100 ".concat(a===e.brandId?"bg-blue-50":""),children:(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:e.brandLogo,alt:e.brandName,className:"w-10 h-10 rounded-full"}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex justify-between items-center",children:[(0,t.jsx)("h4",{className:"font-medium text-gray-900 truncate",children:e.brandName}),e.unreadCount>0&&(0,t.jsx)("span",{className:"bg-blue-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center",children:e.unreadCount})]}),(0,t.jsx)("p",{className:"text-sm text-gray-500 truncate",children:e.lastMessage.message}),(0,t.jsx)("p",{className:"text-xs text-gray-400",children:new Date(e.lastMessage.timestamp).toLocaleDateString()})]})]})},e.brandId))})]}),(0,t.jsx)("div",{className:"flex-1 flex flex-col min-h-0",children:o?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"p-3 md:p-4 border-b bg-white flex items-center gap-3 shrink-0",children:[(0,t.jsx)("img",{src:o.brandLogo,alt:o.brandName,className:"w-8 h-8 md:w-10 md:h-10 rounded-full"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"font-semibold text-gray-900 text-sm md:text-base",children:o.brandName}),(0,t.jsx)("p",{className:"text-xs md:text-sm text-gray-500",children:"Brand Partner"})]})]}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-3 md:p-4 space-y-3 md:space-y-4 bg-gray-50",children:o.messages.sort((e,s)=>new Date(e.timestamp).getTime()-new Date(s.timestamp).getTime()).map(e=>(0,t.jsx)("div",{className:"flex ".concat("publisher"===e.sender?"justify-end":"justify-start"),children:(0,t.jsxs)("div",{className:"max-w-[85%] md:max-w-[70%] rounded-lg p-2 md:p-3 ".concat("publisher"===e.sender?"bg-blue-500 text-white":"bg-white border text-gray-900"),children:[(0,t.jsx)("p",{className:"text-sm",children:e.message}),(0,t.jsx)("p",{className:"text-xs mt-1 ".concat("publisher"===e.sender?"text-blue-100":"text-gray-400"),children:new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]})},e.id))}),(0,t.jsx)("div",{className:"p-3 md:p-4 border-t bg-white shrink-0",children:(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("input",{type:"text",value:n,onChange:e=>i(e.target.value),onKeyPress:e=>"Enter"===e.key&&m(),placeholder:"Type a message...",className:"flex-1 px-3 md:px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm md:text-base"}),(0,t.jsx)("button",{onClick:m,className:"btn btn-primary text-sm md:text-base",children:"Send"})]})})]}):(0,t.jsx)("div",{className:"flex-1 flex items-center justify-center text-gray-500 p-4",children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("div",{className:"text-4xl mb-4",children:"\uD83D\uDCAC"}),(0,t.jsx)("p",{className:"text-sm md:text-base",children:"Select a conversation to start messaging"})]})})})]})}function d(e){let{items:s,activeKey:a,onChange:r,className:n=""}=e;return(0,t.jsx)("div",{className:"border-b border-gray-200 ".concat(n),children:(0,t.jsx)("nav",{className:"flex -mb-px space-x-1","aria-label":"Tabs",children:s.map(e=>(0,t.jsxs)("button",{onClick:()=>r(e.key),className:"\n              group relative px-6 py-3.5 font-medium text-sm transition-all duration-200\n              border-b-2 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-t-md\n              ".concat(a===e.key?"border-blue-600 text-blue-600 bg-blue-50/50":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 hover:bg-gray-50","\n            "),children:[(0,t.jsxs)("span",{className:"flex items-center gap-2.5",children:[(0,t.jsx)("span",{children:e.label}),e.badge&&e.badge>0&&(0,t.jsx)("span",{className:"\n                  inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full\n                  ".concat(a===e.key?"bg-blue-600 text-white":"bg-red-500 text-white animate-pulse","\n                "),children:e.badge})]}

1),a===e.key&&(0,t.jsx)("span",{className:"absolute bottom-0 left-0 w-full h-0.5 bg-gradient-to-r from-blue-400 to-blue-600"})]},e.key))})})}a(59563);var c=a(15798),o=a(24939),m=a(26337),x=a(24254);function u(){let[e,s]=(0,l.useState)("collaborations"),a=c.nW.filter(e=>!e.isRead&&"brand"===e.sender).length;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n(),{children:(0,t.jsx)("title",{children:"Publisher Network Dashboard - GoAffPro"})}),(0,t.jsx)("div",{className:"min-h-screen bg-gray-50 py-8",children:(0,t.jsxs)("div",{className:"container mx-auto px-4 max-w-7xl",children:[(0,t.jsxs)("div",{className:"mb-8 flex justify-between items-start",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-4xl font-bold text-gray-900 mb-2",children:"Publisher Network Dashboard"}),(0,t.jsx)("p",{className:"text-gray-600",children:"Manage your publisher network, talents, and brand collaborations"})]}),(0,t.jsx)("div",{className:"flex gap-3",children:!1})]}),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:[(0,t.jsx)(d,{items:[{key:"collaborations",label:"Collaborations"},{key:"talents",label:"Talents"},{key:"profile",label:"Publisher Profile"},{key:"chat",label:"Chat",badge:a}],activeKey:e,onChange:e=>s(e)}),(0,t.jsxs)("div",{className:"p-6",children:["collaborations"===e&&(0,t.jsx)(o.default,{}),"talents"===e&&(0,t.jsx)(x.default,{}),"profile"===e&&(0,t.jsx)(m.default,{}),"chat"===e&&(0,t.jsx)(i,{messages:c.nW})]})]})]})})]})}},26337:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return r}});var t=a(85893);function r(){let e="Premium Publisher Network";return(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"flex justify-between items-center mb-6",children:(0,t.jsx)("h3",{className:"text-xl font-semibold text-gray-900",children:"Publisher Network Profile"})}),!1,(0,t.jsxs)("div",{className:"bg-white border rounded-lg p-6",children:[(0,t.jsxs)("div",{className:"flex items-start gap-6 mb-6",children:[(0,t.jsx)("img",{src:"https://via.placeholder.com/100",alt:e,className:"w-24 h-24 rounded-lg object-cover"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"text-2xl font-bold text-gray-900 mb-1",children:e}),(0,t.jsx)("p",{className:"text-gray-600 mb-2",children:"https://publishernetwork.com"}),(0,t.jsx)("span",{className:"px-3 py-1 bg-green-100 text-green-800 text-sm font-semibold rounded-full",children:"✓ Verified Publisher Network"})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h5",{className:"text-sm font-medium text-gray-500 mb-2",children:"Contact Information"}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("p",{className:"text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-500",children:"Contact:"})," ","John Doe"]}),(0,t.jsxs)("p",{className:"text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-500",children:"Email:"})," ","[email protected]"]}),(0,t.jsxs)("p",{className:"text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-500",children:"Phone:"})," ","+1-555-0123"]})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h5",{className:"text-sm font-medium text-gray-500 mb-2",children:"Payment Information"}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("p",{className:"text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-500",children:"Minimum Payout:"})," ","$100"]}),(0,t.jsxs)("p",{className:"text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-500",children:"Payment Methods:"})," ","PayPal, Bank Transfer, Wise"]})]})]})]}),(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)("h5",{className:"text-sm font-medium text-gray-500 mb-2",children:"About"}),(0,t.jsx)("p",{className:"text-gray-700",children:"Leading publisher network specializing in fashion and lifestyle brands. We work with top influencers and content creators to drive quality traffic and conversions."})]}),(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)("h5",{className:"text-sm font-medium text-gray-500 mb-2",children:"Niches"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:["Fashion","Beauty","Lifestyle","Tech"].map(e=>(0,t.jsx)("span",{className:"px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full",children:e},e))})]})]}),(0,t.jsxs)("div",{className:"mt-6 bg-gradient-to-r from-blue-50 to-purple-50 border border-blue-200 rounded-lg p-6",children:[(0,t.jsx)("h4",{className:"text-lg font-semibold text-gray-900 mb-2",children:"\uD83D\uDC40 What Brands See"}),(0,t.jsx)("p",{className:"text-gray-600 mb-4",children:"When brands search for publisher networks, they'll see your profile showcased with the information above. Make sure to keep it updated and compelling!"}),(0,t.jsxs)("div",{className:"flex gap-3",children:[(0,t.jsx)("button",{className:"btn btn-outline btn-sm",children:"Preview Profile"}),(0,t.jsx)("button",{className:"btn btn-primary btn-sm",children:"Share Profile Link"})]})]})]})}a(29814)}},function(e){e.O(0,[6130,3365,7219,4939,2888,9774,179],function(){return e(e.s=88235)}),_N_E=e.O()}]);