https://soople.io/_next/static/chunks/819.0e60971acdf8071c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[819],{58476:function(e,t,r){var a=r(35944),i=r(16829),n=r(57757),o=r(94165),c=r(24240);t.Z=function(e){var t=e.imageUrl,r=e.svg,i=e.imageName,o=e.emptyText,d=e.buttonText,u=e.buttonColor,f=e.onClick,h=e.href,m=e.marginTop;return(0,a.BX)(l,{marginTop:void 0===m?"24px":m,children:[(0,a.BX)("div",{className:"empty-state-image",children:[t&&(0,a.tZ)("img",{src:t,alt:(0,n.removeNullable)(i)}),r]}),(0,a.tZ)(s,{children:o}),d&&(0,a.tZ)(c.Z,{color:void 0===u?"primary":u,size:"medium",type:"button",onClick:f,href:h,children:d})]})};var l=(0,i.Z)("section",{target:"eneussr0"})("display:flex;flex-direction:column;align-items:center;margin-top:",e=>e.marginTop,";.empty-state-image{margin-bottom:24px;}"),s=(0,i.Z)("div",{target:"eneussr1"})("margin-bottom:16px;white-space:pre-line;text-align:center;",(0,o.rJ)(!0),";color:",e=>e.theme.accent5,";")},62819:function(e,t,r){r.r(t),r.d(t,{default:function(){return G}});var a,i,n,o,c,l,s=r(35944),d=r(67294),u=r(16829),f=r(57757),h=r(29156),m=r(58476),p=r(41664),g=r.n(p),v=r(70917),b=r(27484),E=r.n(b),w=r(94165),y=r(44819);function x(){return(x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}function M(){return(M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var P={study:"스터디",project:"프로젝트"},Z=(0,d.memo)((0,d.forwardRef)(function(e,t){var r=e.alarm,a=e.onClick,i=r.group,n=r.createdAt,o=r.type,c=r.applicant,l=r.isViewed,d=r.uid,u={confirmed:(0,s.tZ)(k,{}),rejected:(0,s.tZ)(j,{}),applied:(0,s.tZ)(y.Z,{src:null==c?void 0:c.image})},h={confirmed:"축하드려요 \uD83C\uDF89 ".concat(P[i.category],"의 팀원이 되었어요. 지금 바로 팀장이 보낸 메시지를 확인해볼까요?"),rejected:"아쉽게도 ".concat(P[i.category],"의 팀원이 되지 않았어요."),applied:"".concat((0,f.removeNullable)(null==c?void 0:c.name),"님이 팀원을 신청했어요.")},m="applied"===o?"/detail/".concat(i.groupId,"/applicants?applicant=").concat((0,f.removeNullable)(null==c?void 0:c.uid)):"/detail/".concat(i.groupId);return(0,s.BX)(_,{href:m,isViewed:l,onClick:()=>{l||a(d)},ref:t,children:[(0,s.tZ)(z,{children:u[o]}),(0,s.BX)(C,{children:[(0,s.BX)(N,{children:[(0,s.tZ)("div",{children:i.title}),(0,s.tZ)("div",{className:"date-status",children:E()(n).fromNow()})]}),(0,s.tZ)("div",{children:h[o]})]})]})})),_=(0,u.Z)(g(),{shouldForwardProp:e=>"isViewed"!==e,target:"e44a6jr0"})("display:flex;flex-direction:row;padding:24px 16px 24px 16px;border-bottom:0.5px solid ",e=>e.theme.accent2,";",e=>!e.isViewed&&(0,v.css)("background-color:rgba(35,205,75,0.08);")),z=(0,u.Z)("div",{target:"e44a6jr1"})("margin-right:12px;"),C=(0,u.Z)("div",{target:"e44a6jr2"})((0,w.Nr)(),";width:100%;display:flex;flex-direction:column;color:",e=>e.theme.foreground,";"),N=(0,u.Z)("div",{target:"e44a6jr3"})((0,w.Nr)(!0),";width:100%;color:",e=>e.theme.accent6,";display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2px;.date-status{",(0,w.T7)(),";}"),k=(0,u.Z)(e=>d.createElement("svg",x({width:32,height:32,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=d.createElement("path",{fill:"#FFCC4D",d:"M0 0h32v32H0z"})),i||(i=d.createElement("g",{clipPath:"url(#img_alarm_confirmed_svg__a)"},d.createElement("path",{d:"M12.46 10.16a.788.788 0 0 0-.15.22l-.004-.005-6.231 14.037.006.006c-.116.224.078.68.474 1.076.396.396.852.59 1.075.474l.006.005 14.037-6.231-.005-.005a.769.769 0 0 0 .22-.15c.867-.867-.54-3.681-3.143-6.285-2.603-2.603-5.417-4.01-6.286-3.142z",fill:"#DD2E44"}),d.createElement("path",{d:"M13.223 12.667 6.232 24.059l-.157.353.006.006c-.116.224.078.68.474 1.076.129.129.263.227.394.31l8.496-10.36-2.222-2.777z",fill:"#EA596E"}),d.createElement("path",{d:"M18.784 13.259c2.595 2.595 4.035 5.362 3.216 6.18-.818.819-3.585-.621-6.18-3.216-2.596-2.595-4.036-5.363-3.218-6.181.82-.819 3.586.621 6.182 3.217z",fill:"#A0041E"}),d.createElement("path",{d:"M16.327 13.56a.55.55 0 0 1-.407.12c-.483-.052-.888-.22-1.172-.485-.3-.28-.449-.657-.408-1.034.07-.663.735-1.27 1.868-1.148.44.047.637-.095.644-.162.008-.068-.154-.248-.595-.296-.482-.052-.887-.22-1.172-.485-.3-.28-.45-.657-.408-1.034.072-.663.736-1.27 1.868-1.148.32.035.49-.031.562-.074.057-.035.08-.068.082-.088.007-.067-.153-.248-.594

1-.295a.555.555 0 1 1 .119-1.105c1.132.122 1.652.857 1.58 1.52-.072.663-.736 1.27-1.869 1.148-.321-.035-.489.032-.561.074-.057.035-.08.069-.083.088-.007.067.154.247.595.295 1.132.122 1.652.857 1.58 1.52-.071.662-.735 1.27-1.867 1.147-.322-.035-.49.032-.563.074-.057.036-.08.07-.082.088-.007.067.153.248.594.296a.556.556 0 0 1 .29.984z",fill:"#AA8DD8"}),d.createElement("path",{d:"M23.034 18.698c1.096-.31 1.852.18 2.032.822.18.64-.21 1.452-1.306 1.76-.427.12-.556.325-.539.39.02.066.237.173.663.053 1.096-.308 1.852.18 2.032.822.181.641-.21 1.452-1.306 1.76-.427.12-.556.326-.537.39.018.066.235.173.662.053a.556.556 0 0 1 .3 1.07c-1.095.308-1.852-.18-2.033-.822-.18-.641.21-1.451 1.307-1.76.428-.121.556-.325.537-.39-.017-.065-.234-.174-.66-.054-1.097.31-1.853-.179-2.033-.821-.18-.642.21-1.452 1.306-1.762.426-.119.555-.325.537-.389-.019-.066-.235-.173-.662-.053a.555.555 0 1 1-.3-1.069z",fill:"#77B255"}),d.createElement("path",{d:"M18.779 17.2a.556.556 0 0 1-.348-.99c.121-.097 3.01-2.366 7.093-1.782a.555.555 0 1 1-.158 1.1c-3.607-.513-6.215 1.53-6.24 1.55a.555.555 0 0 1-.347.122z",fill:"#AA8DD8"}),d.createElement("path",{d:"M9.197 14.889a.555.555 0 0 1-.532-.715c.63-2.096 1.2-5.441.499-6.313-.079-.1-.197-.197-.468-.176-.521.04-.472 1.14-.471 1.15a.555.555 0 1 1-1.108.083c-.057-.766.181-2.241 1.496-2.34.586-.045 1.074.159 1.417.586 1.318 1.64-.02 6.393-.3 7.33a.556.556 0 0 1-.533.395z",fill:"#77B255"}),d.createElement("path",{d:"M20.166 12.111a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667z",fill:"#5C913B"}),d.createElement("path",{d:"M7.111 17.111a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222z",fill:"#9266CC"}),d.createElement("path",{d:"M24.056 17.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667zm-5 6.666a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666z",fill:"#5C913B"}),d.createElement("path",{d:"M21.555 9.333a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222zm2.501 2.223a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667zm-1.667 2.222a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667z",fill:"#F04E4E"}),d.createElement("path",{d:"M10.166 19.889a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667z",fill:"#499DDF"}))),n||(n=d.createElement("defs",null,d.createElement("clipPath",{id:"img_alarm_confirmed_svg__a"},d.createElement("path",{fill:"#fff",transform:"translate(6 6)",d:"M0 0h20v20H0z"}))))),{target:"e44a6jr4"})("border-radius:16px;"),j=(0,u.Z)(e=>d.createElement("svg",M({width:32,height:32,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=d.createElement("path",{fill:"#757984",d:"M0 0h32v32H0z"})),c||(c=d.createElement("g",{clipPath:"url(#img_alarm_rejected_svg__a)"},d.createElement("path",{d:"M26 16c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10 0-5.522 4.478-10 10-10 5.523 0 10 4.478 10 10z",fill:"#FFCC4D"}),d.createElement("path",{d:"M12.389 17.389c.767 0 1.389-.87 1.389-1.945 0-1.073-.622-1.944-1.39-1.944-.766 0-1.388.87-1.388 1.944 0 1.074.622 1.945 1.389 1.945zm7.222 0c.768 0 1.39-.87 1.39-1.945 0-1.073-.622-1.944-1.39-1.944-.767 0-1.388.87-1.388 1.944 0 1.074.622 1.945 1.389 1.945zM9.332 13.5a.556.556 0 0 1-.444-.889c1.813-2.417 4.232-2.444 4.334-2.444a.556.556 0 0 1 .002 1.11c-.086.002-1.982.049-3.447 2a.554.554 0 0 1-.445.223zm13.335 0a.554.554 0 0 1-.445-.222c-1.468-1.956-3.367-2-3.448-2a.557.557 0 0 1 .003-1.111c.102 0 2.52.027 4.334 2.444a.555.555 0 0 1-.444.889zm-3.62 8.266c-.006-.024-.636-2.433-3.048-2.433-2.41 0-3.04 2.409-3.047 2.433-.03.118.025.24.13.302a.28.28 0 0 0 .33-.033c.005-.005.563-.48 2.587-.48 1.995 0 2.565.462 2.587.48a.278.278 0 0 0 .46-.269z",fill:"#664500"}),d.createElement("path",{d:"M14.889 23.222a2.777 2.777 0 1 1-5.556 0c0-1.534 2.222-5.555 2.778-5.555.555 0 2.778 4.02 2.778 5.555z",fill:"#5DADEC"}))),l||(l=d.createElement("defs",null,d.createElement("clipPath",{id:"img_alarm_rejected_svg__a"},d.createElement("path",{fill:"#fff",transform:"translate(6 6)",d:"M0 0h20v20H0z"}))))),{target:"e44a6jr5"})("border-radius:16px;"),O=r(66734),R=(0,d.memo)(function(e){var t=e.alarms,r=e.refState,a=e.isLoading,i=e.onClickAlarm;return(0,f.isEmpty)(t)||(0,f.isEmpty)(t[0].items)?(0,s.tZ)(m.Z,{emptyText:"알림이 없어요.",marginTop:"80px"}):(0,s.BX)(s.HY,{children:[(0,s.tZ)(V,{children:t.map(e=>{var t=e.items;return t.map((e,a)=>{var n=a===t.length-1;return(0,s.tZ)(Z,{alarm:e,onClick:i,ref:(0,h.E)(!n)(r.lastItemRef)}

1,e.uid)})})}),a&&(0,s.tZ)(O.Z,{})]})}),V=(0,u.Z)("div",{target:"e1wleojq0"})("& > a:last-of-type{border-bottom:none;}"),D=r(20567),A=r(14932),B=r(59403),I=r(26721),F=r(92942),S=function(e){var t=e.userUid,r=(0,B.N)(["alarms"],e=>{var r=e.pageParam;return(0,F.Gx)(t,{perPage:15,lastUid:r})},{getNextPageParam:e=>e.lastUid,enabled:!!t,suspense:!0,useErrorBoundary:!0}),a=r.hasNextPage,i=r.fetchNextPage,n=(0,I.Z)({intersectionOptions:{rootMargin:"20px"},isRoot:!0,fetchNextPage:i,hasNextPage:a});return(0,d.useMemo)(()=>{var e;return{query:(0,A._)((0,D._)({},r),{data:(0,A._)((0,D._)({},r.data),{pages:(0,f.checkEmpty)(null===(e=r.data)||void 0===e?void 0:e.pages)})}),refState:n}},[r,n])},T=r(85945),X=r(48228),H=r(11315),U=function(){var e=(0,T.NL)(),t=(0,X.D)(e=>(0,F.Iw)(e),{onSuccess:()=>e.invalidateQueries(["alarms"])}),r=t.isError,a=t.error;return(0,H.Z)({isError:r,error:a,defaultErrorMessage:"알람 상태를 업데이트하는데 실패했어요! 잠시 후 다시 시도해주세요."}),t},q=r(47901),G=function(){var e=(0,q.Z)({suspense:!0,useErrorBoundary:!0}).data,t=S({userUid:null==e?void 0:e.uid}),r=t.query,a=t.refState,i=U().mutate,n=(0,d.useCallback)(e=>i(e),[i]);return(0,s.tZ)(R,{refState:a,alarms:r.data.pages,onClickAlarm:n,isLoading:r.isFetchingNextPage})}},26721:function(e,t,r){r.d(t,{Z:function(){return u}});var a=r(20567),i=r(14932),n=r(67294),o=new Map,c=new WeakMap,l=0,s=void 0;n.Component;var d=r(29156),u=function(e){var t,r,u,f,h,m,p,g,v,b,E,w,y,x,M,P,Z,_,z,C=e.intersectionOptions,N=e.isRoot,k=e.hasNextPage,j=e.fetchNextPage,O=(0,n.useRef)(null),R=(0,d.E)(N),V=(u=(r=void 0===(t=(0,i._)((0,a._)({},C),{root:R(O.current)}))?{}:t).threshold,f=r.delay,h=r.trackVisibility,m=r.rootMargin,p=r.root,g=r.triggerOnce,v=r.skip,b=r.initialInView,E=r.fallbackInView,w=r.onChange,y=n.useRef(),x=n.useRef(),P=(M=n.useState({inView:!!b}))[0],Z=M[1],x.current=w,_=n.useCallback(function(e){void 0!==y.current&&(y.current(),y.current=void 0),!v&&e&&(y.current=function(e,t,r,a){if(void 0===r&&(r={}),void 0===a&&(a=s),void 0===window.IntersectionObserver&&void 0!==a){var i=e.getBoundingClientRect();return t(a,{isIntersecting:a,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),function(){}}var n=function(e){var t=Object.keys(e).sort().filter(function(t){return void 0!==e[t]}).map(function(t){var r;return t+"_"+("root"===t?(r=e.root)?(c.has(r)||(l+=1,c.set(r,l.toString())),c.get(r)):"0":e[t])}).toString(),r=o.get(t);if(!r){var a,i=new Map,n=new IntersectionObserver(function(t){t.forEach(function(t){var r,n=t.isIntersecting&&a.some(function(e){return t.intersectionRatio>=e});e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=n),null==(r=i.get(t.target))||r.forEach(function(e){e(n,t)})})},e);a=n.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:n,elements:i},o.set(t,r)}return r}(r),d=n.id,u=n.observer,f=n.elements,h=f.get(e)||[];return f.has(e)||f.set(e,h),h.push(t),u.observe(e),function(){h.splice(h.indexOf(t),1),0===h.length&&(f.delete(e),u.unobserve(e)),0===f.size&&(u.disconnect(),o.delete(d))}}(e,function(e,t){Z({inView:e,entry:t}),x.current&&x.current(e,t),t.isIntersecting&&g&&y.current&&(y.current(),y.current=void 0)},{root:p,rootMargin:m,threshold:u,trackVisibility:h,delay:f},E))},[Array.isArray(u)?u.toString():u,p,m,g,v,h,E,f]),n.useEffect(function(){y.current||!P.entry||g||v||Z({inView:!!b})}),(z=[_,P.inView,P.entry]).ref=z[0],z.inView=z[1],z.entry=z[2],z),D=V.ref,A=V.inView;return(0,n.useEffect)(()=>{A&&k&&j()},[A,k]),(0,n.useMemo)(()=>({lastItemRef:D,wrapperRef:R(O)}),[D,O])}},59403:function(e,t,r){r.d(t,{N:function(){return l}});var a=r(32161),i=r(52924),n=r(9499);class o extends i.z{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e,t){super.setOptions({...e,behavior:(0,n.Gm)()},t)}getOptimisticResult(e){return e.behavior=(0,n.Gm)(),super.getOptimisticResult(e)}fetchNextPage({pageParam:e,...t}={}

1){return this.fetch({...t,meta:{fetchMore:{direction:"forward",pageParam:e}}})}fetchPreviousPage({pageParam:e,...t}={}){return this.fetch({...t,meta:{fetchMore:{direction:"backward",pageParam:e}}})}createResult(e,t){var r,a,i,o,c,l;let{state:s}=e,d=super.createResult(e,t),{isFetching:u,isRefetching:f}=d,h=u&&(null==(r=s.fetchMeta)?void 0:null==(a=r.fetchMore)?void 0:a.direction)==="forward",m=u&&(null==(i=s.fetchMeta)?void 0:null==(o=i.fetchMore)?void 0:o.direction)==="backward";return{...d,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,n.Qy)(t,null==(c=s.data)?void 0:c.pages),hasPreviousPage:(0,n.ZF)(t,null==(l=s.data)?void 0:l.pages),isFetchingNextPage:h,isFetchingPreviousPage:m,isRefetching:f&&!h&&!m}}}var c=r(36661);function l(e,t,r){let i=(0,a._v)(e,t,r);return(0,c.r)(i,o)}}}]);