https://www.kbanknow.com/assets-44aa478e/index-DcaYLJHH.js

1import{a as d,z as L,x as $}from"./chunk-JZWAC4HX-DsJNkyJW.js";import{u as F,j as y,a as s,F as k}from"./emotion-react-jsx-runtime.browser.esm-CBCUNgtK.js";import{s as o,k as S,t as w,z as B}from"./htmlSlotUtils-xcxtzk4h.js";import"./request-BRC7C7JX.js";import{u as O}from"./useDownload-BE450PXO.js";import{u as R}from"./useHeaderMetaStore-VDQ0Yzfj.js";import{K as T}from"./index-DaJLj6AY.js";import{a as j}from"./KDSMarketingComponents-Chod8hPs.js";import{F as z}from"./customer.data-NImjk_j8.js";import{g as N}from"./financialFraudDisclosure.api-BJAe0UxW.js";import{P as E}from"./PageMoredComponent-BrP5fGcO.js";import{A as _}from"./ActionList--dHXX2GD.js";import{g as U}from"./tabCxm.utils-BbRgtyfM.js";import"./index-kt0tkxk4.js";import"./dateUtils-BTdrVd-Q.js";import"./PdfViewer-CsirPeJ_.js";import"./index-CGGKhF0J.js";const K=e=>[...e].sort((i,u)=>{const t=i.ttl?.replace(/\D/g,"").substring(0,6)||"",a=u.ttl?.replace(/\D/g,"").substring(0,6)||"",l=t.length===6,r=a.length===6;return l!==r?r?1:-1:l&&r&&t!==a?a.localeCompare(t):(Number(u.pbntId)||0)-(Number(i.pbntId)||0)});function H(e){const[i,u]=d.useState([]),[t,a]=d.useState({pageNum:1,pageCount:1,pdfViewUrl:""}),l=d.useMemo(()=>t.pageNum<t.pageCount,[t.pageNum,t.pageCount]),r=d.useCallback(async g=>{const m=await N({tab:e,pPageNum:g});u(m.list),a(x=>({...x,pageNum:m.pageNum,pageCount:m.pageCount}))},[e]);d.useEffect(()=>{r(1)},[r,e]);const h=d.useCallback(async()=>{if(!l)return;const g=await N({tab:e,pPageNum:Number(t.pageNum)+1});u(m=>t.pageNum===1?g.list:[...m,...g.list]),a(m=>({...m,pageNum:g.pageNum,pageCount:g.pageCount}))},[l,t.pageNum,e]),c=d.useMemo(()=>K(i),[i]);return{pageInfo:t,list:c,hasMore:l,loadMore:h}}function D({tabId:e}){const i=F(),u=j(),[t]=L(),{download:a}=O(),[l,r]=d.useState(null),h=R(n=>n.updateHeaderMeta),c=e==="payment-suspension"?"지급정지 관련 공시":"채권소멸 관련 공시";d.useEffect(()=>{h({title:c})},[c,h]);const{pageInfo:g,list:m,hasMore:x,loadMore:I}=H(e),P=async(n,p,f)=>{p&&f&&await a({action:n,fileAttachmentId:p,fileAttachmentSeq:f})},v=m.map(n=>{const p=z,f=n.atchFileMgmtNbr??"",b=n.atchFileSeqNbr??"";return{itemKey:n.pbntId,title:n.ttl,titleProps:{title:n.ttl,tone:"neutralBold",fontSize:"md",fontWeight:"bold"},rightItem:{displayBtn:f&&b,onPress:()=>{P(p,f,b)}}}})??[],M=n=>{const p=new URLSearchParams(t),f=p.get("tab");f&&(p.set("from",f),p.delete("tab")),p.set("id",String(n)),u({pathname:e==="payment-suspension"?"/web/customer/financial-fraud/payment-suspension-details":"/web/customer/financial-fraud/claim-expiry-details",search:p.toString()})},A=e==="payment-suspension"?"전기통신금융사기 피해 방지 및 피해금 환급에 관한 특별법 제4조 제2항에 따라 아래와 같이 지급정지 조치에 관한 사실을 공시합니다.":"전기통신금융사기 피해 방지 및 피해금 환급에 관한 특별법 제9조 제2항에 따라 아래와 같이 채권소멸에 관한 사실을 공시합니다.";return y(k,{children:[s(V,{children:s(W,{children:s(q,{children:s(G,{children:s(S,{color:i.color.sem.fg.neutral,variant:w.body.sm.regular(i),children:A})})})})}),y(J,{children:[s(Q,{children:s(T.Root,{ariaLabel:c,items:v,horizontalPadding:!1,showRightArrow:!1,focusOnItemIndex:l,onAction:n=>M(n),children:_})}),x&&s(E,{onPress:async()=>{const n=m.length-1;await I(),r(n)},pageInfo:g})]})]})}const V=o.div`
2  display: flex;
3  flex-direction: column;
4  align-items: flex-start;
5  align-self: stretch;
6  margin: ${({theme:e})=>e.spacing.sem.section.xl} ${({theme:e})=>e.spacing.sem[0]};
7`,W=o.div`
8  display: flex;
9  padding: ${({theme:e})=>e.spacing.sem[125]};
10  flex-direction: column;
11  justify-content: center;
12  align-items: center;
13  gap: ${({theme:e})=>e.spacing.sem[50]};
14  align-self: stretch;
15
16  border-radius: ${({theme:e})=>e.size.sem.border.radius[75]};
17  background: ${({theme:e})=>e.color.sem.surface.section.secondary};
18`,q=o.div`
19  display: flex;
20  justify-content: center;
21  align-items: center;
22  gap: ${({theme:e})=>e.spacing.sem[50]};
23  align-self: stretch;
24`,G=o.div`
25  display: flex;
26  flex-direction: column;
27  align-items: flex-start;
28  gap: 8px;
29  flex: 1 0 0;
30`,J=o.div`
31  display: flex;
32  flex-direction: column;
33  align-items: flex-start;
34  align-self: stretch;
35`,Q=o.div`
36  display: flex;
37  flex-direction: column;
38  align-items: flex-start;
39  align-self: stretch;
40`;function X(e){return e==="payment-suspension"||e==="claim-expiry"}const Y=()=>{const e=F(),[i,u]=L(),t=i.get("tab")??"",a=X(t)?t:"payment-suspension";d.useEffect(()=>{U(a,location)},[a]);const l=[{id:"payment-suspension",label:"지급정지 관련 공시",disabled:!1,content:s(D,{tabId:"payment-suspension"})},{id:"claim-expiry",label:"채권소멸 관련 공시",disabled:!1,content:s(D,{tabId:"claim-expiry"})}],r=h=>{const c=new URLSearchParams(i);c.set("tab",h),c.delete("id"),c.delete("cpId"),u(c,{replace:!0,preventScrollReset:!0})};return y(Z,{children:[s(ee,{children:s(S,{as:"h1",color:e.color.sem.fg.base,variant:w.title0.bold(e),children:"금융사기 관련 공시"})}),s(te,{children:s(se,{children:s(B,{data:l,size:"lg",value:a,widthMode:"fill",showDivider:!0,ariaLabel:"금융사기 관련공시 탭",onCh

40angeValue:r})})})]})};o.div`
41  min-height: 693px;
42`;const Z=o.main`
43  display: flex;
44  padding: ${({theme:e})=>e.spacing.sem[500]} 420;
45  flex-direction: column;
46  align-items: flex-start;
47  gap: ${({theme:e})=>e.spacing.sem.section.xl};
48  align-self: stretch;
49`,ee=o.section`
50  display: flex;
51  justify-content: space-between;
52  align-items: center;
53  gap: ${({theme:e})=>e.spacing.sem[100]};
54  width: 100%;
55`,te=o.section`
56  display: flex;
57  flex-direction: column;
58  align-items: flex-start;
59  gap: ${({theme:e})=>e.spacing.sem.section.xl};
60  min-height: 350px;
61  align-self: stretch;
62`,se=o.div`
63  display: flex;
64  flex-direction: column;
65  align-items: flex-start;
66  align-self: stretch;
67`,C=()=>s(Y,{}),Ne=$(C);C.displayName="고객센터_금융사기대응_금융사기관련공시";export{Ne as default};