https://qris66.xyz/_next/static/chunks/pages/notifications/[id]-556bbd01b07e0bc7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2238],{22392:(i,e,t)=>{"use strict";t.d(e,{xH:()=>x,iw:()=>u});var n=t(94482),l=t(79819),a=t(42252),o=t(4902),d=t(20830),r=t(17494),s=t(24464);class c{}(0,o.Cg)([(0,d.v)({name:"created_at"}),(0,r.Z)(()=>Date)],c.prototype,"createdAt",void 0);class p{}function u(i,e){return(0,n.oE)((0,l.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,a.I)(["getNotification",null==i?void 0:i.notificationId],()=>(0,n.hs)({url:"notifications/".concat(null==i?void 0:i.notificationId)}),e),p)}(0,o.Cg)([(0,r.Z)(()=>s.qn)],p.prototype,"attachment",void 0),(0,o.Cg)([(0,d.v)({name:"created_at"}),(0,r.Z)(()=>Date)],p.prototype,"createdAt",void 0)},27554:(i,e,t)=>{"use strict";t.d(e,{A:()=>w});var n=t(37876),l=t(35878),a=t(23759),o=t(67213),d=t(14314),r=t(95591),s=t(67680),c=t(45615),p=t(35351),u=t(41218),x=t(55271),m=t(81639),v=t.n(m),g=t(14232),h=t(74695);(0,s.I4)("div",{display:"initial","@lg":{display:"none"}});let f=(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"}}),I=(0,s.I4)("div",{display:"flex",flex:1,maxHeight:8,flexDirection:"row",alignItems:"center",justifyContent:"space-between",px:16}),j=(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,m;let[w,N]=g.useState(!1),{credential:E}=(0,u.lg)(),{website:H}=(0,p.NQ)(),{theme:$,themeName:k}=(0,c.DP)(),D=(0,h.d4)(x.o_.userSelector),L=g.useMemo(()=>"unset",[k]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(f,{className:_.container(),children:[(0,n.jsxs)(I,{children:[(0,n.jsx)(j,{children:(0,n.jsx)(d._y,{})}),(0,n.jsx)(y,{children:(0,n.jsx)(r.s,{href:"/",passHref:!0,children:(null==H||null==(t=H.website)||null==(e=t.images)?void 0:e.mobileLogo)&&(0,n.jsx)(A,{alt:"",src:null==H||null==(m

1=H.website)||null==(s=m.images)?void 0:s.mobileLogo,fill:!0,style:{filter:L,objectFit:"contain",alignSelf:"center"}})})}),(0,n.jsx)(b,{children:!!E&&(0,n.jsxs)(C,{children:[(0,n.jsx)(v(),{href:"/notifications",passHref:!0,className:_.aLink(),children:(0,n.jsx)(l.AB,{color:$.colors.primary4})}),((null==D?void 0:D.unreadNotificationCount)||0)>0&&(0,n.jsx)(B,{children:(0,n.jsx)(d.EY,{variant:"captionRegular",children:null==D?void 0:D.unreadNotificationCount})})]})})]}),(0,n.jsx)(o.A,{isLoginFormOpen:w,setIsLoginFormOpen:N})]}),(0,n.jsx)(a.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 _={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"})},A=(0,s.I4)(d.UB,{maxHeight:36,paddingLeft:12}),C=(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})},77108:(i,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/notifications/[id]",function(){return t(85563)}])},85563:(i,e,t)=>{"use strict";t.r(e),t.d(e,{__N_SSP:()=>$,default:()=>k});var n=t(37876),l=t(35351),a=t(88879),o=t(22392),d=t(14314),r=t(70208),s=t(20182),c=t(27554),p=t(67680),u=t(45615),x=t(52913);t(14232);var m=t(29243),v=t(93551),g=t.n(v);function h(i){var e,t;let{data:l}=i,{theme:a}=(0,u.DP)();return(0,n.jsx)(I,{children:(0,n.jsxs)(y,{children:[(0,n.jsx)(b,{children:(0,n.jsx)(_,{children:(0,n.jsx)(j,{children:(0,n.jsx)(d.EY,{variant:{"@initial":"subtitle1Medium","@lg":"h6Medium"},children:null==l?void 0:l.title})})})}),(0,n.jsx)(d.EY,{variant:{"@initial":"body2Regular","@lg":"body1Regular"},children:(null==l?void 0:l.createdAt)?(0,m.default)(null==l?void 0:l.createdAt,"dd MMMM yyyy, hh.mm"):""}),(0,n.jsx)(f,{}),(0,n.jsx)(w,{children:(null==l?void 0:l.subject)&&(0,n.jsx)(d.EY,{dangerouslySetInnerHTML:{__html:g()(JSON.parse(null==i||null==(e=i.data)?void 0:e.subject))}})}),(0,n.jsx)(A,{src:null==l||null==(t=l.attachment)?void 0:t.url,alt:"attachment"})]})})}let f=(0,p.I4)("div",{borderBottom:"1px solid $divider1",margin:"24px 0"}),I=(0,p.I4)("div",{marginTop:24}),j=(0,p.I4)("div",{marginRight:8}),y=(0,p.I4)("div",{}),b=(0,p.I4)("div",{display:"flex",flex:1,marginBottom:2,alignItems:"center"}),w=(0,p.I4)("div",{marginTop:16}),_=(0,p.I4)("div",{alignItems:"center",display:"flex",flex:1,flexWrap:"wrap"}),A=(0,p.I4)("img",{}),C=(0,p.I4)("div",{background:"$primary1"}),B=(0,p.I4)("div",{pb:16,borderBottom:"4px solid $divider1",marginBottom:"$space24"});function N(i){let{t:e}=(0,x.A)(),{id:t}=i,{theme:l}=(0,u.DP)(),{data:a,isLoading:p,error:m,isFetching:v,refetch:g}=(0,o.xH)({notificationId:t},{enabled:!!t});return(0,n.jsxs)(d.UC,{mobileOnly:!0,children:[(0,n.jsx)(c.A,{showMarquee:!0}),(0,n.jsx)(C,{children:(0,n.jsxs)(s.w,{variant:"withMaxWidth",children:[(0,n.jsx)(B,{children:(0,n.jsx)(d.EY,{variant:{"@initial":"h5Bold","@lg":"h4Bold"},children:e("common:notification")})}),(0,n.jsx)(r.A,{isLoading:p||v,error:m,onRetry:g,loadingComponent:(0,n.jsx)(E,{}),component:(0,n.jsx)(n.Fragment,{children:(null==a?void 0:a.data)&&(0,n.jsx)(h,{data:a.data})})})]})})]})}let E=(0,p.I4)("div",{width:"100%",background:"$loading",height:"400px",borderRadius:2});var H=t(89099),$=!0;function k(i){var e;let t=(0,H.useRouter)();return(0,n.jsx)(l.Ay,{value:i,children:(0,n.jsx)(a.m,{children:(0,n.jsx)(N,{id:(null==t||null==(e=t.query)?void 0:e.id)||""})})})}},88879:(i,e,t)=>{"use strict";t.d(e,{m:()=>n.A});var n=t(89417)}},i=>{var e=e=>i(i.s=e);i.O(0,[2252,9570,9089,8827,4346,9243,4314,9417,636,6593,8792],()=>e(77108)),_N_E=i.O()}]);