https://www.kbanknow.com/assets-3df2311c/index-DSc90MRc.js

1import{a,p as o,t as A,x as T,q as D,B as k}from"./chunk-JZWAC4HX-BSOchjrn.js";import"./useHeaderMetaStore-D34yQ1n1.js";import{d as E}from"./pageHandle-CeP1O-t6.js";import{s as p,v as F,A as B,k as z,t as V,P as W,Y as j}from"./htmlSlotUtils-CKJFdfxc.js";import{f as H}from"./formatUtils-CGypz4wW.js";import{p as M}from"./request-EaPoymbn.js";import{g as O}from"./uuidCode-B8v4TeWj.js";import{P as R}from"./PageMoredComponent-BrjDyeO2.js";import{i as U}from"./isEmpty-dsK1v0fd.js";import"./index-CitINKNi.js";const N=async t=>await M({url:"WEBCSTFNF0000100A",params:t||{}}),Y=async t=>await M({url:"WEBCSTFNF0000100A",params:t||{}}),K=t=>{const[e,s]=a.useState(null);return a.useEffect(()=>{let n=!0;return(async()=>{const m=await Y({type:"detail",pbntId:t});n&&s(m)})(),()=>{n=!1}},[t]),{detail:e}};function q({id:t}){const{detail:e}=K(t);return e?o(G,{children:o(F,{htmlContent:B(decodeURIComponent(e.cntnt))})}):null}const G=p.div`
2  display: flex;
3  padding: ${({theme:t})=>t.spacing.sem[150]} ${({theme:t})=>t.spacing.sem[125]};
4  flex-direction: column;
5  align-items: flex-start;
6  gap: ${({theme:t})=>t.spacing.sem.section.md};
7  align-self: stretch;
8
9  background: ${({theme:t})=>t.color.sem.bg.secondary};
10`,J={id:"ALL",label:"전체"};function Q(t,e){if(!t?.length)return e;if(!e?.length)return t;const s=new Set(t.map(n=>n.pbntId));return[...t,...e.filter(n=>!s.has(n.pbntId))]}function X(t){const e=t?.initialChipId,[s,n]=a.useState(""),[C,m]=a.useState([]),[g,y]=a.useState(void 0),[d,f]=a.useState([]),[l,h]=a.useState({pageNum:1,pageCount:1,pdfViewUrl:""}),u=a.useMemo(()=>l.pageNum<l.pageCount,[l.pageNum,l.pageCount]),i=a.useMemo(()=>e??s??null,[e,s]);a.useEffect(()=>{let c=!0;return(async()=>{const S=await N({bizDsCd:"",pPageNum:1});if(!c)return;const _=S.categories.map(P=>({id:P.CMN_CD_DTL_ID,label:P.CMN_CD_NM})),v=[J,..._];m(v);const x=i===""?"ALL":i;(s??"")!==x&&n(x);const L=await N({bizDsCd:x==="ALL"?"":x,pPageNum:1});y(L.primaryList),f(L.list),h({pageNum:L.pageNum,pageCount:L.pageCount})})(),()=>{c=!1}},[i,s,n]);const I=async c=>{n(c);const r=await N({bizDsCd:c==="ALL"?"":c,pPageNum:1});f(r.list),h({pageNum:r.pageNum,pageCount:r.pageCount})},b=a.useCallback(async()=>{if(!u)return;const c=Number(l.pageNum)+1,r=await N({bizDsCd:s==="ALL"?"":s??"",pPageNum:c});f(S=>[...S,...r.list]),h({pageNum:r.pageNum,pageCount:r.pageCount})},[u,l.pageNum,s]),$=a.useMemo(()=>Q(g,d),[g,d]);return{pageInfo:l,chipList:C,selectedChipId:s??"",dataList:$,hasMore:u,handleOnChangeValue:I,loadMore:b}}const Z=()=>{const t=A(),s=T().state,[n,C]=a.useState(null),{pageInfo:m,chipList:g,selectedChipId:y,dataList:d,hasMore:f,handleOnChangeValue:l,loadMore:h}=X({initialChipId:s?.bizDsCd}),u=[];return d&&d.map((i,I)=>{const b=[{key:`${O()}_${I}`,titleGroup:{label:i.ttl,labelFontWeight:i.prmryPbntYn==="Y"?"bold":"medium",description:H(i.frstRgstDttm,".")},contents:o(q,{id:i.pbntId})}];u.push(...b)}),D(tt,{children:[o(et,{children:o(z,{as:"h1",color:t.color.sem.fg.base,variant:V.title0.bold(t),children:"사례 및 공지"})}),D(st,{children:[o(at,{children:!U(g)&&o(W,{variant:"linePrimary",data:g,value:y,ariaLabel:"사례 및 공지 카테고리",onChangeValue:i=>l(i)})}),D(nt,{children:[o(it,{children:o(j,{type:"single",items:u,focusOnItemIndex:n})}),f&&o(R,{onPress:async()=>{const i=d.length-1;await h(),C(i)},pageInfo:m})]})]})]})},tt=p.main`
11  display: flex;
12  padding: ${({theme:t})=>t.spacing.sem[500]} 420;
13  flex-direction: column;
14  align-items: flex-start;
15  gap: ${({theme:t})=>t.spacing.sem.section.xl};
16  align-self: stretch;
17`,et=p.section`
18  display: flex;
19  justify-content: space-between;
20  align-items: center;
21  ${({theme:t})=>t.spacing.sem[100]};
22  width: 100%;
23`,st=p.section`
24  display: flex;
25  flex-direction: column;
26  align-items: flex-start;
27  gap: ${({theme:t})=>t.spacing.sem.section.xl};
28  align-self: stretch;
29`,at=p.div`
30  display: flex;
31  flex-direction: column;
32  align-items: flex-start;
33`,nt=p.div`
34  display: flex;
35  flex-direction: column;
36  align-items: center;
37  gap: ${({theme:t})=>t.spacing.sem.section.xl};
38  align-self: stretch;
39`,it=p.div`
40  display: flex;
41  flex-direction: column;
42  align-items: flex-start;
43  align-self: stretch;
44`,ht=E({cxmPageName:"고객센터_금융사기대응_사례및공지"}),w=()=>o(Z,{}),Ct=k(w);w.displayName="고객센터_금융사기대응_사례및공지";export{Ct as default,ht as handle};