https://app.campaignhq.co/_next/static/chunks/pages/channels-7a4a6be6b85bf9e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4852],{98012:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/channels",function(){return t(43298)}])},43298:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return Channels}});var n=t(85893);t(18317);var a=t(5447),r=t(67294),i=t(9008),l=t.n(i),d=t(41664),c=t.n(d),o=t(52418),m=t(10050),x=t(65350),h=t(57292),g=t(50682),u=t(5083),f=t(94892),j=t(88894);function Channels(){let[e,s]=(0,r.useState)(null),[t,a]=(0,r.useState)([]),[i,d]=(0,r.useState)([]),[b,p]=(0,r.useState)([]),[N,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(!1),[S,C]=(0,r.useState)(!1),fetchServices=async()=>{{y(!0);let[e,s]=await (0,j.W)(f.Z.service.index({marketing_email:!0}));y(!1),a(s.data)}{w(!0);let[e,s]=await (0,j.W)(f.Z.service.index({marketing_message:!0}));w(!1),d(s.data)}{C(!0);let[e,s]=await (0,j.W)(f.Z.service.index({marketing_sms:!0}));C(!1),p(s.data)}};return(0,r.useEffect)(()=>{fetchServices()},[]),(0,n.jsxs)("div",{className:"min-h-screen",children:[(0,n.jsx)(l(),{children:(0,n.jsx)("title",{children:"Channels - CampaignHQ"})}),(0,n.jsxs)("div",{className:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8",children:[(0,n.jsxs)("div",{className:"text-center mb-12",children:[(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,n.jsx)("div",{className:"w-32 h-32 bg-gradient-to-br from-indigo-100/50 to-purple-100/50 rounded-full blur-2xl"})}),(0,n.jsx)("div",{className:"relative inline-flex items-center justify-center w-16 h-16 bg-gradient-to-br from-indigo-500 via-indigo-600 to-purple-600 rounded-2xl mb-6 shadow-xl ring-2 ring-indigo-100/50",children:(0,n.jsx)(o.Z,{className:"w-8 h-8 text-white"})})]}),(0,n.jsx)("h1",{className:"text-2xl font-bold text-gray-900 mb-4 tracking-tight",children:"Communication Channels"}),(0,n.jsx)("p",{className:"text-base text-gray-600 mb-8 max-w-2xl mx-auto leading-relaxed font-light",children:"Connect and configure all your communication channels in one centralized dashboard. Manage email, WhatsApp, and SMS integrations seamlessly."})]}),(0,n.jsxs)("div",{className:"mb-12",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between mb-8",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"text-lg font-bold text-gray-900 mb-1",children:"Your Active Channels"}),(0,n.jsx)("p",{className:"text-sm text-gray-500 font-light",children:"Manage and monitor your communication channels"})]}),(0,n.jsxs)("div",{className:"flex items-center space-x-2 text-sm text-emerald-700 bg-emerald-50 px-3 py-1.5 rounded-full border border-emerald-200/50",children:[(0,n.jsx)(m.Z,{className:"w-4 h-4 text-emerald-500"}),(0,n.jsxs)("span",{className:"font-medium",children:[t.length+i.length+b.length," connections available"]})]})]}),(0,n.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-8",children:[(0,n.jsxs)("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200/60 p-7 hover:shadow-md hover:border-gray-300/60 transition-all duration-200",children:[(0,n.jsxs)("div",{className:"flex items-center mb-5",children:[(0,n.jsx)("div",{className:"w-11 h-11 bg-gradient-to-br from-purple-500 to-purple-600 rounded-xl flex items-center justify-center mr-4 shadow-sm",children:(0,n.jsx)(x.Z,{className:"w-6 h-6 text-white"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-xl font-bold text-gray-900",children:"Email"}),(0,n.jsx)("p",{className:"text-xs text-purple-600 font-medium mt-0.5",children:"1 provider connected"})]})]}),(0,n.jsx)("p",{className:"text-gray-600 mb-7 leading-relaxed text-sm",children:"Configure email services and setup domains to send emails."}),(0,n.jsx)("div",{className:"space-y-3.5 mb-7",children:(0,n.jsxs)("div",{className:"flex justify-between items-center py-2.5 px-3 bg-gray-50/50 rounded-lg",children:[(0,n.jsx)("span",{className:"text-sm text-gray-600 font-medium",children:"Total connections"}),(0,n.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:N?"...":t.length})]})}),(0,n.jsx)("div",{className:"flex space-x-3",children:(0,n.jsxs)(c(),{href:"/channels/email",className:"flex-1 inline-flex items-center justify-center px-4 py-3 bg-white text-gray-700 font-medium rounded-lg border border-gray-300 hover:bg-gray-50 hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 transition-all duration-150",children:["Setup Connections",(0,n.jsx)(h.Z,{className:"ml-2.5 h-4 w-4"})]})})]}),(0,n.jsxs)("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200/60 p-7 hover:shadow-md hover:border-gray-300/60 transition-all duration-200",children:[(0,n.jsxs)("div",{className:"flex items-center mb-5",children:[(0,n.jsx)("div",{className:"w-11 h-11 bg-gradient-to-br from-green-500 to-green-600 rounded-xl flex items-center justify-center mr-4 shadow-sm",children:(0,n.jsx)("svg",{className:"w-6 h-6 text-white",viewBox:"0 0 24 24",fill:"

1currentColor",children:(0,n.jsx)("path",{d:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"})})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-xl font-bold text-gray-900",children:"WhatsApp"}),(0,n.jsx)("p",{className:"text-xs text-green-600 font-medium mt-0.5",children:"Ready to connect"})]})]}),(0,n.jsx)("p",{className:"text-gray-600 mb-7 leading-relaxed text-sm",children:"Set up WhatsApp notifications to keep users updated in real-time."}),(0,n.jsx)("div",{className:"space-y-3.5 mb-7",children:(0,n.jsxs)("div",{className:"flex justify-between items-center py-2.5 px-3 bg-gray-50/50 rounded-lg",children:[(0,n.jsx)("span",{className:"text-sm text-gray-600 font-medium",children:"Total connections"}),(0,n.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:v?"...":i.length})]})}),(0,n.jsx)("div",{className:"flex space-x-3",children:(0,n.jsxs)(c(),{href:"/channels/whatsapp",className:"flex-1 inline-flex items-center justify-center px-4 py-3 bg-white text-gray-700 font-medium rounded-lg border border-gray-300 hover:bg-gray-50 hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 transition-all duration-150",children:["Setup connections",(0,n.jsx)(h.Z,{className:"ml-2.5 h-4 w-4"})]})})]}),(0,n.jsxs)("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200/60 p-7 hover:shadow-md hover:border-gray-300/60 transition-all duration-200",children:[(0,n.jsxs)("div",{className:"flex items-center mb-5",children:[(0,n.jsx)("div",{className:"w-11 h-11 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center mr-4 shadow-sm",children:(0,n.jsx)(g.Z,{className:"w-6 h-6 text-white"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-xl font-bold text-gray-900",children:"SMS"}),(0,n.jsx)("p",{className:"text-xs text-blue-600 font-medium mt-0.5",children:"Ready to connect"})]})]}),(0,n.jsx)("p",{className:"text-gray-600 mb-7 leading-relaxed text-sm",children:"Set up SMS notifications for instant text messaging to your customers."}),(0,n.jsx)("div",{className:"space-y-3.5 mb-7",children:(0,n.jsxs)("div",{className:"flex justify-between items-center py-2.5 px-3 bg-gray-50/50 rounded-lg",children:[(0,n.jsx)("span",{className:"text-sm text-gray-600 font-medium",children:"Total connections"}),(0,n.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:S?"...":b.length})]})}),(0,n.jsx)("div",{className:"flex space-x-3",children:(0,n.jsxs)(c(),{href:"/channels/sms",className:"flex-1 inline-flex items-center justify-center px-4 py-3 bg-white text-gray-700 font-medium rounded-lg border border-gray-300 hover:bg-gray-50 hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 transition-all duration-150",children:["Setup connections",(0,n.jsx)(h.Z,{className:"ml-2.5 h-4 w-4"})]})})]})]})]}),(0,n.jsxs)("div",{className:"bg-white rounded-2xl shadow-sm border border-gray-200/60 p-8 mb-8",children:[(0,n.jsx)("div",{className:"flex items-center justify-between mb-6",children:(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)(u.Z,{className:"w-5 h-5 text-indigo-600 mr-2"}),(0,n.jsx)("h3",{className:"text-base font-bold text-gray-900",children:"Coming Soon"})]})}),(0,n.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:(0,n.jsxs)("div",{className:"flex items-center p-4 bg-orange-50 rounded-lg border border-orange-200/60 hover:bg-orange-100/50 transition-colors duration-150",children:[(0,n.jsx)("div",{className:"w-10 h-10 bg-orange-500 rounded-lg flex items-center justify-center mr-4 shadow-sm",children:(0,n.jsx)(o.Z,{className:"w-5 h-5 text-white"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"font-semibold text-sm text-gray-900",children:"Push Notifications"}),(0,n.jsx)("div",{className:"text-xs text-gray-500 font-light",children:"Mobile app notifications"})]})]})})]})]})]})}Channels.Layout=a.c,Channels.Header=function(e){let{list:s}=e,[t,a]=(0,r.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l(),{children:(0,n.jsx)("title",{children:"Channels - CampaignHQ"})}),(0,n.jsx)("div",{className:"px-4 py-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8",children:(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("h1",{className:"text-lg font-medium leading-6 text-gray-900 sm:truncate",children:"Channels"}),(0,n.jsx)("p",{className:"text-sm text-gray-700",children:"Set up all your channels in one place."})]})})]})}},9008:function(e,s,t){e.exports=t(79201)}},function(e){e.O(0,[9921,5675,2814,7536,7811,445,3410,1796,5447,9774,2888,179],function(){return e(e.s=98012)}),_N_E=e.O()}]);