https://www.tossinvest.com/assets/v2/_next/static/chunks/2942.ff1c1ce89f0c684a.js

1!function(){try{var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};t._sentryModuleMetadata=t._sentryModuleMetadata||{},t._sentryModuleMetadata[(new t.Error).stack]=function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];if(null!=n)for(var a in n)n.hasOwnProperty(a)&&(t[a]=n[a])}return t}({},t._sentryModuleMetadata[(new t.Error).stack],{"_sentryBundlerPluginAppKey:tossinvest_wts":!0});var e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="855f9187-5ee7-48bb-8267-e3308987c064",t._sentryDebugIdIdentifier="sentry-dbid-855f9187-5ee7-48bb-8267-e3308987c064")}catch(t){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2942],{82942:(t,e,n)=>{n.r(e),n.d(e,{AccountOpen:()=>N});var a=n(57877),l=n(78377),r=n(74128),o=n(78569),i=n(33721),c=n.n(i),s=n(14745),d=n(79201),u=n(50174),h=n(42627),p=n(37479),g=n(34013),y=n(92182);let m=()=>{let{initOpenAccount:t}=(0,u.l)(),[e,n]=(0,p.useState)(!0);(0,y.q)("autoStart",n=>{let{query:a,setQuery:l}=n;l(null),e||"true"!==a||t("PC")}),(0,g.y)(()=>{n(!1)})};function f(){let{initOpenAccount:t}=(0,u.l)();return m(),(0,a.FD)(h.s,{direction:"column",alignItems:"center",gap:32,justifyContent:"center",style:{height:`calc(100vh - ${d.kp}px - ${s.SA}px)`,textAlign:"center"},children:[(0,a.FD)(h.s,{direction:"column",alignItems:"center",gap:4,children:[(0,a.Y)(r.t,{children:"아직 토스증권 계좌가 없어요"}),(0,a.Y)(r.t,{typography:"h4",children:"지금 계좌를 만들까요?"})]}),(0,a.Y)(c(),{src:"https://static.toss.im/3d/account-stock-coin.png",width:200,height:200,alt:""}),(0,a.Y)(o.t,{"data-tossinvest-log":"Button","data-contents-label":"계좌 만들기","data-contents-label-code":"계좌 만들기","data-parent-name":"NotTossUserAndNoAccount","data-contents-value":"계좌 만들기",type:"primary",onClick:()=>t("PC"),children:"계좌 만들기"})]})}var b=n(87447),C=n(45929),v=n(88028),Y=n(33827),P=n(31453),k=n(38158),A=n(50839),D=n(49088),w=n(66324),x=n(48884),_=n(97140),F=n(55707),I=n(66610),S=n(40728);function B(t){let{close:e,exit:n,isOpen:l,onConfirm:r,...o}=t,{open:i}=(0,F.r)(),{mutate:c}=(0,x.u)({type:"ACCOUNT_OPEN"},{onSuccess:()=>{i({message:"알림을 다시 보냈어요",icon:S.P.success})},onError:()=>{}});return(0,a.Y)(I.t,{open:l,onExited:n,onOpenChange:e,...o,children:(0,a.Y)(I.t.Content,{"data-overlay-type":"AlertDialog","data-section-name":"AlertDialog__PushResendDialog",closeOnInteractOutside:!1,bottomAffix:(0,a.FD)(I.t.Footer,{children:[(0,a.Y)(I.t.ActionButton,{"data-tossinvest-log":"AlertDialog.ActionButton","data-contents-label":"닫기","data-contents-label-code":"닫기","data-parent-name":"PushResendDialog","data-contents-value":"닫기",type:"button",onClick:e,children:"닫기"}),(0,a.Y)(I.t.ActionButton,{"data-tossinvest-log":"AlertDialog.ActionButton","data-contents-label":"알림 다시 받기","data-contents-label-code":"알림 다시 받기","data-parent-name":"PushResendDialog","data-contents-value":"알림 다시 받기",type:"primary",onClick:()=>{c(),r()},children:"알림 다시 받기"})]}),topAffix:(0,a.FD)(I.t.Header,{children:[(0,a.Y)(I.t.Title,{children:"기기 설정에서 토스 앱 알림을 켜주세요"}),(0,a.FD)(I.t.Subtitle,{children:["토스 앱이 없거나 알림이 계속 오지 않는다면",(0,a.Y)("br",{}),"PC에서도 계좌를 만들 수 있어요."]})]})})})}function E(){let{handleOpenAccountComplete:t}=(0,w.Q)(),{data:e}=(0,_.P)(),n=(0,v.n)(),{open:l}=(0,D.e)(),{initOpenAccount:o}=(0,u.l)(),{mutate:i}=(0,x.u)({type:"ACCOUNT_OPEN"},{onError:()=>{}});return(0,p.useEffect)(()=>{i()},[i]),(0,P.$)(async()=>{await _.P.refetch(),e.hasAccount&&t()},{delay:1e3}),(0,a.FD)(h.s,{direction:"column",alignItems:"center",justifyContent:"center",style:{height:`calc(100vh - ${d.kp}px)`,textAlign:"center"},children:[(0,a.FD)(r.t,{typography:"h4",children:["토스 앱에 온 알림을",(0,a.Y)("br",{}),"확인해주세요"]}),(0,a.Y)(k.w,{backgroundColor:"transparent",content:(0,a.Y)(A.f,{loop:!1,src:n?"https://static.toss.im/lotties/device-account-alarm-new-2-dark.json":"https://static.toss.im/lotties/device-account-alarm-new-2-light.json"}),shape:{width:420,height:315}}),(0,a.Y)(Y.t,{"data-tossinvest-log":"TextButton","data-contents-label":"알림이 안 왔나요?","data-contents-label-code":"알림이 안 왔나요?","data-parent-name":"Bridge","data-contents-value":"알림이 안 왔나요?",variant:"underline",style:{marginTop:4},onClick:()=>{l(t=>{let{close:e,exit:n,isOpen:l}=t;

1return(0,a.Y)(B,{isOpen:l,exit:n,close:e,onConfirm:e})})},children:"알림이 안 왔나요?"}),(0,a.Y)(Y.t,{"data-tossinvest-log":"TextButton","data-contents-label":"PC에서 계좌 만들기","data-contents-label-code":"PC에서 계좌 만들기","data-parent-name":"Bridge","data-contents-value":"PC에서 계좌 만들기",variant:"underline",style:{marginTop:8},onClick:()=>{o("PC")},children:"PC에서 계좌 만들기"})]})}function T(t){let{onNext:e}=t,{initOpenAccount:n}=(0,u.l)();return m(),(0,a.FD)(h.s,{direction:"column",alignItems:"center",gap:40,justifyContent:"center",style:{height:`calc(100vh - ${d.kp}px - ${s.SA}px)`,textAlign:"center"},children:[(0,a.Y)(r.t,{typography:"h4",children:"토스 앱에서 쉽고 안전하게\n계좌를 만들 수 있어요"}),(0,a.Y)("img",{src:"https://static.toss.im/3d/mockup-toss-app-icon.png",width:248,height:248,alt:"toss-app-icon"}),(0,a.FD)(h.s,{direction:"column",gap:16,justifyContent:"center",alignItems:"center",children:[(0,a.Y)(o.t,{"data-tossinvest-log":"Button","data-contents-label":"앱으로 5분만에 만들기","data-contents-label-code":"앱으로 5분만에 만들기","data-parent-name":"Intro","data-contents-value":"앱으로 5분만에 만들기",type:"primary",onClick:()=>{e("bridge")},children:"앱으로 5분만에 만들기"}),(0,a.Y)(Y.t,{"data-tossinvest-log":"TextButton","data-contents-label":"PC에서 만들게요","data-contents-label-code":"PC에서 만들게요","data-parent-name":"Intro","data-contents-value":"PC에서 만들게요",variant:"underline",onClick:()=>{n("PC")},children:"PC에서 만들게요"})]})]})}function M(){return(0,a.Y)(b.rh,{initialStep:"intro",steps:C.Ps,children:t=>{let{setStep:e}=t;return(0,a.FD)(a.FK,{children:[(0,a.Y)(b.rh.Step,{name:"intro",children:(0,a.Y)(T,{onNext:t=>e(t)})}),(0,a.Y)(b.rh.Step,{name:"bridge",children:(0,a.Y)(E,{})})]})}})}let N=()=>{let{data:t,isLoading:e}=(0,_.P)(),{isTossUser:n}=t;return e?(0,a.Y)(l.t,{children:(0,a.Y)(l.t.Spinner,{})}):n?(0,a.Y)(M,{}):(0,a.Y)(f,{})}},87447:(t,e,n)=>{n.d(e,{rh:()=>g,kz:()=>p});var a=n(57877),l=n(37479),r=n(44604),o=n.n(r),i=n(82367),c=n(92182),s=n(42896);let d=()=>{let t=(0,l.useContext)(p);if(null==t)throw Error("useModalFunnelContext는 ModalFunnel 안에서 사용해주세요.");return t};var u=n(54122);function h(t){let{name:e,children:n,logType:l,logParams:r}=t,{step:o,name:i,initialStep:c,hasNested:s=!1}

1=d(),h=o!==e||s&&null==l,{targetRef:p}=(0,u.p)(e,{skipLog:h,params:{name:e,FunnelName:i,initialStep:c,...r}});return h?(0,a.Y)(a.FK,{children:n}):(0,a.Y)("div",{ref:p,style:{display:"initial"},children:n})}let p=(0,l.createContext)(null),g=t=>{let{id:e,initialStep:n,steps:r,children:d,name:u,hasNested:h=!1}=t,[g,m]=(0,l.useState)(n??r[0]);o()(g,"steps가 비어있습니다.");let f=(0,l.useMemo)(()=>({initialStep:n,step:g,steps:r,name:u,hasNested:h,id:e}),[n,g,r,u,h,e]),b=d({step:g,setStep:m});return(0,c.q)(`${e}Step`,t=>{let{query:e,setQuery:n}=t;null!=e&&y(e,r)&&(m(e),n(null,"replaceIn"))}),(0,a.Y)(p.Provider,{value:f,children:(0,a.Y)(i.t,{fallbackRender:t=>(0,a.Y)(s.f,{...t}),children:b})})};g.Step=t=>{let{name:e,children:n,logType:l,logParams:r}=t,{step:o}=d();return o!==e?null:(0,a.Y)(h,{logType:l,name:e,logParams:r,children:n})};let y=(t,e)=>e.includes(t)}}]);