https://static.finda.co.kr/common-web/4.038.6/_next/static/chunks/…/popup-push-pop-test-acb1c135ae74df7d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6519],{23757:(e,n,t)=>{"use strict";t.d(n,{z:()=>u});var r=t(88233),l=t(51733),s=t(43430);let o=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,r.jsxs)("g",{opacity:"0.8",children:[(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7071 3.29289C13.0976 3.68342 13.0976 4.31658 12.7071 4.70711L4.70711 12.7071C4.31658 13.0976 3.68342 13.0976 3.29289 12.7071C2.90237 12.3166 2.90237 11.6834 3.29289 11.2929L11.2929 3.29289C11.6834 2.90237 12.3166 2.90237 12.7071 3.29289Z",fill:"#A9B0C9"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z",fill:"#A9B0C9"})]})});var c=t(88404),i=t(74701);let a=()=>!!(window.document&&window.document.createElement),u=e=>{let{isOpen:n,setIsOpen:t,root:u,revealClose:d=!1,contents:p,actions:f}=e,h=(0,l.useRef)(null),[m,x]=function(e){let[n,t]=(0,l.useState)(()=>e.open?"open":"closed");return(0,l.useEffect)(()=>{t(n=>n===(e.open?"open":"closed")?n:e.open?"opening":"closing")},[e.open]),[n,t]}({open:n}),v=(0,l.useRef)(a()?document.createElement("div"):null);(0,i.H_)({isDisabled:!n});let w=(0,l.useCallback)(e=>{"Escape"===e.key&&t(!1)},[]);(0,l.useEffect)(()=>{a()&&!v.current&&(v.current=document.createElement("div"))},[v]),(0,l.useEffect)(()=>

1{if(!a()||!(v.current instanceof HTMLElement))return;let e=null!=u?u:document.body,n=v.current;return e.appendChild(n),document.addEventListener("keydown",w),()=>{e.removeChild(n),document.removeEventListener("keydown",w)}},[]);let y=(0,l.useCallback)(e=>{let{children:n}=e;return v.current?(0,s.createPortal)(n,v.current):null},[v]);return((0,c.E)(()=>{let e,n=h.current,t={easing:"ease-in-out",duration:200};["closing","opening"].includes(m)&&("closing"===m&&(null==(e=null==n?void 0:n.animate([{transform:"scale(1)",opacity:1},{transform:"scale(0.9)",opacity:0}],t))||e.addEventListener("finish",()=>{(0,s.flushSync)(()=>{x("closed")})})),"opening"===m&&(null==(e=null==n?void 0:n.animate([{transform:"scale(0.9)",opacity:0},{transform:"scale(1)",opacity:1}],t))||e.addEventListener("finish",()=>{(0,s.flushSync)(()=>{x("open")})})))},[m]),"closed"===m)?null:(0,r.jsx)(y,{children:(0,r.jsx)("div",{className:"fixed inset-0 z-modal flex h-full flex-row items-center justify-center bg-mono-00/40",onMouseDown:e=>{e.target===e.currentTarget&&t(!1)},children:(0,r.jsxs)("div",{className:"relative mx-[20px] w-full min-w-[320px] max-w-[428px] rounded-[16px] bg-mono-100",ref:h,children:[d&&(0,r.jsx)("button",{type:"button",className:"absolute right-[20px] top-[20px] h-[16px] w-[16px]",onClick:()=>t(!1),children:(0,r.jsx)(o,{})}),(0,r.jsx)("div",{className:"px-[24px] py-[42px]",children:p}),f]})})})}},70199:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>i});var r=t(88233),l=t(51733),s=t(23757),o=t(9312),c=t(41907);let i=()=>{let e=(0,l.useRef)(null),[n,t]=(0,l.useState)(!0),i=(0,l.useRef)(null);return(0,l.useEffect)(()=>{if(e.current){let n=document.createElement("div");return n.classList.add("portal-container"),e.current.appendChild(n),i.current=n,document.body.style.backgroundColor="transparent",document.body.style.opacity="1",()=>{n&&e.current&&e.current.removeChild(n),document.body.style.backgroundColor=""}}},[]),(0,r.jsx)("div",{ref:e,className:"relative h-screen bg-transparent",children:i.current&&(0,r.jsx)(s.z,{isOpen:!0,setIsOpen:t,root:i.current,contents:(0,r.jsx)("div",{className:"flex flex-col items-center gap-3",children:(0,r.jsx)("span",{className:"whitespace-pre-wrap text-center text-17-bold",children:"Push & Pop 테스트 페이지"})}),actions:(0,r.jsxs)(o.A,{size:"S",sheetType:"full",relative:!0,children:[(0,r.jsxs)(o.A.PrimaryButton,{variant:"primary",size:"FULL",onClick:()=>{c.A.pushWebview({url:"".concat("https://finda.co.kr","/")}),c.A.popWebview()},children:["PUSH 호출 ","=>"," POP 호출"]}),(0,r.jsxs)(o.A.SecondaryButton,{variant:"secondary",size:"FULL",onClick:()=>{c.A.popWebview(),c.A.pushWebview({url:"".concat("https://finda.co.kr","/")})},children:["POP 호출 ","=>"," PUSH 호출"]}

1),(0,r.jsx)(o.A.SecondaryButton,{variant:"tertiaryGray",size:"FULL",onClick:()=>{c.A.pushWebviewAfterPop({url:"".concat("https://finda.co.kr","/")})},children:"CloseAndOpen 호출"})]})})})}},79599:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/frm/plain/popup-push-pop-test",function(){return t(70199)}])}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=79599)),_N_E=e.O()}]);