https://more.co.ke/_next/static/chunks/4298.6c7bc33418029221.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4298],{73067:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("arrow-left",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},3021:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("bell",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]])},28203:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]])},690:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("check-check",[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]])},74530:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]])},41298:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("dollar-sign",[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]])},86712:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("shopping-bag",[["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}],["path",{d:"M3.103 6.034h17.794",key:"awc11p"}],["path",{d:"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z",key:"o988cm"}]])},55340:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]])},11961:function(e,t,s){s.d(t,{Z:function(){return r}});var a=s(65531);let r=(0,a.Z)("truck",[["path",{d:"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2",key:"wrbu53"}],["path",{d:"M15 18H9",key:"1lyqi6"}],["path",{d:"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14",key:"lysw3i"}],["circle",{cx:"17",cy:"18",r:"2",key:"332jqn"}],["circle",{cx:"7",cy:"18",r:"2",key:"19iecd"}]])},74298:function(e,t,s){s.r(t),s.d(t,{BuyerNotificationsContent:function(){return BuyerNotificationsContent}});var a=s(57437),r=s(2265),l=s(49598),i=s(23611),n=s(86712),d=s(41298),c=s(11961),x=s(4322),o=s(65531);let m=(0,o.Z)("gift",[["rect",{x:"3",y:"8",width:"18",height:"4",rx:"1",key:"bkv52"}],["path",{d:"M12 8v13",key:"1c76mn"}],["path",{d:"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7",key:"6wjy6b"}],["path",{d:"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5",key:"1ihvrl"}]]);var h=s(55340),v=s(78063),p=s(690),u=s(3021),f=s(74530),g=s(45367),b=s(73067),j=s(82549),N=s(28203),y=s(32176);function BuyerNotificationsContent(){var e,t,s,o,w,k;let[Z,C]=(0,r.useState)([]),[M,z]=(0,r.useState)(null),[S,H]=(0,r.useState)(!1),A=(0,r.useRef)(0),Y=Z.filter(e=>!e.read).length,getNotificationIcon=e=>{switch(e){case"order":return(0,a.jsx)(n.Z,{className:"h-5 w-5 text-blue-500"});case"payment":return(0,a.jsx)(d.Z,{className:"h-5 w-5 text-green-500"});case"shipping":return(0,a.jsx)(c.Z,{className:"h-5 w-5 text-purple-500"});case"delivery":return(0,a.jsx)(x.Z,{className:"h-5 w-5 text-green-600"});case"promo":return(0,a.jsx)(m,{className:"h-5 w-5 text-pink-500"});case"review":return(0,a.jsx)(h.Z,{className:"h-5 w-5 text-yellow-500"});case"system":return(0,a.jsx)(v.Z,{className:"h-5 w-5 text-[var(--text-muted)]"})}},markAsRead=e=>{C(t=>t.map(t=>

1t.id===e?{...t,read:!0}:t))},deleteNotification=e=>{C(t=>t.filter(t=>t.id!==e)),(null==M?void 0:M.id)===e&&(z(null),H(!1))},handleNotificationClick=e=>{let t=Date.now(),s=t-A.current;s<300&&(null==M?void 0:M.id)===e.id?handleCloseSplitView():(z(e),H(!0),e.read||markAsRead(e.id)),A.current=t},handleCloseSplitView=()=>{H(!1),z(null)};return(0,a.jsxs)("div",{className:"space-y-4 sm:space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-xl sm:text-2xl font-bold text-[var(--text)]",children:"Notifications"}),(0,a.jsx)("p",{className:"text-xs sm:text-sm text-[var(--text-muted)] mt-0.5 sm:mt-1",children:"Stay updated on your orders and offers"})]}),(0,a.jsx)("div",{className:"flex items-center gap-2 w-full sm:w-auto",children:Y>0&&(0,a.jsxs)(i.z,{variant:"outline",size:"sm",onClick:()=>{C(e=>e.map(e=>({...e,read:!0})))},className:"flex items-center justify-center gap-2 text-sm w-full sm:w-auto",children:[(0,a.jsx)(p.Z,{className:"h-4 w-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Mark All as Read"}),(0,a.jsx)("span",{className:"sm:hidden",children:"Mark Read"})]})})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-4",children:[(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)]",children:(0,a.jsx)(l.aY,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs text-[var(--text-muted)]",children:"All"}),(0,a.jsx)("p",{className:"text-xl font-bold mt-1 text-[var(--text)]",children:Z.length})]}),(0,a.jsx)(u.Z,{className:"h-6 w-6 text-[var(--primary)]"})]})})}),(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)]",children:(0,a.jsx)(l.aY,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs text-[var(--text-muted)]",children:"Unread"}),(0,a.jsx)("p",{className:"text-xl font-bold mt-1 text-[var(--text)]",children:Y})]}),(0,a.jsx)(v.Z,{className:"h-6 w-6 text-amber-500"})]})})}),(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)]",children:(0,a.jsx)(l.aY,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs text-[var(--text-muted)]",children:"Orders"}),(0,a.jsx)("p",{className:"text-xl font-bold mt-1 text-[var(--text)]",children:Z.filter(e=>"order"===e.type||"shipping"===e.type||"delivery"===e.type).length})]}),(0,a.jsx)(x.Z,{className:"h-6 w-6 text-blue-500"})]})})}),(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)]",children:(0,a.jsx)(l.aY,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs text-[var(--text-muted)]",children:"Promos"}),(0,a.jsx)("p",{className:"text-xl font-bold mt-1 text-[var(--text)]",children:Z.filter(e=>"promo"===e.type).length})]}),(0,a.jsx)(m,{className:"h-6 w-6 text-pink-500"})]})})})]}),(0,a.jsx)("h2",{className:"text-lg font-semibold text-[var(--text)] px-1",children:"Latest Updates"}),(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row gap-6",children:[(0,a.jsx)("div",{className:S?"lg:w-1/2":"lg:w-full",children:(0,a.jsx)("div",{className:"space-y-3",children:0===Z.length?(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)]",children:(0,a.jsx)(l.aY,{className:"p-0",children:(0,a.jsxs)("div",{className:"flex flex-col items-center text-center px-6 pt-12 pb-12",children:[(0,a.jsxs)("div",{className:"h-28 w-28 rounded-full bg-[var(--glass-hover)] flex items-center justify-center relative",children:[(0,a.jsxs)("svg",{viewBox:"0 0 64 48",className:"h-14 w-14","aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M2 14 32 2l30 12v32H2z",fill:"#ff8a5c"}),(0,a.jsx)("path",{d:"M2 14 32 30 62 14v32H2z",fill:"var(--primary-dark)"}),(0,a.jsx)("path",{d:"M2 46 32 26l30 20z",fill:"#ff8a5c"})]}),(0,a.jsx)("span",{className:"absolute right-3 top-8 h-6 w-6 rounded-full bg-gray-400 text-white text-xs font-bold flex items-center justify-center border-2 border-[var(--glass)]",children:"0"})]}),(0,a.jsx)("h2",{className:"mt-6 text-lg font-bold text-[var(--text)]",children:"You don't have any notifications"}),(0,a.jsx)("p",{className:"mt-4 max-w-md text-[var(--text-muted)]",children:"Here you will be able to see all the notifications that we send you. Stay tuned"})]})})}):Z.map(e=>(0,a.jsx)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)] transition-all cursor-pointer hover:border-[var(--primary)]/30 hover:shadow-md ".concat(e.read?"":"border-[var(--primary)]/30 bg-[var(--primary)]/5"," ").concat((null==M?void 0:M.id)===e.id?"ring-2 ring-[var(--primary)]/50":""),onClick:()=>handleNotificationClick(e),children:(0,a.jsx)(l.aY,{className:"p-4",children:(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("div",{className:"mt-1",children:getNotificationIcon(e.type)}),(0,a.jsx)("div",{className:"flex-1 min-w-0",children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold truncate ".concat(e.read?"text-[var(--text-muted)]":"text-[var(--text)]"),children:e.title}),!e.read&&(0,a.jsx)("span",{className:"h-2 w-2 rounded-full bg-[var(--primary)] flex-shrink-0"})]}),(0,a.jsx)("p",{className:"text-sm text-[var(--text-muted)] mb-2 line-clamp-2",children:e.message}),(0,a.jsxs)("div",{className:"flex items-center gap-3 text-xs text-[var(--text-muted)]",children:[(0,a.jsx)("span",{children:e.time}),e.sellerName&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{children:"•"}),(0,a.jsx)("span",{children:e.sellerName})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[!e.read&&(0,a.jsx)(i.z,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:t=>{t.stopPropagation(),markAsRead(e.id)},title:"Mark as read",children:(0,a.jsx)(f.Z,{className:"h-4 w-4"})}),(0,a.jsx)(i.z,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0 text-[var(--alert-error-text)] hover:opacity-90",onClick:t=>{t.stopPropagation(),deleteNotification(e.id)},title:"Delete",children:(0,a.jsx)(g.Z,{className:"h-4 w-4"})})]})]})})]})})},e.id))})}),S&&M&&(0,a.jsx)("div",{className:"lg:w-1/2",children:(0,a.jsxs)(l.Zb,{className:"bg-[var(--glass)] border-[var(--glass-border)] lg:sticky lg:top-6",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between p-4 border-b border-[var(--glass-border)]",children:[(0,a.jsxs)(i.z,{variant:"ghost",size:"sm",onClick:handleCloseSplitView,className:"gap-2",children:[(0,a.jsx)(b.Z,{className:"h-4 w-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Back to List"}),(0,a.jsx)("span",{className:"sm:hidden",children:"Back"})]}),(0,a.jsx)(i.z,{variant:"ghost",size:"sm",onClick:handleCloseSplitView,className:"h-8 w-8 p-0 lg:hidden",title:"Close",children:(0,a.jsx)(j.Z,{className:"h-4 w-4"})})]}),(0,a.jsx)(l.Ol,{children:(0,a.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-[var(--primary)]/10",children:getNotificationIcon(M.type)}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-[var(--text)]",children:M.title}),M.orderId&&(0,a.jsxs)("p",{className:"text-sm text-[var(--text-muted)]",children:["Order #",M.orderId]})]})]}),(null===(e=M.details)||void 0===e?void 0:e.orderStatus)&&(0,a.jsx)("span",{className:"px-2 py-1 text-xs font-medium rounded-full border ".concat((e=>{switch(e){case"processing":return"text-amber-500 bg-amber-500/10 border-amber-500/20";case"shipped":return"text-blue-500 bg-blue-500/10 border-blue-500/20";case"delivered":return"text-green-500 bg-green-500/10 border-green-500/20";case"cancelled":return"text-red-500 bg-red-500/10 border-red-500/20";default:return"text-[var(--text-muted)] bg-[var(--glass-hover)] border-[var(--glass-border)]"}})(M.details.orderStatus)),children:M.details.orderStatus})]})}),(0,a.jsxs)(l.aY,{className:"space-y-6",children:[(null===(t=M.details)||void 0===t?void 0:t.date)&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-[var(--text-muted)]",children:[(0,a.jsx)(N.Z,{className:"h-4 w-4"}),(0,a.jsx)("span",{children:M.details.date})]}),(null===(s=M.details)||void 0===s?void 0:s.trackingNumber)&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,a.jsx)(c.Z,{className:"h-4 w-4 text-[var(--primary)]"}),(0,a.jsx)("span",{className:"text-[var(--text)]",children:"Tracking: "}),(0,a.jsx)("span",{className:"text-[var(--text-muted)] font-mono",children:M.details.trackingNumber})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-[var(--text)] mb-2",children:"Details"}),(0,a.jsx)("p",{className:"text-sm text-[var(--text-muted)] leading-relaxed",children:(null===(o=M.details)||void 0===o?void 0:o.description)||M.message})]}),(null===(w=M.details)||void 0===w?void 0:w.keyPoints)&&(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-[var(--text)] mb-2",children:"Key Points"}),(0,a.jsx)("ul",{className:"space-y-1",children:M.details.keyPoints.map((e,t)=>(0,a.jsxs)("li",{className:"text-sm text-[var(--text-muted)] flex items-start gap-2",children:[(0,a.jsx)("span",{className:"text-[var(--primary)]",children:"•"}),e]},t))})]}),(null===(k=M.details)||void 0===k?void 0:k.nextSteps)&&(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-[var(--text)] mb-2",children:"Next Steps"}),(0,a.jsx)("ul",{className:"space-y-1",children:M.details.nextSteps.map((e,t)=>(0,a.jsxs)("li",{className:"text-sm text-[var(--text-muted)] flex items-start gap-2",children:[(0,a.jsx)("span",{className:"text-[var(--primary)]",children:"→"}),e]},t))})]}),M.promoCode&&(0,a.jsxs)("div",{className:"bg-[var(--primary)]/10 p-4 rounded-lg border border-[var(--primary)]/20",children:[(0,a.jsx)("p",{className:"text-xs text-[var(--primary)] mb-1",children:"Promo Code"}),(0,a.jsx)("p",{className:"text-lg font-bold text-[var(--primary)]",children:M.promoCode})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3 pt-4 border-t border-[var(--glass-border)]",children:[(M.orderId||M.actionUrl)&&(0,a.jsx)(i.z,{className:"flex-1",style:{background:"var(--gradient)"},onClick:()=>{},children:"order"===M.type||"shipping"===M.type||"delivery"===M.type?"Track Order":"View Details"}),(0,a.jsxs)(i.z,{variant:"outline",className:"flex-1",onClick:()=>{},children:[(0,a.jsx)(y.Z,{className:"h-4 w-4 mr-2"}),M.sellerName?"Contact Seller":"Get Help"]})]}),(0,a.jsx)("p",{className:"text-xs text-center text-[var(--text-muted)] pt-2",children:"Double-click notification to close"})]})]})})]})]})}},23611:function(e,t,s){s.d(t,{z:function(){return l}});var a=s(57437),r=s(2265);let l=(0,r.forwardRef)((e,t)=>{let{className:s="",variant:r="primary",size:l="md",fullWidth:i,...n}=e;return(0,a.jsx)("button",{ref:t,className:"".concat("inline-flex items-center justify-center rounded-xl font-semibold tracking-tight transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-dark disabled:opacity-50 disabled:cursor-not-allowed shadow-sm"," ").concat({primary:"bg-[var(--primary)] text-white hover:bg-[var(--primary-hover)] hover:shadow-lg",secondary:"bg-[var(--glass)] text-[var(--text)] border border-[var(--glass-border)] hover:bg-[var(--glass-hover)]",outline:"border border-[var(--glass-border)] text-[var(--text)] bg-transparent hover:bg-[var(--glass)]",ghost:"bg-transparent text-[var(--text)] hover:bg-[var(--glass)]",destructive:"bg-red-500 text-white hover:bg-red-600 hover:shadow-lg"}[r]," ").concat({sm:"px-3 py-2 text-xs md:text-sm",md:"px-4 py-2.5 text-sm md:text-base",lg:"px-6 py-3 text-base md:text-lg"}[l]," ").concat(i?"w-full":""," ").concat(s),...n})});l.displayName="Button"},49598:function(e,t,s){s.d(t,{Ol:function(){return CardHeader},Zb:function(){return Card},aY:function(){return CardContent}});var a=s(57437);function Card(e){let{className:t="",children:s,...r}=e;return(0,a.jsx)("div",{className:"rounded-2xl border border-[var(--glass-border)] bg-[var(--glass-hover)] shadow-[var(--card-shadow)] ".concat(t),...r,children:s})}function CardHeader(e){let{className:t="",children:s,...r}=e;return(0,a.jsx)("div",{className:"px-6 py-4 border-b border-[color:rgba(148,163,184,0.25)] flex items-center justify-between gap-2 ".concat(t),...r,children:s})}function CardContent(e){let{className:t="",children:s,...r}=e;return(0,a.jsx)("div",{className:"px-6 py-5 space-y-4 ".concat(t),...r,children:s})}}}]);