https://www.aceetf.co.kr/_next/static/chunks/pages/member/mypage-bfbb27e0cf0e90a7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2195],{25199:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/member/mypage",function(){return n(45975)}])},78508:function(e,t,n){"use strict";n.d(t,{bZ:function(){return Alert},UX:function(){return AlertConfirm},Qi:function(){return AlertGoLogin},$8:function(){return AlertInner}});var l=n(85893),s=n(19873),i=n(67294),a=n(83253),o=n.n(a);let r=(0,i.forwardRef)(function(e,t){let{headerYn:n=!0,open:s=!1,close:i=!0,title:a="",description:r="",children:c,footer:d,className:u="",closeOnESC:h=!0,closeOverlayClick:m=!0,onClose:x}=e,handleClose=()=>{x&&x()},disableScroll=()=>{},enableScroll=()=>{};return(0,l.jsxs)(o(),{isOpen:s,shouldCloseOnEsc:h,shouldCloseOnOverlayClick:m,onRequestClose:handleClose,preventScroll:!1,ariaHideApp:!1,portalClassName:"".concat(u),onAfterOpen:()=>{disableScroll()},onAfterClose:()=>{document.querySelector(".ReactModal__Overlay")||enableScroll()},ref:t,style:{overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(17, 17, 17, 0.6)",zIndex:400},content:{position:"absolute",inset:"unset",transform:"translate(-50%, -50%)",padding:0,borderRadius:"1rem",overflow:"hidden",border:"none"}},children:[n?(0,l.jsxs)("div",{className:"modal__header align both vm",children:[(0,l.jsx)("h2",{className:"modal__header__title",children:a}),r&&(0,l.jsx)("p",{className:"description",children:r}),(0,l.jsx)("button",{type:"button",className:"btn btn-print",onClick:()=>{window.print()},title:"[인쇄하기]",children:"인쇄"}),(0,l.jsx)("button",{type:"button",className:"btn btn-close",onClick:handleClose,title:"닫기",children:(0,l.jsx)("span",{className:"hide",children:"닫기"})})]}):null,(0,l.jsx)("div",{className:"modal__contents",children:c}),d&&(0,l.jsx)("div",{className:"modal__footer align bottom center",children:d})]})}),c=i.memo(r);function Alert(e){let{open:t,onClose:n,msg:i,handleClick:a}=e;return(0,l.jsx)(s.u_,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,closeOnEnter:!0,footer:(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("button",{type:"button",onClick:a||n,title:"확인",children:"확인"})}),children:(0,l.jsx)("p",{children:i})})}function AlertConfirm(e){let{open:t,onClose:n,onConfirm:s,msg:i}=e;return(0,l.jsx)(c,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{type:"button",onClick:n,title:"취소",children:"취소"}),(0,l.jsx)("button",{type:"button",onClick:s,title:"확인",children:"확인"})]}),children:(0,l.jsx)("p",{children:i})})}function AlertInner(e){let{open:t,onClose:n,msg:s,handleClick:i}=e;return(0,l.jsx)(c,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,footer:(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("button",{type:"button",onClick:i||n,title:"확인",children:"확인"})}),children:(0,l.jsx)("p",{children:s})})}function AlertGoLogin(e){let{open:t,onClose:n,msg:i,goLogin:a}=e;return(0,l.jsx)(s.u_,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{type:"button",onClick:n,title:"닫기",children:"닫기"}),(0,l.jsx)("button",{type:"button",onClick:a,title:"로그인하러 가기",children:"로그인하러 가기"})]}),children:(0,l.jsx)("p",{children:i})})}c.displayName="Modal"},79263:function(e,t,n){"use strict";var l=n(85893),s=n(67294),i=n(11163);t.Z=function(e){let{onPageChange:t,pageActive:n,pageType:a,pageSize:o,totalCount:r,listSize:c}=e,[d,u]=(0,s.useState)(0);(0,s.useEffect)(()=>{n=1},[]),(0,s.useEffect)(()=>{void 0!=r&&void 0!=o&&u(Math.ceil(r/o)),void 0!=r&&void 0!=o&&r<=o&&u(0)},[r,o]),n<=1&&(n=1);let h=r||1,m=o||1,x=c||5,p=Math.ceil(h/m),_=Math.floor((n-1)/x)*x+1,j=_-1+x<p?_-1+x:p,f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=[],l=e;for(;l<=t;)n.push(l),l++;return n}(_,j),b=(0,i.useRouter)(),[v,N]=(0,s.useState)(0);(0,s.useEffect)(()=>{N(window.outerWidth)},[]);let handlePageClick=e=>{if("modal"!==a){if("/fund"===b.pathname){let e=document.querySelector(".fund__search"),t=document.querySelector(".fund__list__top"),n=(null==e?void 0:e.offsetHeight)||0,l=(null==t?void 0:t.offsetHeight)||0;v>=1800?window.scrollTo({top:n+l+15}):v<1800&&v>=1024?window.scrollTo({top:n+l+185}):(null==t?void 0:t.classList.contains("etfplus"))?window.scrollTo({top:n+l+150}):window.scrollTo({top:n+l+90})}else if("/info/seminar"===b.pathname){let e=document.querySelector(".sub-head.seminar"),t=(null==e?void 0:e.offsetHeight)||0;window.outerWidth>=1800?window.scrollTo({top:t}):window.outerWidth<1800&&window.outerWidth>=1024?window.scrollTo({top:t}):window.scrollTo({top:t+30})}else window.scrollTo({top:0})}else{var n;null===(n=document.querySelector(".modal__contents"))||void 0===n||n.scrollTo({top:0})}t&&t(e)};return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:"pagination align center".concat("modal"!=a?" subsize":"","  ").concat(0==d?"disabled":""),children:(0,l.jsxs)("ol",{className:"paging",children:[(0,l.jsx)("li",{className:"paging__first ".concat(1==n?"disabled":""),children:(0,l.jsx)("button",{type:"button",title:"처음 페이지로",onClick:()=>{handlePageClick(1)},disabled:1==n,children:(0,l.jsx)("span",{className:"hide",children:"처음 페이지로"})})}),(0,l.jsx)("li",{className:"paging__prev ".concat(1==n?"disabled":""),children:(0,l.jsx)("button",{type:"button",title:"이전 페이지로",onClick:()=>{handlePageClick(n-1)},disabled:1==n,children:(0,l.jsx)("span",{className:"hide",children:"이전 페이지로"})})}),f.map((e,t)=>(0,l.jsx)("li",{className:"paging__item 222".concat(e===n?" paging--active":""),children:(0,l.jsx)("button",{type:"button",onClick:()=>{handlePageClick(e)},title:e===n?"[현재 페이지] ".concat(e," 페이지로 이동"):"".concat(e," 페이지로 이동"),children:e})},e+t)),(0,l.jsx)("li",{className:"paging__next ".concat(n==d?"disabled":""),children:(0,l.jsx)("button",{type:"button",title:"다음 페이지로",onClick:()=>{handlePageClick(n+1)},disabled:n>=d,children:(0,l.jsx)("span",{className:"hide",children:"다음 페이지로"})})}),(0,l.jsx)("li",{className:"paging__last ".concat(n==d?"disabled":""),children:(0,l.jsx)("button",{type:"button",title:"마지막 페이지로",onClick:()=>{handlePageClick(d)},disabled:n>=d,children:(0,l.jsx)("span",{className:"hide",children:"마지막 페이지로"})})})]})})})}},95161:function(e,t,n){"use strict";n.d(t,{Z:function(){return locationMenu}});var l=n(85893),s=n(41664),i=n.n(s),a=n(67294),o=n(11163),menuDropdown=function(e){let{title:t,menu:n,itemOption:s,activeOption:r,idx:c}=e,d=(0,o.useRouter)(),[u,h]=(0,a.useState)(!1),[m,x]=(0,a.useState)(""),p=(0,a.useRef)(null),_=(0,a.useRef)(null);(0,a.useEffect)(()=>{var e,t;u&&p.current&&(null===(e=p.current)||void 0===e||e.focus()),_.current&&(null===(t=_.current.lastChild)||void 0===t||t.addEventListener("focusout",()=>{h(!1)}))},[u]);let setTitle=e=>{x(e)},handleClickOutside=e=>{var t,n;let l=null===(t=_.current)||void 0===t?void 0:t.contains(e.target),s=null===(n=p.current)||void 0===n?void 0:n.contains(e.target);l||s||h(!1)};return(0,a.useEffect)(()=>(document.addEventListener("click",handleClickOutside),()=>{document.removeEventListener("click",handleClickOutside)}),[]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"dropdown ".concat(u?" dropdown__btn-active":""," ").concat(r?" dropdown-active":""),children:[(0,l.jsx)("button",{ref:p,id:"menuDropdownDiv",tabIndex:0,onClick:e=>{h(e=>!e)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),h(e=>!e))},title:"".concat(0==c?"1차메뉴선택":""," ").concat(1==c?"2차메뉴선택":""," ").concat(2==c?"3차메뉴선택":""),children:null==n?void 0:n.title}),u?(0,l.jsx)("ul",{id:"menuDropdownUl",ref:_,children:s.map((e,t)=>{let s=!!e.target;return(0,l.jsx)("li",{id:"".concat(e.idx,"_").concat(t),className:(null==n?void 0:n.title)===e.title?"selected ".concat(0===t||13===t?"division":""):"",children:(0,l.jsx)(i(),{href:e.link||"#",legacyBehavior:!0,children:(0,l.jsx)("a",{target:s?"_blank":void 0,title:s?"[새창] ".concat(e.title," 가기"):"".concat(e.title," 이동"),onClick:t=>{setTitle(e.title),h(!1),!s&&e.link&&(t.preventDefault(),d.push(e.link))},children:e.title})})},"".concat(e.idx,"_").concat(t))})}):null]})})},r=n(82641);let c={topMenus:[{title:"상품정보",link:(0,r.Z)(r.G.FundList)},{title:"ETF로 연금투자",link:(0,r.Z)(r.G.PensionGuide)},{title:"투자정보",link:(0,r.Z)(r.G.InfoTube)},{title:"고객서비스",link:(0,r.Z)(r.G.CSNotice)},{title:"ABOUT ACE ETF",link:(0,r.Z)(r.G.AboutAceETF)}],subMenu01:[{title:"전체운용상품",link:(0,r.Z)(r.G.FundList)},{title:"수익률계산기",link:(0,r.Z)(r.G.FundCalc)},{title:"ETF 자료실",link:(0,r.Z)(r.G.ETFPDS)}],subMenu02:[{title:"연금투자 가이드",link:(0,r.Z)(r.G.PensionGuide)},{title:"개인/퇴직연금 소개",link:(0,r.Z)(r.G.PensionIntro)},{title:"ACE ETF 연금 상품",link:(0,r.Z)(r.G.PensionFundList)}],subMenu03:[{title:"ACE TUBE",link:(0,r.Z)(r.G.InfoTube)},{title:"ACE 리포트",link:(0,r.Z)(r.G.InfoReport)},{title:"ACE 리서치",link:(0,r.Z)(r.G.InfoResearch)},{title:"ACE 세미나",link:(0,r.Z)(r.G.InfoSeminar)}],subMenu04:[{title:"고객의소리",link:(0,r.Z)(r.G.CSSound)},{title:"공지사항",link:(0,r.Z)(r.G.CSNotice)},{title:"공시정보",link:(0,r.Z)(r.G.CSGongsi),target:"_blank"},{title:"FAQ",link:(0,r.Z)(r.G.CSFAQ)},{title:"CONTACT US",link:(0,r.Z)(r.G.CSContactUs)}],subMenu05:[{title:"ABOUT ACE ETF",link:(0,r.Z)(r.G.AboutAceETF)}],subMenu07:[{title:"회원정보 수정",link:""}],subMenu09:[{title:"로그인",link:(0,r.Z)(r.G.Mypage)}],subMenu02_sub:[{title:"개인연금 소개",link:(0,r.Z)(r.G.PensionPrivate)},{title:"퇴직연금 소개",link:(0,r.Z)(r.G.PensionRetirement)}]};var locationMenu=function(e){var t,n,s;let{fMenu:a,sMenu:o,tMenu:r,classNm:d}=e,u=[],h=[],m="",x=!1;

1switch(a){case"로그인":u.push([{title:"로그인",link:""}]);break;case"휴면계정 안내":u.push([{title:"휴면계정 안내",link:""}]);break;case"마이페이지":u.push([{title:"마이페이지",link:""}]);break;case"회원가입":u.push([{title:"회원가입",link:""}]);break;default:u.push(c.topMenus)}switch(a){case"상품정보":u.push(c.subMenu01);break;case"ETF로 연금투자":u.push(c.subMenu02);break;case"투자정보":u.push(c.subMenu03);break;case"고객서비스":u.push(c.subMenu04);break;default:m=null!=a?a:m}return"회원정보 수정"===o&&u.push(c.subMenu07),"회원탈퇴"===o&&u.push([{title:"회원탈퇴",link:""}]),"아이디 찾기"===o&&u.push([{title:"아이디 찾기",link:""}]),"비밀번호 찾기"===o&&u.push([{title:"비밀번호 찾기",link:""}]),"비밀번호 변경"===o&&u.push([{title:"비밀번호 변경",link:""}]),"개인/퇴직연금 소개"===o&&u.push(c.subMenu02_sub),h.push(null===(t=u[0])||void 0===t?void 0:t.find(e=>e.title===a)),h.push(null===(n=u[1])||void 0===n?void 0:n.find(e=>e.title===o)),h.push(null===(s=u[2])||void 0===s?void 0:s.find(e=>e.title===r)),x=!(h[0]||h[1]||h[2]),(0,l.jsxs)("ul",{className:"location ".concat(d),children:[(0,l.jsx)("li",{className:"location-home",children:(0,l.jsx)(i(),{href:"/",legacyBehavior:!0,children:(0,l.jsx)("a",{className:"btn btn-home",children:(0,l.jsx)("span",{className:"hide",children:"메인페이지로 이동"})})})}),(0,l.jsxs)(l.Fragment,{children:[!x&&(null==u?void 0:u.map((e,t)=>(0,l.jsx)("li",{children:(0,l.jsx)(menuDropdown,{title:m,menu:h[t],itemOption:e,activeOption:!0,idx:t})},t))),x&&(0,l.jsx)("li",{children:(0,l.jsx)("div",{className:"dropdown dropdown-active only",children:(0,l.jsx)("div",{className:"only",children:m})})})]})]})}},45975:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return T},default:function(){return mypage}});var l=n(85893),s=n(41664),i=n.n(s),a=n(11163),o=n(67294),r=n(87321),c=n(24404),d=n(95161),noResults2=function(e){let{typeName:t,msg:n,buttonYn:s,buttonText:i,buttonClick:a}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:"noresults ".concat(t),children:[(0,l.jsx)("p",{children:n}),s?(0,l.jsx)("div",{className:"subsize align center",children:(0,l.jsx)("button",{type:"button",onClick:e=>{a?a():location.reload()},className:"btn btn-sublink r4",children:i})}):null]})})})},u=n(1852),h=n(79263),m=n(52882),x=n(34353),p=n(85410),_=n(75886),j=n(97447),fund_FundLink=function(e){let{children:t,code:n,isEtf:s,imcCd:a,anchorAttribute:o,isPensionApp:r}=e,d=s?"https://www.aceetf.co.kr/fund/".concat(n):"/fund/".concat(n);return a&&"003228"!==a?(0,l.jsx)(l.Fragment,{children:t}):(0,l.jsx)(i(),{href:d,legacyBehavior:!0,children:(0,l.jsx)("a",{onClick:e=>s&&(0,c.yS)(null!=n?n:""),target:s||r?"_blank":"",title:s||r?"[새창]":"[현재창]",...o,children:t})})};function FundList(e){var t,n,s;let{pageNo:i,fundList:a,alarmCodes:o,pageHandler:r,removeFavorite:c,handleAlertOpen:d}=e;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("ul",{children:null===(t=a.data)||void 0===t?void 0:t.map(e=>(0,l.jsx)(FundItem,{item:e,isAlarm:!!o.find(t=>t===e.fundCd),removeFavorite:e=>c(e),handleAlertOpen:d},e.fundCd))}),(0,l.jsx)(h.Z,{pageActive:i,pageType:"",totalCount:null===(n=a.page)||void 0===n?void 0:n.totalElements,pageSize:null===(s=a.page)||void 0===s?void 0:s.size,onPageChange:r})]})}function FundItem(e){var t;let{item:n,removeFavorite:s,isAlarm:i,handleAlertOpen:a}=e,[r,d]=(0,o.useState)(!1),[u,h]=(0,o.useState)(!0),[_,j]=(0,o.useState)(""),[f,b]=(0,o.useState)(i);async function handleAlarm(){var e,t;d(!0),j("APP알림에서 추가되었습니다.");let l=!1;if(f?(l=await alarm(null!==(t=n.fundCd)&&void 0!==t?t:"","remove",a))&&j("APP알림에서 빠졌습니다."):(l=await alarm(null!==(e=n.fundCd)&&void 0!==e?e:"","add",a))&&j("APP알림에서 추가되었습니다."),l)return b(!f),void setTimeout(()=>{d(!1)},3e3)}return(0,o.useEffect)(()=>{b(i)},[i]),(0,l.jsxs)("li",{className:"fund__list__item",children:[(0,l.jsxs)("div",{className:"fund__list__box",children:[(0,l.jsxs)("div",{className:"fund__list__btns",children:[(0,l.jsx)("button",{type:"button",title:"".concat(f?"[선택됨]APP 알림":"APP 알림"),className:"btn-alarm ".concat(f?"btn-alarm--active":""),onClick:()=>{handleAlarm()},children:"APP 알림"}),(0,l.jsx)("button",{type:"button",title:"".concat(u?"[선택됨]즐겨찾기":"즐겨찾기"),className:"btn-favorite ".concat(u?"btn-favorite--active":""),"aria-pressed":u,onClick:e=>{d(!0),h(!u),u?s(n.fundCd):j("즐겨찾기에서 추가되었습니다."),setTimeout(()=>{d(!1)},3e3)},"aria-labelledby":"tooltip1","data-tooltip":r,children:"즐겨찾기"}),r?(0,l.jsx)("div",{className:"tooltip-mark5",id:"tooltip".concat(0),role:"tooltip",style:{left:"-18rem"},children:(0,l.jsx)("div",{className:"tooltip-mark5__contents",children:(0,l.jsx)("p",{children:_})})}):null]}),(0,l.jsxs)(fund_FundLink,{code:n.fundCd,isEtf:!1,imcCd:n.imcCd,children:[(0,l.jsx)("div",{className:"fund-list__badge",children:(0,l.jsx)(m.CE,{badge:null!==(t=n.badge)&&void 0!==t?t:{}})}),(0,l.jsx)("div",{className:"fund-list__title",children:n.fundNm})]}),(0,l.jsx)("div",{className:"fund__list__noti",children:(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"기준가"}),(0,l.jsx)("dd",{children:(0,c.As)(n.stpr,!0)})]})})]}),(0,l.jsxs)("div",{className:"fund__list__box",children:[(0,l.jsx)("div",{className:"fund__list__info",children:(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"순자산"}),(0,l.jsxs)("dd",{className:"net-worth",children:[(0,c.XM)(n.nastAmt,!0),"원"]})]})}),(0,l.jsxs)("div",{className:"fund__list__info",children:[(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"1주일 수익률"}),(0,l.jsx)(x.Z,{type:"dd",data:n.wk1ErnRt,children:(0,l.jsx)(p.Z,{name:"dd",number:n.wk1ErnRt,unit:"%"})})]}),(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"1개월 수익률"}),(0,l.jsx)(x.Z,{type:"dd",data:n.mm1ErnRt,children:(0,l.jsx)(p.Z,{name:"dd",number:n.mm1ErnRt,unit:"%"})})]}),(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"3개월 수익률"}),(0,l.jsx)(x.Z,{type:"dd",data:n.mm3ErnRt,children:(0,l.jsx)(p.Z,{name:"dd",number:n.mm3ErnRt,unit:"%"})})]}),(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"6개월 수익률"}),(0,l.jsx)(x.Z,{type:"dd",data:n.mm6ErnRt,children:(0,l.jsx)(p.Z,{name:"dd",number:n.mm6ErnRt,unit:"%"})})]}),(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{children:"설정/상장이후 수익률"}),(0,l.jsx)(x.Z,{type:"dd",data:n.opngNextErnRt,children:(0,l.jsx)(p.Z,{name:"dd",number:n.opngNextErnRt,unit:"%"})})]})]})]})]})}function MobileFundList(e){var t,n,s;let{pageHandler:i,pageNo:a,fundList:o,removeFavorite:r,alarmCodes:c,handleAlertOpen:d,sortName:u}=e;return(0,l.jsxs)(l.Fragment,{children:[null===(t=o.data)||void 0===t?void 0:t.map(e=>(0,l.jsx)(MobileFundItem,{item:e,isAlarm:!!c.find(t=>t===e.fundCd),removeFavorite:r,handleAlertOpen:d,sortName:u},e.fundCd)),(0,l.jsx)(h.Z,{pageActive:a,pageType:"",totalCount:null===(n=o.page)||void 0===n?void 0:n.totalElements,pageSize:null===(s=o.page)||void 0===s?void 0:s.size,onPageChange:i})]})}function MobileFundItem(e){var t;let{item:n,removeFavorite:s,isAlarm:i,handleAlertOpen:a,sortName:r}=e,[d,u]=(0,o.useState)(!1),[h,x]=(0,o.useState)(!0),[p,_]=(0,o.useState)(""),[j,f]=(0,o.useState)(i);async function handleAlarm(){var e,t;u(!0);let l=!1;if(j?(l=await alarm(null!==(t=n.fundCd)&&void 0!==t?t:"","remove",a))&&_("APP알림에서 빠졌습니다."):(l=await alarm(null!==(e=n.fundCd)&&void 0!==e?e:"","add",a))&&_("APP알림에서 추가되었습니다."),l)return f(!j),void setTimeout(()=>{u(!1)},3e3)}return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"fund-list__item",children:[(0,l.jsxs)("div",{className:"fund-list__box",children:[(0,l.jsxs)("div",{className:"fund-list__btns",children:[(0,l.jsx)("button",{type:"button",title:"".concat(j?"[선택됨]알림신청":"알림신청"),className:"btn-alarm ".concat(j?"btn-alarm--active":""),onClick:()=>{handleAlarm()},children:"알림신청"}),(0,l.jsx)("button",{type:"button",title:"".concat(h?"[선택됨]즐겨찾기":"즐겨찾기"),className:"btn-favorite ".concat(h?"btn-favorite--active":""),onClick:e=>{!function(e,t,l){if(u(!0),x(!h),h){var i;s(null!==(i=n.fundCd)&&void 0!==i?i:"")}else _("즐겨찾기에서 추가되었습니다.");setTimeout(()=>{u(!1)},3e3)}(0,0)},"aria-labelledby":"tooltip1","data-tooltip":d,children:"즐겨찾기"}),d?(0,l.jsx)("div",{className:"tooltip-mark5",id:"tooltip".concat(0),role:"tooltip",style:{left:"-1.2em",top:"6rem"},children:(0,l.jsx)("div",{className:"tooltip-mark5__contents",children:(0,l.jsx)("p",{children:p})})}):null]}),(0,l.jsxs)("div",{className:"fund-list__head",children:[(0,l.jsxs)(fund_FundLink,{code:n.fundCd,isEtf:!1,children:[(0,l.jsx)("div",{className:"fund-list__badge",children:(0,l.jsx)(m.CE,{badge:null!==(t=n.badge)&&void 0!==t?t:{}})}),(0,l.jsx)("div",{className:"fund-list__title",children:n.fundNm})]}),(0,l.jsxs)("ul",{className:"fund-list__brief",children:[(0,l.jsxs)("li",{children:[(0,l.jsx)("span",{className:"title",children:"순자산"}),(0,l.jsx)("span",{className:"value",children:(0,c.XM)(n.nastAmt,!0)})]}),(0,l.jsxs)("li",{children:[(0,l.jsx)("span",{className:"title",children:"설정/상장일"}),(0,l.jsx)("span",{className:"value",children:(0,c.C3)(n.stdDt)})]}),(0,l.jsxs)("li",{children:[(0,l.jsx)("span",{className:"title",children:"기준가"}),(0,l.jsxs)("span",{className:"value",children:[(0,c.As)(n.stpr),"원"]})]})]})]})]}),(0,l.jsx)(FundListBox2,{item:n,sortText:r})]},n.fundCd)})}function FundListBox2(e){let{item:t,sortText:n="1개월 수익률"}=e;return(0,l.jsx)("div",{className:"fund-list__box second",children:(0,l.jsx)("div",{className:"fund-list__info",children:(0,l.jsxs)("dl",{className:"mo",children:[(0,l.jsx)("dt",{children:n}),(0,l.jsx)(x.Z,{data:t.mm1ErnRt,type:"dd",children:(0,l.jsx)(p.Z,{number:t.mm1ErnRt,name:"dd",unit:"%"})})]})})})}async function alarm(e,t,n){_.fC.BASE=j.QH;try{let l=await _.Jp.registerInterestUsingPost(e,t,"alarm");if("SUCCESS"===l.result)return!0;return n(l.reason),!1}catch(e){return console.log(e),!1}}var f=n(25675),b=n.n(f);let getDateNId=e=>{var t,n;return(null!==(t=e.castStartDate)&&void 0!==t?t:"")+"|"+(null!==(n=e.id)&&void 0!==n?n:"")},sorting=(e,t)=>

1{var n;let l=e.split("|")[0],s=Number(e.split("|")[1]);return null===(n=t.data)||void 0===n?void 0:n.find(e=>e.castStartDate===l&&e.id===s)};function SeminarList(e){var t;let{seminarList:n}=e;return(0,l.jsx)("div",{className:"board",children:(0,l.jsx)("ul",{className:"board__list box-block4",children:null===(t=n.data)||void 0===t?void 0:t.map(e=>getDateNId(e)).sort().reverse().map(e=>sorting(e,n)).map(e=>e?(0,l.jsx)(SeminarItem,{item:e},e.id):null)})})}function SeminarItem(e){var t;let{item:n}=e;return(0,l.jsx)("li",{children:(0,l.jsx)(i(),{href:"/info/seminar?seminarNo=".concat(n.id),as:"/info/seminar",children:(0,l.jsxs)("div",{className:"board__inner",children:[(0,l.jsx)("div",{className:"board__inner__thumb",children:(0,l.jsx)(b(),{src:null!==(t=n.thumbnail)&&void 0!==t?t:"",className:"autoImage",fill:!0,style:{objectFit:"cover"},alt:""})}),(0,l.jsxs)("div",{className:"board__info",children:[(0,l.jsx)("h3",{className:"board__title",children:n.title}),(0,l.jsxs)("ul",{className:"board__date-box",children:[(0,l.jsxs)("li",{children:[(0,l.jsx)("p",{children:"세미나 일자"}),(0,l.jsx)("span",{children:n.castStartDate})]}),(0,l.jsxs)("li",{children:[(0,l.jsx)("p",{children:"신청일"}),(0,l.jsx)("span",{children:n.userRegDate})]})]})]})]})})})}var v=n(78508);let N=(0,o.createContext)({accessToken:""});var C=n(19873);function textHandler(e,t){return n=>{n.length>e&&(n=n.substring(0,e)),t(n)}}var mypage_QnAModal=function(e){let{isOpen:t,handleClose:n,qnaUpdate:s}=e,i=(0,o.useContext)(N),[a,r]=(0,o.useState)(""),[c,d]=(0,o.useState)(""),[u,h]=(0,o.useState)(!1),[m,x]=(0,o.useState)(!1),[p,f]=(0,o.useState)(""),sendQnA=async()=>{_.fC.BASE=j.QH,_.fC.TOKEN=i.accessToken;try{let e=await _.Jp.registerQnaUsingPost(c,a);console.log(e)}catch(e){console.log(e)}h(!1),n(),s()};return(0,o.useEffect)(()=>{t||(r(""),d(""),h(!1),x(!1),f(""))},[t]),(0,l.jsxs)(C.u_,{open:t,onClose:n,title:"Q&A 문의하기",footer:(0,l.jsx)("button",{type:"button",onClick:()=>{var e,t;""===a.trim()?(f("제목을 입력해주세요."),x(!0),null===(e=document.querySelector("#title"))||void 0===e||e.focus()):""===c.trim()?(f("내용을 입력해주세요."),x(!0),null===(t=document.querySelector("#qnaContentTextarea"))||void 0===t||t.focus()):(f("해당 내용으로 문의를 요청합니다."),h(!0))},children:"문의하기"}),className:"responsive-modal modal__qna",children:[(0,l.jsx)("h4",{children:"문의 할 제목과 내용을 입력 후 문의하기 버튼을 눌러주세요."}),(0,l.jsx)("input",{type:"text",className:"input-text",id:"title",title:"Q&A 문의하기 제목 입력란",value:a,onChange:e=>textHandler(50,r)(e.target.value),placeholder:"제목을 입력해 주세요.(50자 이내)"}),(0,l.jsx)("textarea",{className:"textarea",value:c,title:"Q&A 문의하기 내용 입력란",id:"qnaContentTextarea",onChange:e=>textHandler(1e3,d)(e.target.value),placeholder:"문의하실 내용을 입력하세요."}),(0,l.jsx)(v.UX,{open:u,onClose:()=>{h(!1)},onConfirm:sendQnA,msg:p}),(0,l.jsx)(v.$8,{open:m,onClose:()=>{x(!1)},msg:p})]})};function PeriodModal(e){let{handleClose:t,isOpen:n,mobileSort:s,setMobileSort:i}=e,mobileSortHandler=e=>()=>{i(e),t()};return(0,l.jsxs)(C.u_,{open:n,onClose:t,title:"알림",className:"half-modal",headerYn:!1,footer:!1,children:[(0,l.jsxs)("div",{className:"half-modal__title align both vm",children:[(0,l.jsx)("h3",{children:"기간지정"}),(0,l.jsx)("button",{type:"button",className:"half-modal__close-btn",title:"닫기",onClick:t,children:(0,l.jsx)("span",{className:"hide",children:"닫기"})})]}),(0,l.jsx)("div",{className:"half-modal__chk-option__wrapper",children:(0,l.jsxs)("ul",{className:"half-modal__chk-option__list",children:[(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("WK1_ERN_RT_DESC"),type:"button",className:"WK1_ERN_RT_DESC"===s?"active":"",children:"1주일 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("MM1_ERN_RT_DESC"),type:"button",className:"MM1_ERN_RT_DESC"===s?"active":"",children:"1개월 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("MM3_ERN_RT_DESC"),type:"button",className:"MM3_ERN_RT_DESC"===s?"active":"",children:"3개월 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("MM6_ERN_RT_DESC"),type:"button",className:"MM6_ERN_RT_DESC"===s?"active":"",children:"6개월 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("YY1_ERN_RT_DESC"),type:"button",className:"YY1_ERN_RT_DESC"===s?"active":"",children:"1년 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("YY3_ERN_RT_DESC"),type:"button",className:"YY3_ERN_RT_DESC"===s?"active":"",children:"3년 기준"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("BGYR_NEXT_ERN_RT_DESC"),type:"button",className:"BGYR_NEXT_ERN_RT_DESC"===s?"active":"",children:"설정/상장이후"})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:mobileSortHandler("OPNG_NEXT_ERN_RT_DESC"),type:"button",className:"OPNG_NEXT_ERN_RT_DESC"===s?"active":"",children:"설정/상장이후"})})]})})]})}var g=n(47733),E=n(9669),k=n.n(E),S=n(82641),y=n(9008),R=n.n(y);function mypage_Alert(e){let{open:t,onClose:n,msg:s}=e,i=(0,a.useRouter)(),handleClick=()=>{i.push((0,S.Z)(S.G.Main))};return(0,l.jsx)(r.u,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,closeOnESC:!1,closeOnClickOutside:!1,footer:(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("button",{type:"button",onClick:e=>{n(),handleClick()},children:"확인"})}),children:(0,l.jsx)("p",{children:s})})}function Alert2(e){let{open:t,onClose:n,msg:s}=e;return(0,l.jsx)(r.u,{open:t,onClose:n,title:"알림",className:"alert-modal2",headerYn:!1,closeOnEnter:!0,footer:(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("button",{type:"button",onClick:e=>{n()},children:"확인"})}),children:(0,l.jsx)("p",{children:s})})}var T=!0,mypage=e=>{var t;let{user:n}=e,s={accessToken:null!==(t=null==n?void 0:n.accessToken)&&void 0!==t?t:""};(0,o.useEffect)(()=>{},[]);let r=(0,a.useRouter)(),[h,m]=(0,o.useState)(2),[x,p]=(0,o.useState)([]),[f,b]=(0,o.useState)(!1),v=(0,g.Z)();(0,g.Z)();let C=(0,g.Z)(),removeFund=(e,t)=>{console.log(e)},[E,S]=(0,o.useState)("MM1_ERN_RT_DESC"),[y,T]=(0,o.useState)(!1),[A,w]=(0,o.useState)(!1),[F,M]=(0,o.useState)(""),[P,D]=(0,o.useState)(!1),[O,Z]=(0,o.useState)(""),[G,Y]=(0,o.useState)(!1),[H,L]=(0,o.useState)(!1),[I,U]=(0,o.useState)(""),[Q,B]=(0,o.useState)(1),[q,X]=(0,o.useState)(!0),[

1K,W]=(0,o.useState)({});(0,o.useEffect)(()=>{async function fetchData(e){try{_.fC.BASE=j.QH,_.fC.TOKEN=null==n?void 0:n.accessToken;let t=await _.Jp.listQnasUsingGet(e);console.log("response"+t),t.returnUrl?location.href=t.returnUrl:W(t)}catch(e){console.log(e)}X(!1)}q&&fetchData(Q)},[null==n?void 0:n.accessToken,q,Q]);let[z,J]=(0,o.useState)({});(0,o.useEffect)(()=>{(async function(){_.fC.BASE=j.QH,_.fC.TOKEN=null==n?void 0:n.accessToken;try{let e=await _.Jp.listSeminarsUsingGet();e.returnUrl?location.href=e.returnUrl:J(e)}catch(e){console.log(e)}})(),b(!1)},[null==n?void 0:n.accessToken,f]);let[$,V]=(0,o.useState)(!1),ee=(0,u.useMediaQuery)({query:"(max-width:1024px)"}),[et,en]=(0,o.useState)(!1);(0,o.useEffect)(()=>{V(ee)},[ee]);let[el,es]=(0,o.useState)(!1),[ei,ea]=(0,o.useState)(!1),[eo,er]=(0,o.useState)(1),fundPageHandler=e=>{er(e)},[ec,ed]=(0,o.useState)(!1),[eu,eh]=(0,o.useState)({});return(0,o.useEffect)(()=>{(async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1?arguments[1]:void 0,l=arguments.length>2?arguments[2]:void 0,s=arguments.length>3?arguments[3]:void 0;_.fC.BASE=j.QH,_.fC.TOKEN=null==n?void 0:n.accessToken;try{let n=await _.Jp.listInterestUsingGet(t,l,e,5,s,"favorites"),i=await _.Jp.listInterestFundcdsUsingGet(!0,!1,1,1e4,"","favorites");n.returnUrl?location.href=n.returnUrl:(eh(n),p(i))}catch(e){console.log(e)}})(eo,el,ei,E),ed(!1)},[null==n?void 0:n.accessToken,eo,ec,el,ei,E]),(0,o.useEffect)(()=>{},[]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(R(),{children:(0,l.jsx)("title",{children:"한국투자 ACE ETF > 마이페이지 > 마이페이지"})}),(0,l.jsx)(d.Z,{fMenu:"마이페이지",sMenu:"마이페이지"}),(0,l.jsx)("div",{id:"sub-head",className:"sub-head sub m0auto",children:(0,l.jsx)("div",{className:"title__section",children:(0,l.jsx)("div",{className:"title__inner",children:(0,l.jsx)("h2",{className:"title",children:"마이페이지"})})})}),(0,l.jsxs)("div",{className:"mypage sub m0auto",children:[(0,l.jsxs)("div",{className:"mypage-head",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{children:null==n?void 0:n.userName}),"님 안녕하세요!"]}),(0,l.jsxs)("ul",{children:[(0,l.jsx)("li",{children:(0,l.jsx)(i(),{href:"/member/mypage/infoEdit",children:(0,l.jsx)("button",{type:"button",className:"btn-modify",title:"회원정보 수정",children:"회원정보 수정"})})}),(0,l.jsx)("li",{children:(0,l.jsx)("button",{type:"button",className:"btn-logout",title:"로그아웃",onClick:function(){k().post("".concat(j.Lq,"/api/logout")).then(e=>{200===e.status&&(Z("로그아웃되었습니다."),Y(!0))}).catch(e=>{e.message&&e.message.includes("413")&&console.log("http code erro.")})},children:"로그아웃"})})]})]}),(0,l.jsxs)("div",{className:"mypage-title",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{children:"관심펀드"}),(0,l.jsx)("p",{children:"APP을 설치하면 알림을 받을 수 있어요."})]}),(0,l.jsx)("div",{className:"fund-list__filter-box__btns align both vm",children:$?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("p",{children:"온라인 전용보기"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("button",{onClick:()=>{ea(!0),er(1)},type:"button",className:ei?"btn-etf":"btn-etfplus","aria-pressed":!ei,title:"".concat(ei?"[선택됨]온라인 전용보기 ON":"온라인 전용보기 ON"),children:"ON"}),(0,l.jsx)("button",{onClick:()=>{ea(!1),er(1)},type:"button",className:ei?"btn-etfplus":"btn-etf","aria-pressed":ei,title:"".concat(ei?"온라인 전용보기 OFF":"[선택됨]온라인 전용보기 OFF"),children:"OFF"})]})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("p",{children:"APP알림 상품만 보기"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("button",{onClick:()=>{es(!0),er(1)},type:"button",className:el?"btn-etf":"btn-etfplus","aria-pressed":el,title:"".concat(el?"[선택됨]APP알림 상품만 보기 ON":"APP알림 상품만 보기 ON"),children:"ON"}),(0,l.jsx)("button",{onClick:()=>{es(!1),er(1)},type:"button",className:el?"btn-etfplus":"btn-etf","aria-pressed":!el,title:"".concat(el?"APP알림 상품만 보기 OFF":"[선택됨]APP알림 상품만 보기 OFF"),children:"OFF"})]})]})})]}),(0,c.xb)(eu.data)?(0,l.jsx)(noResults2,{typeName:"type3",msg:"즐겨찾는 펀드가 없습니다.",buttonYn:!0,buttonClick:e=>{r.push("/fund")},buttonText:"펀드상품 검색"}):(0,l.jsx)(l.Fragment,{children:$?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"fund-list__sort2 mo right",children:(0,l.jsxs)("div",{className:"align both w100p",children:[(0,l.jsx)("span",{className:"txt-type8",children:"수익률 조회"}),(0,l.jsx)("button",{type:"button",className:"btn mo white r4 btn-select-sort",onClick:()=>en(!0),children:function(e){switch(e){case"WK1_ERN_RT_DESC":return"1주일 기준";case"MM1_ERN_RT_DESC":return"1개월 기준";case"MM3_ERN_RT_DESC":return"3개월 기준";case"MM6_ERN_RT_DESC":return"6개월 기준";case"YY1_ERN_RT_DESC":return"1년 기준";case"YY3_ERN_RT_DESC":return"3년 기준";case"BGYR_NEXT_ERN_RT_DESC":case"OPNG_NEXT_ERN_RT_DESC":return"설정/상장이후";default:return""}}(E)})]})}),(0,l.jsx)("div",{className:"fund-list__wrap mypage__favorite-fund",children:(0,l.jsx)(MobileFundList,{pageNo:eo,pageHandler:fundPageHandler,fundList:eu,removeFavorite:e=>removeFund(e,!1),alarmCodes:x,handleAlertOpen:()=>C.open("해당 내용으로 문의를 요청합니다."),sortName:function(e){switch(e){case"WK1_ERN_RT_DESC":return"1주일 수익률";case"MM1_ERN_RT_DESC":return"1개월 수익률";case"MM3_ERN_RT_DESC":return"3개월 수익률";case"MM6_ERN_RT_DESC":return"6개월 수익률";case"YY1_ERN_RT_DESC":return"1년 수익률";case"YY3_ERN_RT_DESC":return"3년 수익률";case"BGYR_NEXT_ERN_RT_DESC":case"OPNG_NEXT_ERN_RT_DESC":return"설정/상장이후 수익률";default:return""}}(E)})})]}):(0,l.jsx)("div",{className:"fund__list__wrap mypage__favorite-fund",children:(0,l.jsx)(FundList,{pageNo:eo,fundList:eu,pageHandler:fundPageHandler,removeFavorite:e=>removeFund(e,!1),alarmCodes:x,handleAlertOpen:()=>C.open("해당 내용으로 문의를 요청합니다.")})})}),(0,l.jsx)("div",{className:"mypage-title",children:(0,l.jsx)("div",{children:(0,l.jsx)("h3",{children:"세미나 신청 내역"})})}),(0,c.xb)(z.data)?(0,l.jsx)(noResults2,{typeName:"type3",msg:"세미나 신청 내역이 없습니다.",buttonYn:!1,buttonText:""}):(0,l.jsx)(SeminarList,{seminarList:z})]}),(0,l.jsx)(N.Provider,{value:s,children:(0,l.jsx)(mypage_QnAModal,{isOpen:v.isOpen,handleClose:v.close,qnaUpdate:()=>{X(!0)}})}),(0,l.jsx)(PeriodModal,{handleClose:()=>{en(!1)},isOpen:et,mobileSort:E,setMobileSort:S}),(0,l.jsx)(mypage_Alert,{open:G,onClose:()=>{Y(!1),r.replace("/")},msg:O}),(0,l.jsx)(Alert2,{open:H,onClose:()=>{L(!1)},msg:I})]})}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=25199)}),_N_E=e.O()}]);