https://qris66.xyz/_next/static/chunks/pages/notifications-00e3cf250d4cf28e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4412],{22392:(i,e,t)=>{"use strict";t.d(e,{xH:()=>x,iw:()=>m});var n=t(94482),a=t(79819),l=t(42252),o=t(4902),r=t(20830),d=t(17494),s=t(24464);class c{}(0,o.Cg)([(0,r.v)({name:"created_at"}),(0,d.Z)(()=>Date)],c.prototype,"createdAt",void 0);class u{}function m(i,e){return(0,n.oE)((0,a.q)(["getNotifications",null==i?void 0:i.params],e=>{let{pageParam:t=1}=e;return(0,n.hs)({url:"notifications",params:{...null==i?void 0:i.params,page:t}})},e),c)}function x(i,e){return(0,n.oE)((0,l.I)(["getNotification",null==i?void 0:i.notificationId],()=>(0,n.hs)({url:"notifications/".concat(null==i?void 0:i.notificationId)}),e),u)}(0,o.Cg)([(0,d.Z)(()=>s.qn)],u.prototype,"attachment",void 0),(0,o.Cg)([(0,r.v)({name:"created_at"}),(0,d.Z)(()=>Date)],u.prototype,"createdAt",void 0)},27554:(i,e,t)=>{"use strict";t.d(e,{A:()=>w});var n=t(37876),a=t(35878),l=t(23759),o=t(67213),r=t(14314),d=t(95591),s=t(67680),c=t(45615),u=t(35351),m=t(41218),x=t(55271),p=t(81639),g=t.n(p),h=t(14232),f=t(74695);(0,s.I4)("div",{display:"initial","@lg":{display:"none"}});let v=(0,s.I4)("header",{position:"fixed",top:0,display:"flex",flexDirection:"column",zIndex:1099,right:0,left:0,justifyContent:"center",boxShadow:"0px 0 4px rgba(0, 0, 0, 0.6)",background:"$primary1","@lg":{display:"none"}}),j=(0,s.I4)("div",{display:"flex",flex:1,maxHeight:8,flexDirection:"row",alignItems:"center",justifyContent:"space-between",px:16}),I=(0,s.I4)("div",{zIndex:10}),y=(0,s.I4)("div",{}),b=(0,s.I4)("div",{marginLeft:8,display:"flex",flexDirection:"row",paddingLeft:0});function w(i){var e,t,s,p;let[w,N]=h.useState(!1),{credential:k}=(0,m.lg)(),{website:M}=(0,u.NQ)(),{theme:D,themeName:E}=(0,c.DP)(),L=(0,f.d4)(x.o_.userSelector),H=h.useMemo(()=>"unset",[E]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(v,{className:A.container(),children:[(0,n.jsxs)(j,{children:[(0,n.jsx)(I,{children:(0,n.jsx)(r._y,{})}),(0,n.jsx)(y,{children:(0,n.jsx)(d.s,{href:"/",passHref:!0,children:(null==M||null==(t=M.website)||null==(e=t.images)?void 0:e.mobileLogo)&&(0,n.jsx)(C,{alt:"",src:null==M||null==(p=M.website)||null==(s=p.images)?void 0:s.mobileLogo,fill:!0,style:{filter:H,objectFit:"contain",alignSelf:"center"}})})}),(0,n.jsx)(b,{children:!!k&&(0,n.jsxs)(_,{children:[(0,n.jsx)(g(),{href:"/notifications",passHref:!0,className:A.aLink(),children:(0,n.jsx)(a.AB,{color:D.colors.primary4})}),((null==L?void 0:L.unreadNotificationCount)||0)>0&&(0,n.jsx)(B,{children:(0,n.jsx)(r.EY,{variant:"captionRegular",children:null==L?void 0:L.unreadNotificationCount})})]})})]}),(0,n.jsx)(o.A,{isLoginFormOpen:w,setIsLoginFormOpen:N})]}),(0,n.jsx)(l.A,{variant:"mobile"})]})}(0,s.I4)("div",{display:"flex",alignItems:"center",padding:"4px 16px"}),(0,s.I4)("div",{display:"flex",alignItems:"center"}),(0,s.I4)("div",{display:"flex",flex:1,justifyContent:"center",alignItems:"center"}),(0,s.I4)("div",{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"}),(0,s.I4)("div",{marginTop:"64px"}),(0,s.I4)("div",{display:"flex",flexWrap:"wrap"}),(0,s.I4)("div",{width:"6%","@md":{display:"none"}}),(0,s.I4)("div",{display:"none","@md":{display:"block",minWidth:"2.5%"}}),(0,s.I4)("div",{display:"flex",flex:1,justifyContent:"center",marginTop:"$space24"}),(0,s.I4)("div",{position:"absolute",top:-16,right:-80,bottom:0,left:-80}),(0,s.I4)("div",{}),(0,s.I4)("div",{padding:32,borderRadius:2,marginTop:"$space48"}),(0,s.I4)("div",{borderBottom:"1px solid white",paddingBottom:"$space16",marginBottom:"$space24"}),(0,s.I4)("div",{display:"flex",flexDirection:"column",justifyContent:"center"}),(0,s.I4)("div",{}),(0,s.I4)("img",{width:90,height:90,objectFit:"contain"}),(0,s.I4)("div",{marginBottom:"$space8"}),(0,s.I4)("div",{display:"flex",flexDirection:"row",marginTop:108,flexWrap:"wrap",justifyContent:"space-between"}),(0,s.I4)("div",{width:"100%",marginBottom:"48px","@md":{width:"47%"},"@lg":{width:"22%",marginBottom:"unset"}}),(0,s.I4)("div",{marginBottom:32}),(0,s.I4)("div",{});let A={container:(0,s.AH)({height:"60px"}),button:(0,s.AH)({"@md":{minWidth:100}}),transactionButton:(0,s.AH)({height:28}),displayNone:(0,s.AH)({display:"none !important"}),aLink:(0,s.AH)({textDecoration:"none"})},C=(0,s.I4)(r.UB,{maxHeight:36,paddingLeft:12}),_=(0,s.I4)("div",{position:"relative"}),B=(0,s.I4)("div",{width:16,height:16,background:"$error",position:"absolute",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",top:-8,right:-8})},57977:(i,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/notifications",function(){return t(93214)}])},88879:(i,e,t)=>{"use strict";t.d(e,{m:()=>n.A});var n=t(89417)},93214:(i,e,t)=>{"use strict";t.r(e),t.d(e,{__N_SSP:()=>U,default:()=>X});var n=t(37876),a=t(35351),l=t(88879),o=t(22392),r=t(35878),d=t(14314),s=t(70208),c=t(93124),u=t

1(20182),m=t(27554),x=t(67680),p=t(66364),g=t(45615),h=t(29243),f=t(9703),v=t(52913),j=t(14232),I=t(63853),y=t(93551),b=t.n(y),w=t(48230),A=t.n(w);function C(i){let{text:e}=i;return(0,n.jsx)(k,{children:(0,n.jsx)(d.EY,{variant:{"@initial":"subtitle2Medium","@lg":"h6Medium"},children:e})})}function _(i){var e,t,a,l,o,r;let{index:s}=i,{theme:c}=(0,g.DP)();return(0,n.jsxs)(n.Fragment,{children:[!!s&&(0,n.jsx)(N,{}),(0,n.jsx)(A(),{href:"/notifications/".concat(null==i||null==(e=i.data)?void 0:e.id),className:$.aLink(),children:(0,n.jsxs)(M,{children:[(0,n.jsxs)(D,{children:[(0,n.jsx)(L,{children:(0,n.jsx)(B,{children:(0,n.jsx)(d.EY,{variant:{"@initial":"subtitle1Medium","@lg":"h6Medium"},children:null==i||null==(t=i.data)?void 0:t.title})})}),(0,n.jsx)(H,{children:(0,n.jsx)(d.EY,{variant:{"@initial":"subtitle1Medium","@lg":"h6Medium"},children:(null==i||null==(a=i.data)?void 0:a.createdAt)?(0,h.default)(null==i||null==(l=i.data)?void 0:l.createdAt,"hh.mm"):""})})]}),(0,n.jsx)(E,{children:(null==i||null==(o=i.data)?void 0:o.subject)&&(0,n.jsx)(d.EY,{dangerouslySetInnerHTML:{__html:b()(JSON.parse(null==i||null==(r=i.data)?void 0:r.subject))}})})]})})]})}let B=(0,x.I4)("div",{marginRight:12}),N=(0,x.I4)("div",{borderBottom:"1px solid $divider1",margin:"24px 0"}),k=(0,x.I4)("div",{padding:"8px 16px",marginBottom:24,background:"$primary5","@maxlg":{marginBottom:16}}),M=(0,x.I4)("div",{cursor:"pointer","@maxlg":{margin:"0 16px"}}),D=(0,x.I4)("div",{display:"flex",flex:1,marginBottom:2,alignItems:"center"}),E=(0,x.I4)("div",{marginTop:16}),L=(0,x.I4)("div",{alignItems:"center",display:"flex",flex:1,flexWrap:"wrap"}),H=(0,x.I4)("div",{}),$={aLink:(0,x.AH)({textDecoration:"none"})},P=(0,x.I4)("div",{background:"$primary1"}),S=(0,x.I4)("div",{display:"flex",flex:1,paddingBottom:24,alignItems:"center",borderBottom:"4px solid rgba(211, 217, 222, 0.4)","@maxlg":{justifyContent:"flex-end"}}),T=(0,x.I4)("div",{display:"flex",flex:1,"@maxlg":{display:"none"}}),F=(0,x.I4)("div",{marginLeft:16,display:"flex","@maxlg":{justifyContent:"flex-end",flex:1,marginLeft:0,marginTop:24,marginRight:0}});function R(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(z,{}),(0,n.jsx)(z,{}),(0,n.jsx)(z,{}),(0,n.jsx)(z,{}),(0,n.jsx)(z,{})]})}function W(){let{t:i}=(0,v.A)(),[e,t]=j.useState(""),[a]=(0,I.d7)(e,1e3),{theme:l}=(0,g.DP)(),{data:x,isLoading:y,isFetching:b,refetch:w,error:A,fetchNextPage:B,hasNextPage:N,isFetchingNextPage:k}=(0,o.iw)({params:{q:a,limit:1}},{getNextPageParam:(i,e)=>{let t=(0,f.camelizeKeys)(i);return t.meta.currentPage!==t.meta.lastPage?t.meta.currentPage+1:void 0}}),M=j.useMemo(()=>{if(null==x?void 0:x.pages){var i;return null==x||null==(i=x.pages)?void 0:i.reduce((i,e)=>[...i,...e.data],[])}return[]},[null==x?void 0:x.pages]),D=j.useMemo(()=>{let e=[];return M&&M.length&&M.forEach(t=>{var n;if(n=t.createdAt,+(new Date().toDateString()!==n.toDateString())){let i=(0,h.default)(t.createdAt,"dd MMMM yyyy"),n=null==e?void 0:e.find(e=>(null==e?void 0:e.title)===i);n?n.notifications.push(t):e.push({title:i,notifications:[t]})}else{let n=null==e?void 0:e.find(e=>(null==e?void 0:e.title)===i("common:today"));n?n.notifications.push(t):e.push({title:i("common:today"),notifications:[t]})}}),e},[M,i]);return(0,n.jsxs)(d.UC,{mobileOnly:!0,children:[(0,n.jsx)(m.A,{showMarquee:!0}),(0,n.jsx)(P,{children:(0,n.jsxs)(u.w,{variant:"withMaxWidth",children:[(0,n.jsxs)(S,{children:[(0,n.jsx)(T,{children:(0,n.jsx)(d.EY,{variant:"h4Bold",children:i("common:notification")})}),(0,n.jsx)(F,{children:(0,n.jsx)(q,{children:(0,n.jsx)(c.Ay,{inputClassName:Z.input(),required:!0,value:e,onChange:i=>{t(i.currentTarget.value)},startEnhancer:(0,n.jsx)(r.VZ,{color:l.colors.primary4,width:16,height:16}),placeholderColor:p.A.disabled,placeholder:i("common:find_message_here")})})})]}),(0,n.jsx)(s.A,{loadingComponent:(0,n.jsx)(R,{}),isLoading:(y||b)&&!k,error:A,onRetry:w,component:(0,n.jsxs)(n.Fragment,{children:[D.map(i=>(0,n.jsxs)(Y,{children:[(0,n.jsx)(C,{text:i.title}),i.notifications.map((i,e)=>(0,n.jsx)(_,{data:i,index:e},i.id))]})),(0,n.jsx)(O,{children:N&&(0,n.jsx)(d.$n,{loading:k,onClick:()=>B(),children:i("common:load_more")})})]})})]})})]})}let O=(0,x.I4)("div",{display:"flex",flex:1,marginTop:32,marginBottom:32,alignItems:"center",justifyContent:"center"}),Y=(0,x.I4)("div",{marginBottom:"24px"}),q=(0,x.I4)("div",{minWidth:350,borderRadius:54,background:"$inputBackgroun

1d","@maxlg":{minWidth:"100%"}}),Z={input:(0,x.AH)({border:"unset !important"})},z=(0,x.I4)("div",{borderRadius:2,height:180,width:"100%",background:"$loading",marginBottom:16});var U=!0;function X(i){return(0,n.jsx)(a.Ay,{value:i,children:(0,n.jsx)(l.m,{children:(0,n.jsx)(W,{})})})}}},i=>{var e=e=>i(i.s=e);i.O(0,[2252,9570,9089,8827,4346,9243,4314,9417,636,6593,8792],()=>e(57977)),_N_E=i.O()}]);