https://www.snulife.com/_next/static/chunks/pages/my/settings/blocks-7601002e558a10e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5296],{26168:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my/settings/blocks",function(){return e(38627)}])},38627:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return K}});var i=e(37340),r=e(35944),o=e(70917),s=e(10166),u=e(67294),c=e(78551),a=e(12182),l=e(72869),d=e(93312);async function h(){let{data:t}=await d.Axios.get("/users/me/anonymous-blocks/");return t}async function f(){let{data:t}=await d.Axios.get("/users/me/blocks/");return t}var p=e(97357),m=e(85122),g=e(55896),b=e(8692),v=e(9475),y=e(43737),Z=e(82493),x=e(63291);function k(){let t=(0,i._)(["\n            margin: auto;\n          "]);return k=function(){return t},t}function w(){let t=(0,i._)(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    min-height: var(--100vh);\n  }\n"]);return w=function(){return t},t}function _(){let t=(0,i._)(["\n  display: grid;\n  gap: 1px;\n"]);return _=function(){return t},t}function C(){let t=(0,i._)(["\n  padding: 8px 16px;\n  display: flex;\n  background-color: white;\n"]);return C=function(){return t},t}function M(){let t=(0,i._)(["\n  flex-grow: 1;\n  display: grid;\n  align-items: center;\n  gap: 2px;\n"]);return M=function(){return t},t}function O(){let t=(0,i._)(["\n  padding: 6px 12px;\n  border: 1px solid var(--Grey2);\n  box-sizing: border-box;\n  border-radius: 6px;\n"]);return O=function(){return t},t}let B=()=>(0,r.BX)(r.HY,{children:[(0,r.tZ)(g.Z,{text:"설정"}),(0,r.tZ)(p.Z,{activePath:"/my/settings/blocks"})]}),N=()=>{let{data:t,refetch:n}=(0,c.a)({queryKey:["myBlocks"],queryFn:f,refetchOnMount:!0}),{data:e,refetch:i}=(0,c.a)({queryKey:["myAnonymousBlocks"],queryFn:h,refetchOnMount:!0}),{onOpen:s}=(0,y.Z)(),d=(0,u.useCallback)(t=>{s({body:"차단을 해제하시겠어요?",confirm:{onClick:()=>{(0,a.Z)(t).then(()=>n())}}})},[s,n]),p=(0,u.useCallback)(t=>{s({body:"익명 작성자 차단을 해제하시겠어요?\n해제하면 이 작성자의 익명 글이 다시 보여요.",confirm:{onClick:()=>{(0,l.Z)(t).then(()=>i())}}})},[s,i]);return(0,r.BX)(X,{children:[(0,r.tZ)(g.Z,{text:"차단 목록 관리",left:"sidebar"}),!(null==t?void 0:t.length)&&!(null==e?void 0:e.length)&&(0,r.tZ)("div",{className:"font-head3 font-grey4",css:(0,o.iv)(k()),children:"차단된 계정이 없어요."}),(0,r.BX)(R,{children:[null==t?void 0:t.map(t=>(0,r.BX)(A,{children:[(0,r.BX)(E,{children:[(0,r.tZ)("div",{className:"font-title3 font-grey7",children:t.nickname}),(0,r.tZ)("div",{className:"font-caption2 font-grey5",children:(0,m.Z)(t.issuedDate)})]}),(0,r.tZ)(P,{className:"font-title4 font-sldarkblue",onClick:()=>{d(t.userId)},children:"차단해제"})]},t.userId)),null==e?void 0:e.map(t=>(0,r.BX)(A,{children:[(0,r.BX)(E,{children:[(0,r.tZ)("div",{className:"font-title3 font-grey7",children:"익명 작성자"}),(0,r.BX)("div",{className:"font-caption2 font-grey5",children:[t.sourcePostTitle?"「".concat(t.sourcePostTitle,"」").concat("comment"===t.sourceType?"의 댓글":"","에서 차단"):"삭제된 글에서 차단"," \xb7 ",(0,m.Z)(t.issuedDate)]})]}),(0,r.tZ)(P,{className:"font-title4 font-sldarkblue",onClick:()=>{p(t.id)},children:"차단해제"})]},"anonymous-".concat(t.id)))]})]})},X=s.Z.div(w(),Z.vA),R=s.Z.div(_()),A=s.Z.div(C()),E=s.Z.div(M()),P=s.Z.button(O());var K=()=>(0,r.BX)(r.HY,{children:[(0,r.tZ)(b.Z,{text:"마이페이지",spacing:16}),(0,r.tZ)(x.Z,{nav:(0,r.tZ)(B,{}),window:(0,r.tZ)(N,{}),onMobile:"window"}),(0,r.tZ)(v.Z,{className:"desktop",size:71})]})},12182:function(t,n,e){"use strict";var i=e(93312);n.Z=function(t){return t?i.Axios.patch("/users/me/blocks/".concat(t,"/")):Promise.reject()}},97357:function(t,n,e){"use strict";e.d(n,{Z:function(){return c}});var i=e(35944),r=e(75255),o=e(84325),s=e(11261);let u=[{label:"베스트 게시판 골라보기",link:"/my/settings/best-filter"},{label:"키워드 필터링 관리",link:"/my/settings/keyword-filter"},{label:"차단 목록 관리",link:"/my/settings/blocks"}];function c(t){let{activePath:n}=t;return(0,i.BX)(s.KB,{children:[u.map(t=>(0,i.tZ)(o.Z,{link:t.link,active:n===t.link,children:t.label},t.link)),(0,i.tZ)(r.Z,{})]})}},75255:function(t,n,e){"use strict";e.d(n,{Z:function(){return m}});var i=e(37340),r=e(35944),o=e(10166),s=e(30202),u=e(78551),c=e(98029),a=e(93312);async function l(){let{data:t}=await a.Axios.get("/users/me/use_chat/");return t}function d(){return a.Axios.patch("/users/me/use_chat/")}var h=e(27587);function f(){let t=(0,i._)(["\n  padding: 16px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background-color: white;\n"]);return f=function(){return t},t}let p=o.Z.div(f());var m=()=>{let t=(0,s.NL)(),{data:n,refetch:e}=(0,u.a)({queryKey:["useChat"],queryFn:l,refetchOnMount:!0}),{mutate:i}=(0,c.D)({mutationFn:d,onMutate:()=>{t.setQueryData(["useChat"],t=>!t)},onSettled:()=>{e()}});return(0,r.BX)(p,{children:[(0,r.tZ)("div",{className:"font-title3 font-grey7",children:"쪽지 수신 및 발신"}),(0,r.tZ)(h.Z,{isChecked:n,onChange:()=>{i()}})]})}},84325:function(t,n,e){"use strict";var i=e(37340),r=e(35944),o=e(10166),s=e(11163);

1e(67294);var u=e(44828),c=e(56571),a=e(89189);function l(){let t=(0,i._)(["\n  padding: 16px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background-color: white;\n  cursor: pointer;\n  ","\n"]);return l=function(){return t},t}function d(){let t=(0,i._)(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--SLBlue);\n"]);return d=function(){return t},t}let h=o.Z.div(l(),t=>{let{isActive:n}=t;return n&&"background-color: var(--Grey1);"}),f=o.Z.div(d());n.Z=t=>{let{icon:n,link:e,active:i=!1,onClick:o,children:l}=t,d=(0,s.useRouter)();return(0,r.BX)(h,{onClick:()=>{e?e.startsWith("http")?window.open(e,"_blank"):d.push(e,void 0,{scroll:!1}):null==o||o()},isActive:i,children:[n&&(0,r.tZ)(u.Z,{name:n,size:24}),(0,r.tZ)("div",{className:"font-title3 font-grey7",children:l}),(0,r.tZ)(c.Z,{color:a.Z.Grey5,width:22,height:22,className:"absolute right-2"}),i&&(0,r.tZ)(f,{})]})}},27587:function(t,n,e){"use strict";var i=e(37340),r=e(35944),o=e(10166);function s(){let t=(0,i._)(["\n  position: absolute;\n  right: 17px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n"]);return s=function(){return t},t}function u(){let t=(0,i._)(["\n  display: inline-flex;\n  align-items: center;\n  width: 44px;\n  height: 24px;\n  border-radius: 12px;\n  background: #cbd5e0;\n  transition: background 0.2s;\n  &[data-checked] {\n    background-color: var(--SubBlue1);\n  }\n"]);return u=function(){return t},t}function c(){let t=(0,i._)(["\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: white;\n  transition: transform 0.2s;\n  transform: translateX(2px);\n  &[data-checked] {\n    transform: translateX(22px);\n  }\n"]);return c=function(){return t},t}let a=o.Z.button(s()),l=o.Z.span(u()),d=o.Z.span(c());n.Z=t=>{let{isChecked:n,onChange:e}=t;return(0,r.tZ)(a,{"data-checked":n||void 0,onClick:e,children:(0,r.tZ)(l,{"data-checked":n||void 0,children:(0,r.tZ)(d,{"data-checked":n||void 0})})})}},11261:function(t,n,e){"use strict";e.d(n,{KB:function(){return f},QE:function(){return p},Tz:function(){return m}});var i=e(37340),r=e(10166),o=e(45345),s=e(82493);function u(){let t=(0,i._)(["\n  display: grid;\n  gap: 1px;\n"]);return u=function(){return t},t}function c(){let t=(0,i._)(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: space-between;\n  background-color: white;\n  width: 100%;\n  height: calc(100% - 50px);\n  padding: 20px;\n\n  "," {\n    min-height: calc(var(--100vh) - 50px);\n  }\n"]);return c=function(){return t},t}function a(){let t=(0,i._)(["\n  height: 100%;\n  width: 100%;\n  max-width: 420px;\n  margin-bottom: 30px;\n"]);return a=function(){return t},t}function l(){let t=(0,i._)(["\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 25px;\n  padding-bottom: 8px;\n  color: var(--Grey7);\n"]);return l=function(){return t},t}function d(){let t=(0,i._)(["\n  max-width: 420px;\n  margin-bottom: 26px;\n\n  "," {\n    margin-bottom: 12px;\n  }\n"]);return d=function(){return t},t}function h(){let t=(0,i._)(["\n  flex-shrink: 0;\n  background-color: white;\n  height: 122px;\n  padding-top: 24px;\n  border-top: 1px solid var(--Grey1);\n"]);return h=function(){return t},t}let f=r.Z.div(u());r.Z.div(c(),s.vA),r.Z.div(a());let p=r.Z.h3(l());(0,r.Z)(o.zx)(d(),s.vA);let m=r.Z.div(h())},72869:function(t,n,e){"use strict";var i=e(93312);n.Z=function(t){return t?i.Axios.delete("/users/me/anonymous-blocks/".concat(t,"/")):Promise.reject()}},98029:function(t,n,e){"use strict";e.d(n,{D:function(){return l}});var i=e(67294),r=e(59289),o=e(27037),s=e(7506),u=e(24139),c=class extends s.l{#t;#n=void 0;#e;#i;constructor(t,n){super(),this.#t=t,this.setOptions(n),this.bindMethods(),this.#r()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(t){let n=this.options;this.options=this.#t.defaultMutationOptions(t),(0,u.VS)(this.options,n)||this.#t.getMutationCache().notify({type:"observerOptionsUpdated",mutation:this.#e,observer:this}),n?.mutationKey&&this.options.mutationKey&&(0,u.Ym)(n.mutationKey)!==(0,u.Ym)(this.options.mutationKey)?this.reset():this.#e?.state.status==="pending"&&this.#e.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#e?.removeObserver(this)}onMutationUpdate(t){this.#r(),this.#o(t)}getCurrentResult(){return this.#n}reset(){this.#e?.removeObserver(this),this.#e=void 0,this.#r(),this.#o()}mutate(t,n){return this.#i=n,this.#e?.removeObserver(this),this.#e=this.#t.getMutationCache().build(this.#t,this.options),this.#e.addObserver(this),this.#e.execute(t)}#r(){let t=this.#e?.state??(0,r.R)();this.#n={...t,isPending:"pending"===t.status,isSuccess:"success"===t.status,isError:"error"===t.status,isIdle:"idle"===t.status,mutate:this.mutate,reset:this.reset}}#o(t){o.Vr.batch(()=>

1{if(this.#i&&this.hasListeners()){let n=this.#n.variables,e=this.#n.context,i={client:this.#t,meta:this.options.meta,mutationKey:this.options.mutationKey};if(t?.type==="success"){try{this.#i.onSuccess?.(t.data,n,e,i)}catch(t){Promise.reject(t)}try{this.#i.onSettled?.(t.data,null,n,e,i)}catch(t){Promise.reject(t)}}else if(t?.type==="error"){try{this.#i.onError?.(t.error,n,e,i)}catch(t){Promise.reject(t)}try{this.#i.onSettled?.(void 0,t.error,n,e,i)}catch(t){Promise.reject(t)}}}this.listeners.forEach(t=>{t(this.#n)})})}},a=e(30202);function l(t,n){let e=(0,a.NL)(n),[r]=i.useState(()=>new c(e,t));i.useEffect(()=>{r.setOptions(t)},[r,t]);let s=i.useSyncExternalStore(i.useCallback(t=>r.subscribe(o.Vr.batchCalls(t)),[r]),()=>r.getCurrentResult(),()=>r.getCurrentResult()),l=i.useCallback((t,n)=>{r.mutate(t,n).catch(u.ZT)},[r]);if(s.error&&(0,u.L3)(r.options.throwOnError,[s.error]))throw s.error;return{...s,mutate:l,mutateAsync:s.mutate}}}},function(t){t.O(0,[4861,2888,9774,179],function(){return t(t.s=26168)}),_N_E=t.O()}]);