https://tcebaby.com.my/_next/static/chunks/pages/account/inbox/[id]-69df174e5cff0865.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="e7a2d26a-8259-4910-b80c-bd6ccaa1d01a",e._sentryDebugIdIdentifier="sentry-dbid-e7a2d26a-8259-4910-b80c-bd6ccaa1d01a")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2385],{98814:function(e,s,t){"use strict";t.d(s,{Z:function(){return n}});var a=t(91373);/**
2 * @license lucide-react v0.436.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */let n=(0,a.Z)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},92048:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/inbox/[id]",function(){return t(54625)}])},44006:function(e,s,t){"use strict";var a=t(85893);t(67294);let n=e=>{let{title:s="My Cart"}=e;return(0,a.jsx)("div",{className:"bg-[#FFEB02] p-8 px-10",children:(0,a.jsx)("div",{className:"mx-4",children:(0,a.jsx)("h1",{className:"text-3xl font-bold",children:s})})})};s.Z=n},81614:function(e,s,t){"use strict";var a=t(85893),n=t(36408);let i=e=>{let{color:s,title:t,links:i,active:l,onMenuClicked:r,className:c}=e;return(0,a.jsxs)("div",{className:(0,n.cn)(["hidden p-8 h-full md:block",s||"bg-white",c]),children:[(0,a.jsx)("div",{className:"mb-10 text-xl font-extrabold",children:t}),i.map(e=>{var s;let t=!!(l===e.slug||e.path&&e.path.includes(l));return(0,a.jsx)("div",{className:"table mb-5 font-bold",onClick:()=>r(null!==(s=e.path)&&void 0!==s?s:"/account/?page="+e.slug),children:(0,a.jsx)("span",{className:"".concat(t?"text-black":"text-gray-600"," hover:cursor-pointer hover:text-black"),children:e.label})},e.slug)})]})};s.Z=i},2351:function(e,s,t){"use strict";t.d(s,{Y:function(){return i}});var a=t(85893),n=t(36408);let i=e=>{let{children:s,className:t}=e;return(0,a.jsx)("div",{className:(0,n.cn)("overflow-x-auto px-5 py-3 space-y-3 w-full bg-white rounded-xl border-4 border-gray-200",t),children:s})}},13564:function(e,s,t){"use strict";var a=t(85893);let n=e=>{let{children:s,className:t,isHeader:n=!1}=e,i="relative md:container md:mx-auto ".concat(n?"py-3":"py-10"," px-3 md:px-5"),l=t&&t.length>0,r=l?i.concat(" ".concat(t)):i;return(0,a.jsx)("div",{className:r,children:s})};s.Z=n},79814:function(e,s,t){"use strict";var a=t(85893);t(67294);var n=t(29238),i=t.n(n);let l=e=>{let{children:s,className:t}=e;if(!s)return null;let n=i().sanitize(s);return(0,a.jsx)("div",{className:t,dangerouslySetInnerHTML:{__html:n}})};s.Z=l},54625:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return w},default:function(){return _}});var a=t(85893),n=t(44006),i=t(81614),l=t(97719),r=t(11163),c=t(76789),d=t(91373);/**
7 * @license lucide-react v0.436.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */let o=(0,d.Z)("MessageSquare",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);var x=t(85594),u=t(98814),m=t(13564),h=t(79814),f=t(2351),b=t(34850),g=t(11871),y=t(21508),p=t(67294);let j=()=>(0,a.jsx)(f.Y,{className:"p-6 animate-pulse md:p-8",children:(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("div",{className:"w-3/4 h-7 bg-gray-100 rounded"}),(0,a.jsx)("div",{className:"w-48 h-5 bg-gray-100 rounded"}),(0,a.jsxs)("div",{className:"pt-6 space-y-4 border-t",children:[(0,a.jsx)("div",{className:"w-full h-4 bg-gray-100 rounded"}),(0,a.jsx)("div",{className:"w-full h-4 bg-gray-100 rounded"}),(0,a.jsx)("div",{className:"w-2/3 h-4 bg-gray-100 rounded"})]})]})}),N=()=>(0,a.jsx)(f.Y,{className:"py-16",children:(0,a.jsxs)("div",{className:"flex flex-col items-center text-center",children:[(0,a.jsx)(c.Z,{className:"mb-4 w-8 h-8 text-gray-400"}),(0,a.jsx)("h3",{className:"text-lg font-medium text-gray-900",children:"Inbox not found"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-gray-500",children:"This inbox may have been deleted or expired"})]})}),v=e=>{let{userLinks:s}=(0,y.d)(),t=l.SX.useUtils(),c=(0,r.useRouter)(),{id:d}=c.query,{data:v,isLoading:w}=l.SX.users.notifications.getNotificationById.useQuery({notificationId:d},{enabled:!!d}),_=l.SX.users.notifications.markAsRead.useMutation({onSuccess:()=>{t.users.notifications.getNotificationById.invalidate({notificationId:d}),t.users.notifications.getUserNotification.invalidate(),t.users.notifications.getUnreadNotificationsCount.invali

11date()}}),k=()=>{c.push("/account/inbox")};return(0,p.useEffect)(()=>{v&&!v.readAt&&_.mutate({notificationId:v._id.toString()})},[v]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Z,{title:"Inbox Details"}),(0,a.jsx)("div",{className:"flex flex-col min-h-screen",children:(0,a.jsxs)("div",{className:"flex flex-1",children:[(0,a.jsx)("div",{className:"hidden bg-white shadow-sm md:w-64 lg:w-72 xl:w-96 md:block",children:(0,a.jsx)(i.Z,{title:"Manage My Account",links:s,active:"inbox",onMenuClicked:e=>{c.push(e)},className:"p-8"})}),(0,a.jsx)("div",{className:"w-full bg-gray-100",children:(0,a.jsx)(m.Z,{children:(0,a.jsxs)("div",{className:"p-4 md:p-8",children:[(0,a.jsx)("div",{className:"mb-6",children:(0,a.jsxs)("button",{onClick:k,className:"inline-flex gap-2 items-center text-sm font-medium text-gray-600 hover:text-gray-900",children:[(0,a.jsx)(u.Z,{className:"w-4 h-4"}),"Back to inbox"]})}),(()=>{if(w||_.isPending)return(0,a.jsx)(j,{});if(!v)return(0,a.jsx)(N,{});let e=new Date(v.createdAt);return(0,a.jsxs)(f.Y,{children:[(0,a.jsx)("div",{className:"p-2 md:p-2",children:(0,a.jsxs)("div",{className:"flex gap-4 items-start",children:[(0,a.jsx)("div",{className:"flex-shrink-0",children:(0,a.jsx)("div",{className:"flex justify-center items-center rounded-full size-10 bg-baby-yellow-900/20",children:(0,a.jsx)(o,{className:"w-5 h-5 text-baby-yellow-500"})})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex gap-3 items-center",children:[(0,a.jsx)("h1",{className:"text-xl font-semibold text-gray-900",children:v.title}),!v.readAt&&(0,a.jsx)("span",{className:"px-2 py-0.5 text-xs font-medium bg-baby-yellow-50 text-baby-yellow-900 rounded-full",children:"Unread"})]}),(0,a.jsxs)("div",{className:"mt-2 text-sm text-gray-500",children:[(0,b.Z)(e,"MMMM d, yyyy")," at ",(0,b.Z)(e,"h:mm a")]})]})]})}),v.description&&(0,a.jsx)("div",{className:"px-6 py-4 bg-gray-50 md:px-8",children:(0,a.jsx)("p",{className:"text-sm text-gray-600",children:v.description})}),v.content&&(0,a.jsx)("div",{className:"p-6 border-t border-gray-100 md:p-8",children:(0,a.jsx)("div",{className:"max-w-none prose prose-gray",children:(0,a.jsx)(h.Z,{children:v.content})})}),!v.readAt&&(0,a.jsx)("div",{className:"flex justify-end p-6 bg-gray-50 md:p-8",children:(0,a.jsx)(g.default,{color:"yellow",label:"Mark as read",onClick:()=>_.mutate({notificationId:v._id.toString()}),children:(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsx)(x.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Mark as read"})]})})})]})})()]})})})]})})]})};var w=!0,_=v}},function(e){e.O(0,[9238,9774,2888,179],function(){return e(e.s=92048)}),_N_E=e.O()}]);