@lerx/promise-modal 0.0.52 → 0.0.53

package/dist/index.cjs.js

@@ -14,5 +14,5 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-function h(e,n,o,t){if("a"===o&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!t:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?t:"a"===o?t.call(e):t?t.value:n.get(e)}function g(e,n,o,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,o):r?r.value=o:n.set(e,o),o}"function"==typeof SuppressedError&&SuppressedError;class b{static activate(){return!h(e,e,"f",n)&&g(e,e,!0,"f",n)}static anchor(n){if(h(e,e,"f",o)){const n=document.getElementById(h(e,e,"f",o).id);if(n)return n}const{tag:t="div",prefix:r="promise-modal",root:i=document.body}=n||{},s=document.createElement(t);return s.setAttribute("id",`${r}-${m.getRandomString(36)}`),i.appendChild(s),g(e,e,s,"f",o),s}static get prerender(){return h(e,e,"f",t)}static set openHandler(n){g(e,e,n,"f",r),g(e,e,[],"f",t)}static get unanchored(){return!h(e,e,"f",o)}static reset(){g(e,e,!1,"f",n),g(e,e,null,"f",o),g(e,e,[],"f",t),g(e,e,(n=>h(e,e,"f",t).push(n)),"f",r)}static open(n){h(e,e,"f",r).call(e,n)}}e=b,n={value:!1},o={value:null},t={value:[]},r={value:n=>h(e,e,"f",t).push(n)};class y{get alive(){return h(this,i,"f")}get visible(){return h(this,s,"f")}constructor({id:e,initiator:n,title:o,subtitle:t,background:r,dimmed:c=!0,manualDestroy:u=!1,closeOnBackdropClick:d=!0,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){i.set(this,void 0),s.set(this,void 0),a.set(this,void 0),l.set(this,new Set),this.id=e,this.initiator=n,this.title=o,this.subtitle=t,this.background=r,this.dimmed=c,this.manualDestroy=u,this.closeOnBackdropClick=d,this.ForegroundComponent=p,this.BackgroundComponent=C,g(this,i,!0,"f"),g(this,s,!0,"f"),g(this,a,m,"f")}subscribe(e){return h(this,l,"f").add(e),()=>{h(this,l,"f").delete(e)}}publish(){for(const e of h(this,l,"f"))e()}resolve(e){h(this,a,"f").call(this,e)}onDestroy(){const e=!0===h(this,i,"f");g(this,i,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===h(this,s,"f");g(this,s,!0,"f"),e&&this.publish()}onHide(){const e=!0===h(this,s,"f");g(this,s,!1,"f"),e&&this.publish()}}i=new WeakMap,s=new WeakMap,a=new WeakMap,l=new WeakMap;class v extends y{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class x extends y{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class k extends y{constructor({id:e,initiator:n,type:o,title:t,subtitle:r,content:i,defaultValue:s,Input:a,disabled:l,returnOnCancel:u,footer:d,background:m,dimmed:p,manualDestroy:C,closeOnBackdropClick:f,resolve:h,ForegroundComponent:b,BackgroundComponent:y}){super({id:e,initiator:n,title:t,subtitle:r,background:m,dimmed:p,manualDestroy:C,closeOnBackdropClick:f,resolve:h,ForegroundComponent:b,BackgroundComponent:y}),c.set(this,void 0),this.type=o,this.content=i,this.Input=a,this.defaultValue=s,g(this,c,s,"f"),this.disabled=l,this.returnOnCancel=u,this.footer=d}onChange(e){g(this,c,e,"f")}onConfirm(){this.resolve(h(this,c,"f")??null)}onClose(){this.returnOnCancel?this.resolve(h(this,c,"f")??null):this.resolve(null)}}c=new WeakMap;const j=e=>{switch(e.type){case"alert":return new v(e);case"confirm":return new x(e);case"prompt":return new k(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},w=d.createContext({}),D=d.memo((({usePathname:e,children:n})=>{const o=d.useRef(new Map),[t,r]=d.useState([]),i=p.useReference(t),{pathname:s}=e(),a=d.useRef(s),l=d.useRef(0),c=q(),C=d.useMemo((()=>m.convertMsFromDuration(c.duration)),[c]);p.useOnMountLayout((()=>{const{manualDestroy:e,closeOnBackdropClick:n}=c;for(const t of b.prerender){const i=j({...t,id:l.current++,initiator:a.current,manualDestroy:void 0!==t.manualDestroy?t.manualDestroy:e,closeOnBackdropClick:void 0!==t.closeOnBackdropClick?t.closeOnBackdropClick:n});o.current.set(i.id,i),r((e=>[...e,i.id]))}return b.openHandler=t=>{const i=j({...t,id:l.current++,initiator:a.current,manualDestroy:void 0!==t.manualDestroy?t.manualDestroy:e,closeOnBackdropClick:void 0!==t.closeOnBackdropClick?t.closeOnBackdropClick:n});o.current.set(i.id,i),r((e=>{const n=[];for(const t of e)o.current.get(t)?.alive?n.push(t):o.current.delete(t);return[...n,i.id]}))},()=>{b.reset()}})),d.useLayoutEffect((()=>{for(const e of i.current){const n=o.current.get(e);n?.alive&&(n.initiator===s?n.onShow():n.onHide())}a.current=s}),[s]);const f=d.useCallback((e=>o.current.get(e)),[]),h=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onDestroy(),g.current?.())}),[]),g=d.useRef(void 0),y=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onHide(),g.current?.(),n.manualDestroy||setTimeout((()=>{n.onDestroy()}),C))}),[C]),v=d.useCallback(((e,n)=>{const t=o.current.get(e);t&&"prompt"===t.type&&t.onChange(n)}),[]),x=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onConfirm(),y(e))}),[y]),k=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onClose(),y(e))}),[y]),D=d.useCallback((e=>({modal:f(e),onConfirm:()=>x(e),onClose:()=>k(e),onChange:n=>v(e,n),onDestroy:()=>h(e)})),[f,x,k,v,h]),B=d.useMemo((()=>({modalIds:t,getModalNode:f,onChange:v,onConfirm:x,onClose:k,onDestroy:h,getModal:D,setUpdater:e=>{g.current=e}})),[t,D,f,v,x,k,h]);return u.jsx(w.Provider,{value:B,children:n})})),B=()=>d.useContext(w),O=e=>{const{getModal:n}=B();return d.useMemo((()=>n(e)),[e,n])};function F(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const M=C.css("production"===process.env.NODE_ENV?{name:"131j9g2",styles:"margin:unset"}:{name:"1w3kbco-fallback",styles:"margin:unset;label:fallback;",toString:F}),S=C.css("production"===process.env.NODE_ENV?{name:"1kuk3a3",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black"}:{name:"16dbbea-frame",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black;label:frame;",toString:F}),E=({children:e})=>u.jsx("h2",{className:M,children:e}),N=({children:e})=>u.jsx("h3",{className:M,children:e}),I=({children:e})=>u.jsx("div",{className:M,children:e}),P=({confirmLabel:e,hideConfirm:n=!1,cancelLabel:o,hideCancel:t=!1,disabled:r,onConfirm:i,onCancel:s})=>u.jsxs("div",{children:[!n&&u.jsx("button",{onClick:i,disabled:r,children:e||"확인"}),!t&&"function"==typeof s&&u.jsx("button",{onClick:s,children:o||"취소"})]}),T=e=>e?.visible,V=(e=T,n=0)=>{const{modalIds:o,getModalNode:t}=B();return d.useMemo((()=>{let n=0;for(const r of o)e(t(r))&&n++;return n}),[t,o,n])},z=d.forwardRef((({id:e,onChangeOrder:n,children:o},t)=>{const r=V(),[i,s]=d.useMemo((()=>{const n=r>1;return[n?Math.floor(e/5)%3*100:0,n?e%5*35:0]}),[r,e]);return u.jsx("div",{ref:t,className:S,onClick:n,style:{marginBottom:`calc(25vh + ${i}px)`,marginLeft:`${i}px`,transform:`translate(${s}px, ${s}px)`},children:o})})),R=d.createContext({}),H=d.memo((({ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,options:s,children:a})=>{const l=d.useMemo((()=>({BackgroundComponent:n,ForegroundComponent:e||z,TitleComponent:o||E,SubtitleComponent:t||N,ContentComponent:d.memo(r||I),FooterComponent:d.memo(i||P),options:{duration:"300ms",backdrop:"rgba(0, 0, 0, 0.5)",closeOnBackdropClick:!0,manualDestroy:!1,...s}})),[e,n,r,i,t,o,s]);return u.jsx(R.Provider,{value:l,children:a})})),L=()=>d.useContext(R),q=()=>d.useContext(R).options,A=d.createContext({}),_=({context:e,children:n})=>{const o=d.useMemo((()=>({context:e||{}})),[e]);return u.jsx(A.Provider,{value:o,children:n})},$=()=>d.useContext(A),W=()=>{const[e,n]=d.useState(window.location.pathname);return d.useLayoutEffect((()=>{let o;const t=()=>{o&&cancelAnimationFrame(o),e!==window.location.pathname?n(window.location.pathname):o=requestAnimationFrame(t)};return o=requestAnimationFrame(t),()=>{o&&cancelAnimationFrame(o)}}),[e]),{pathname:e}};function Y(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const U=C.css("production"===process.env.NODE_ENV?{name:"u7uu4v",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;}"}:{name:"coymdj-background",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;};label:background;",toString:Y}),G=C.css("production"===process.env.NODE_ENV?{name:"n07k1x",styles:"pointer-events:all"}:{name:"1hektcs-active",styles:"pointer-events:all;label:active;",toString:Y}),J=C.css("production"===process.env.NODE_ENV?{name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"}:{name:"xppew7-visible",styles:"display:flex;align-items:center;justify-content:center;label:visible;",toString:Y}),K=({modalId:e,onChangeOrder:n})=>{const{BackgroundComponent:o}=L(),{context:t}=$(),{modal:r,onClose:i,onChange:s,onConfirm:a,onDestroy:l}=O(e),c=d.useCallback((e=>{r&&r.closeOnBackdropClick&&r.visible&&i(),e.stopPropagation()}),[r,i]),m=d.useMemo((()=>r?.BackgroundComponent||o),[o,r]);return r?u.jsx("div",{className:C.cx(U,{[J]:r.manualDestroy?r.alive:r.visible,[G]:r.closeOnBackdropClick&&r.visible}),onClick:c,children:m&&u.jsx(m,{id:r.id,type:r.type,alive:r.alive,visible:r.visible,initiator:r.initiator,manualDestroy:r.manualDestroy,closeOnBackdropClick:r.closeOnBackdropClick,background:r.background,onChange:s,onConfirm:a,onClose:i,onDestroy:l,onChangeOrder:n,context:t})}):null};function Q(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=C.css("production"===process.env.NODE_ENV?{name:"12g0hx0",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1"}:{name:"1hcczik-foreground",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1;label:foreground;",toString:Q}),Z=C.css("production"===process.env.NODE_ENV?{name:"1g95xyq",styles:">*{pointer-events:all;}"}:{name:"123csva-active",styles:">*{pointer-events:all;};label:active;",toString:Q}),ee=C.css("production"===process.env.NODE_ENV?{name:"1fmljv2",styles:"display:flex!important;justify-content:center;align-items:center"}:{name:"1p4unab-visible",styles:"display:flex!important;justify-content:center;align-items:center;label:visible;",toString:Q}),ne=d.memo((({modal:e,handlers:n})=>{const{title:o,subtitle:t,content:r,footer:i}=d.useMemo((()=>e),[e]),{context:s}=$(),{onConfirm:a}=d.useMemo((()=>n),[n]),l=p.useHandle(a),{TitleComponent:c,SubtitleComponent:C,ContentComponent:f,FooterComponent:h}=L();return u.jsxs(d.Fragment,{children:[o&&(m.isString(o)?u.jsx(c,{context:s,children:o}):o),t&&(m.isString(t)?u.jsx(C,{context:s,children:t}):t),r&&(m.isString(r)?u.jsx(f,{context:s,children:r}):p.renderComponent(r,{onConfirm:l})),!1!==i&&("function"==typeof i?i({onConfirm:l,context:s}):u.jsx(h,{onConfirm:l,confirmLabel:i?.confirm,hideConfirm:i?.hideConfirm,context:s}))]})})),oe=d.memo((({modal:e,handlers:n})=>{const{title:o,subtitle:t,content:r,footer:i}=d.useMemo((()=>e),[e]),{context:s}=$(),{onConfirm:a,onClose:l}=d.useMemo((()=>n),[n]),c=p.useHandle(a),C=p.useHandle(l),{TitleComponent:f,SubtitleComponent:h,ContentComponent:g,FooterComponent:b}=L();return u.jsxs(d.Fragment,{children:[o&&(m.isString(o)?u.jsx(f,{context:s,children:o}):o),t&&(m.isString(t)?u.jsx(h,{context:s,children:t}):t),r&&(m.isString(r)?u.jsx(g,{context:s,children:r}):p.renderComponent(r,{onConfirm:c,onCancel:C,context:s})),!1!==i&&("function"==typeof i?i({onConfirm:c,onCancel:C,context:s}):u.jsx(b,{onConfirm:c,onCancel:C,confirmLabel:i?.confirm,cancelLabel:i?.cancel,hideConfirm:i?.hideConfirm,hideCancel:i?.hideCancel,context:s}))]})})),te=d.memo((({modal:e,handlers:n})=>{const{Input:o,defaultValue:t,disabled:r,title:i,subtitle:s,content:a,footer:l}=d.useMemo((()=>({...e,Input:d.memo(p.withErrorBoundary(e.Input))})),[e]),{context:c}=$(),[C,f]=d.useState(t),{onChange:h,onClose:g,onConfirm:b}=d.useMemo((()=>n),[n]),y=p.useHandle(g),v=p.useHandle((e=>{const n=m.isFunction(e)?e(C):e;f(n),h(n)})),x=d.useCallback((()=>{setTimeout((()=>{b()}))}),[b]),k=d.useMemo((()=>!!C&&!!r?.(C)),[r,C]),{TitleComponent:j,SubtitleComponent:w,ContentComponent:D,FooterComponent:B}=L();return u.jsxs(d.Fragment,{children:[i&&(m.isString(i)?u.jsx(j,{context:c,children:i}):i),s&&(m.isString(s)?u.jsx(w,{context:c,children:s}):s),a&&(m.isString(a)?u.jsx(D,{context:c,children:a}):p.renderComponent(a,{onConfirm:x,onCancel:y,context:c})),o&&u.jsx(o,{defaultValue:t,value:C,onChange:v,onConfirm:x,onCancel:y,context:c}),!1!==l&&("function"==typeof l?l({value:C,disabled:k,onChange:v,onConfirm:x,onCancel:y,context:c}):u.jsx(B,{disabled:k,onConfirm:x,onCancel:y,confirmLabel:l?.confirm,cancelLabel:l?.cancel,hideConfirm:l?.hideConfirm,hideCancel:l?.hideCancel,context:c}))]})})),re=({modalId:e,onChangeOrder:n})=>{const{ForegroundComponent:o}=L(),{context:t}=$(),{modal:r,onChange:i,onConfirm:s,onClose:a,onDestroy:l}=O(e),c=d.useMemo((()=>r?.ForegroundComponent||o),[o,r]);return r?u.jsx("div",{className:C.cx(X,{[ee]:r.manualDestroy?r.alive:r.visible,[Z]:r.visible}),children:u.jsxs(c,{id:r.id,type:r.type,alive:r.alive,visible:r.visible,initiator:r.initiator,manualDestroy:r.manualDestroy,closeOnBackdropClick:r.closeOnBackdropClick,background:r.background,onChange:i,onConfirm:s,onClose:a,onDestroy:l,onChangeOrder:n,context:t,children:["alert"===r.type&&u.jsx(ne,{modal:r,handlers:{onConfirm:s}}),"confirm"===r.type&&u.jsx(oe,{modal:r,handlers:{onConfirm:s,onClose:a}}),"prompt"===r.type&&u.jsx(te,{modal:r,handlers:{onChange:i,onConfirm:s,onClose:a}})]})}):null},ie=e=>{const[n,o]=p.useVersion();return d.useEffect((()=>{if(e)return e.subscribe(o)}),[e]),n},se=C.css("production"===process.env.NODE_ENV?{name:"13dmkf4",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden"}:{name:"yjeu12-presenter",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden;label:presenter;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),{increment:ae}=m.counterFactory(1),le=d.memo((({modalId:e})=>{const n=d.useRef(null),{modal:o}=O(e);ie(o);const t=p.useHandle((()=>{n.current&&(n.current.style.zIndex=`${ae()}`)}));return u.jsxs("div",{ref:n,className:se,children:[u.jsx(K,{modalId:e,onChangeOrder:t}),u.jsx(re,{modalId:e,onChangeOrder:t})]})})),ce=C.css("production"===process.env.NODE_ENV?{name:"2hpasy",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out"}:{name:"lhj8co-anchor",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out;label:anchor;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),ue=e=>e?.visible&&e.dimmed,de=d.memo(p.withErrorBoundary((()=>{const[e,n]=p.useVersion(),{modalIds:o,setUpdater:t}=B();d.useEffect((()=>{t(n)}),[t,n]);const r=q(),i=V(ue,e);return u.jsx("div",{className:ce,style:{transitionDuration:r.duration,backgroundColor:i?r.backdrop:"transparent"},children:m.map(o,(e=>u.jsx(le,{modalId:e},e)))})}))),me=({ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,usePathname:s,options:a,context:l,anchor:c})=>f.createPortal(u.jsx(_,{context:l,children:u.jsx(H,{ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,options:a,children:u.jsx(D,{usePathname:s,children:u.jsx(de,{})})})}),c),pe=()=>{const e=d.useRef(b.activate()),n=d.useRef(null),[,o]=p.useVersion(),t=d.useCallback((t=>{e.current?(n.current=b.anchor({root:t}),o()):m.printError("ModalProvider is already initialized",["ModalProvider can only be initialized once.","Nesting ModalProvider will be ignored..."],{info:"Something is wrong with the ModalProvider initialization..."})}),[o]);return{anchorRef:n,handleInitialize:t}},Ce=d.forwardRef((({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,children:c},m)=>{const C=d.useMemo((()=>e||W),[e]),{anchorRef:f,handleInitialize:h}=pe();return d.useImperativeHandle(m,(()=>({initialize:h})),[h]),p.useOnMount((()=>(null===m&&h(),()=>{f.current&&f.current.remove()}))),u.jsxs(d.Fragment,{children:[c,f.current&&me({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,usePathname:C,options:a,context:l,anchor:f.current})]})}));exports.ModalProvider=Ce,exports.alert=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})=>new Promise(((d,m)=>{try{b.open({type:"alert",subtype:e,resolve:()=>d(),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})}catch(e){m(e)}})),exports.confirm=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})=>new Promise(((d,m)=>{try{b.open({type:"confirm",subtype:e,resolve:e=>d(e??!1),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})}catch(e){m(e)}})),exports.prompt=({defaultValue:e,title:n,subtitle:o,content:t,Input:r,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,ForegroundComponent:m,BackgroundComponent:p})=>new Promise(((C,f)=>{try{b.open({type:"prompt",resolve:e=>C(e),title:n,subtitle:o,content:t,Input:r,defaultValue:e,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,ForegroundComponent:m,BackgroundComponent:p})}catch(e){f(e)}})),exports.useActiveModalCount=V,exports.useDestroyAfter=(e,n)=>{const{modal:o,onDestroy:t}=O(e),r=ie(o),i=d.useRef({modal:o,onDestroy:t,milliseconds:m.isString(n)?m.convertMsFromDuration(n):n});d.useEffect((()=>{const{modal:e,onDestroy:n,milliseconds:o}=i.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{n()}),o);return()=>{t&&clearTimeout(t)}}),[r])},exports.useInitializeModal=({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,mode:c="auto"}={})=>{const u=d.useMemo((()=>e||W),[e]),{anchorRef:m,handleInitialize:C}=pe();p.useOnMount((()=>("auto"===c&&C(),()=>{m.current&&m.current.remove()})));const f=d.useCallback((e=>{"manual"===c&&C(e)}),[c,C]);return{portal:m.current&&me({usePathname:u,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,anchor:m.current}),initialize:f}},exports.useModalAnimation=(e,n)=>{const o=d.useRef(n);o.current=n,d.useLayoutEffect((()=>{if(!o.current)return;let n;return n=e?requestAnimationFrame((()=>o.current.onVisible?.())):requestAnimationFrame((()=>o.current.onHidden?.())),()=>{n&&cancelAnimationFrame(n)}}),[e])},exports.useModalBackdrop=()=>q().backdrop,exports.useModalDuration=()=>{const e=q();return{duration:e.duration,milliseconds:m.convertMsFromDuration(e.duration)}},exports.useModalOptions=q,exports.useSubscribeModal=ie;
+function h(e,n,o,t){if("a"===o&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!t:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?t:"a"===o?t.call(e):t?t.value:n.get(e)}function g(e,n,o,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,o):r?r.value=o:n.set(e,o),o}"function"==typeof SuppressedError&&SuppressedError;class b{static activate(){return!h(e,e,"f",n)&&g(e,e,!0,"f",n)}static anchor(n){if(h(e,e,"f",o)){const n=document.getElementById(h(e,e,"f",o).id);if(n)return n}const{tag:t="div",prefix:r="promise-modal",root:i=document.body}=n||{},s=document.createElement(t);return s.setAttribute("id",`${r}-${m.getRandomString(36)}`),i.appendChild(s),g(e,e,s,"f",o),s}static get prerender(){return h(e,e,"f",t)}static set openHandler(n){g(e,e,n,"f",r),g(e,e,[],"f",t)}static get unanchored(){return!h(e,e,"f",o)}static reset(){g(e,e,!1,"f",n),g(e,e,null,"f",o),g(e,e,[],"f",t),g(e,e,(n=>h(e,e,"f",t).push(n)),"f",r)}static open(n){h(e,e,"f",r).call(e,n)}}e=b,n={value:!1},o={value:null},t={value:[]},r={value:n=>h(e,e,"f",t).push(n)};class y{get alive(){return h(this,i,"f")}get visible(){return h(this,s,"f")}constructor({id:e,initiator:n,title:o,subtitle:t,background:r,dimmed:c=!0,manualDestroy:u=!1,closeOnBackdropClick:d=!0,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){i.set(this,void 0),s.set(this,void 0),a.set(this,void 0),l.set(this,new Set),this.id=e,this.initiator=n,this.title=o,this.subtitle=t,this.background=r,this.dimmed=c,this.manualDestroy=u,this.closeOnBackdropClick=d,this.ForegroundComponent=p,this.BackgroundComponent=C,g(this,i,!0,"f"),g(this,s,!0,"f"),g(this,a,m,"f")}subscribe(e){return h(this,l,"f").add(e),()=>{h(this,l,"f").delete(e)}}publish(){for(const e of h(this,l,"f"))e()}resolve(e){h(this,a,"f").call(this,e)}onDestroy(){const e=!0===h(this,i,"f");g(this,i,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===h(this,s,"f");g(this,s,!0,"f"),e&&this.publish()}onHide(){const e=!0===h(this,s,"f");g(this,s,!1,"f"),e&&this.publish()}}i=new WeakMap,s=new WeakMap,a=new WeakMap,l=new WeakMap;class v extends y{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class x extends y{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,resolve:m,ForegroundComponent:p,BackgroundComponent:C}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class k extends y{constructor({id:e,initiator:n,type:o,title:t,subtitle:r,content:i,defaultValue:s,Input:a,disabled:l,returnOnCancel:u,footer:d,background:m,dimmed:p,manualDestroy:C,closeOnBackdropClick:f,resolve:h,ForegroundComponent:b,BackgroundComponent:y}){super({id:e,initiator:n,title:t,subtitle:r,background:m,dimmed:p,manualDestroy:C,closeOnBackdropClick:f,resolve:h,ForegroundComponent:b,BackgroundComponent:y}),c.set(this,void 0),this.type=o,this.content=i,this.Input=a,this.defaultValue=s,g(this,c,s,"f"),this.disabled=l,this.returnOnCancel=u,this.footer=d}onChange(e){g(this,c,e,"f")}onConfirm(){this.resolve(h(this,c,"f")??null)}onClose(){this.returnOnCancel?this.resolve(h(this,c,"f")??null):this.resolve(null)}}c=new WeakMap;const j=e=>{switch(e.type){case"alert":return new v(e);case"confirm":return new x(e);case"prompt":return new k(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},w=d.createContext({}),D=d.memo((({usePathname:e,children:n})=>{const o=d.useRef(new Map),[t,r]=d.useState([]),i=p.useReference(t),{pathname:s}=e(),a=d.useRef(s),l=d.useRef(0),c=q(),C=d.useMemo((()=>m.convertMsFromDuration(c.duration)),[c]);p.useOnMountLayout((()=>{const{manualDestroy:e,closeOnBackdropClick:n}=c;for(const t of b.prerender){const i=j({...t,id:l.current++,initiator:a.current,manualDestroy:void 0!==t.manualDestroy?t.manualDestroy:e,closeOnBackdropClick:void 0!==t.closeOnBackdropClick?t.closeOnBackdropClick:n});o.current.set(i.id,i),r((e=>[...e,i.id]))}return b.openHandler=t=>{const i=j({...t,id:l.current++,initiator:a.current,manualDestroy:void 0!==t.manualDestroy?t.manualDestroy:e,closeOnBackdropClick:void 0!==t.closeOnBackdropClick?t.closeOnBackdropClick:n});o.current.set(i.id,i),r((e=>{const n=[];for(const t of e)o.current.get(t)?.alive?n.push(t):o.current.delete(t);return[...n,i.id]}))},()=>{b.reset()}})),d.useLayoutEffect((()=>{for(const e of i.current){const n=o.current.get(e);n?.alive&&(n.initiator===s?n.onShow():n.onHide())}a.current=s}),[s]);const f=d.useCallback((e=>o.current.get(e)),[]),h=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onDestroy(),g.current?.())}),[]),g=d.useRef(void 0),y=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onHide(),g.current?.(),n.manualDestroy||setTimeout((()=>{n.onDestroy()}),C))}),[C]),v=d.useCallback(((e,n)=>{const t=o.current.get(e);t&&"prompt"===t.type&&t.onChange(n)}),[]),x=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onConfirm(),y(e))}),[y]),k=d.useCallback((e=>{const n=o.current.get(e);n&&(n.onClose(),y(e))}),[y]),D=d.useCallback((e=>({modal:f(e),onConfirm:()=>x(e),onClose:()=>k(e),onChange:n=>v(e,n),onDestroy:()=>h(e)})),[f,x,k,v,h]),B=d.useMemo((()=>({modalIds:t,getModalNode:f,onChange:v,onConfirm:x,onClose:k,onDestroy:h,getModal:D,setUpdater:e=>{g.current=e}})),[t,D,f,v,x,k,h]);return u.jsx(w.Provider,{value:B,children:n})})),B=()=>d.useContext(w),O=e=>{const{getModal:n}=B();return d.useMemo((()=>n(e)),[e,n])};function F(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const M=C.css("production"===process.env.NODE_ENV?{name:"131j9g2",styles:"margin:unset"}:{name:"1w3kbco-fallback",styles:"margin:unset;label:fallback;",toString:F}),S=C.css("production"===process.env.NODE_ENV?{name:"1kuk3a3",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black"}:{name:"16dbbea-frame",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black;label:frame;",toString:F}),E=({children:e})=>u.jsx("h2",{className:M,children:e}),N=({children:e})=>u.jsx("h3",{className:M,children:e}),I=({children:e})=>u.jsx("div",{className:M,children:e}),P=({confirmLabel:e,hideConfirm:n=!1,cancelLabel:o,hideCancel:t=!1,disabled:r,onConfirm:i,onCancel:s})=>u.jsxs("div",{children:[!n&&u.jsx("button",{onClick:i,disabled:r,children:e||"확인"}),!t&&"function"==typeof s&&u.jsx("button",{onClick:s,children:o||"취소"})]}),T=e=>e?.visible,V=(e=T,n=0)=>{const{modalIds:o,getModalNode:t}=B();return d.useMemo((()=>{let n=0;for(const r of o)e(t(r))&&n++;return n}),[t,o,n])},z=d.forwardRef((({id:e,onChangeOrder:n,children:o},t)=>{const r=V(),[i,s]=d.useMemo((()=>{const n=r>1;return[n?Math.floor(e/5)%3*100:0,n?e%5*35:0]}),[r,e]);return u.jsx("div",{ref:t,className:S,onClick:n,style:{marginBottom:`calc(25vh + ${i}px)`,marginLeft:`${i}px`,transform:`translate(${s}px, ${s}px)`},children:o})})),R=d.createContext({}),H=d.memo((({ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,options:s,children:a})=>{const l=d.useMemo((()=>({BackgroundComponent:n,ForegroundComponent:e||z,TitleComponent:o||E,SubtitleComponent:t||N,ContentComponent:d.memo(r||I),FooterComponent:d.memo(i||P),options:{duration:"300ms",backdrop:"rgba(0, 0, 0, 0.5)",closeOnBackdropClick:!0,manualDestroy:!1,...s}})),[e,n,r,i,t,o,s]);return u.jsx(R.Provider,{value:l,children:a})})),L=()=>d.useContext(R),q=()=>d.useContext(R).options,A=d.createContext({}),_=({context:e,children:n})=>{const o=d.useMemo((()=>({context:e||{}})),[e]);return u.jsx(A.Provider,{value:o,children:n})},$=()=>d.useContext(A),W=()=>{const[e,n]=d.useState(window.location.pathname);return d.useLayoutEffect((()=>{let o;const t=()=>{o&&cancelAnimationFrame(o),e!==window.location.pathname?n(window.location.pathname):o=requestAnimationFrame(t)};return o=requestAnimationFrame(t),()=>{o&&cancelAnimationFrame(o)}}),[e]),{pathname:e}};function Y(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const U=C.css("production"===process.env.NODE_ENV?{name:"u7uu4v",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;}"}:{name:"coymdj-background",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;};label:background;",toString:Y}),G=C.css("production"===process.env.NODE_ENV?{name:"n07k1x",styles:"pointer-events:all"}:{name:"1hektcs-active",styles:"pointer-events:all;label:active;",toString:Y}),J=C.css("production"===process.env.NODE_ENV?{name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"}:{name:"xppew7-visible",styles:"display:flex;align-items:center;justify-content:center;label:visible;",toString:Y}),K=({modalId:e,onChangeOrder:n})=>{const{BackgroundComponent:o}=L(),{context:t}=$(),{modal:r,onClose:i,onChange:s,onConfirm:a,onDestroy:l}=O(e),c=d.useCallback((e=>{r&&r.closeOnBackdropClick&&r.visible&&i(),e.stopPropagation()}),[r,i]),m=d.useMemo((()=>r?.BackgroundComponent||o),[o,r]);return r?u.jsx("div",{className:C.cx(U,{[J]:r.manualDestroy?r.alive:r.visible,[G]:r.closeOnBackdropClick&&r.visible}),onClick:c,children:m&&u.jsx(m,{id:r.id,type:r.type,alive:r.alive,visible:r.visible,initiator:r.initiator,manualDestroy:r.manualDestroy,closeOnBackdropClick:r.closeOnBackdropClick,background:r.background,onChange:s,onConfirm:a,onClose:i,onDestroy:l,onChangeOrder:n,context:t})}):null};function Q(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=C.css("production"===process.env.NODE_ENV?{name:"12g0hx0",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1"}:{name:"1hcczik-foreground",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1;label:foreground;",toString:Q}),Z=C.css("production"===process.env.NODE_ENV?{name:"1g95xyq",styles:">*{pointer-events:all;}"}:{name:"123csva-active",styles:">*{pointer-events:all;};label:active;",toString:Q}),ee=C.css("production"===process.env.NODE_ENV?{name:"1fmljv2",styles:"display:flex!important;justify-content:center;align-items:center"}:{name:"1p4unab-visible",styles:"display:flex!important;justify-content:center;align-items:center;label:visible;",toString:Q}),ne=d.memo((({modal:e,handlers:n})=>{const{title:o,subtitle:t,content:r,footer:i}=d.useMemo((()=>e),[e]),{context:s}=$(),{onConfirm:a}=d.useMemo((()=>n),[n]),l=p.useHandle(a),{TitleComponent:c,SubtitleComponent:C,ContentComponent:f,FooterComponent:h}=L();return u.jsxs(d.Fragment,{children:[o&&(m.isString(o)?u.jsx(c,{context:s,children:o}):o),t&&(m.isString(t)?u.jsx(C,{context:s,children:t}):t),r&&(m.isString(r)?u.jsx(f,{context:s,children:r}):p.renderComponent(r,{onConfirm:l})),!1!==i&&("function"==typeof i?i({onConfirm:l,context:s}):u.jsx(h,{onConfirm:l,confirmLabel:i?.confirm,hideConfirm:i?.hideConfirm,context:s}))]})})),oe=d.memo((({modal:e,handlers:n})=>{const{title:o,subtitle:t,content:r,footer:i}=d.useMemo((()=>e),[e]),{context:s}=$(),{onConfirm:a,onClose:l}=d.useMemo((()=>n),[n]),c=p.useHandle(a),C=p.useHandle(l),{TitleComponent:f,SubtitleComponent:h,ContentComponent:g,FooterComponent:b}=L();return u.jsxs(d.Fragment,{children:[o&&(m.isString(o)?u.jsx(f,{context:s,children:o}):o),t&&(m.isString(t)?u.jsx(h,{context:s,children:t}):t),r&&(m.isString(r)?u.jsx(g,{context:s,children:r}):p.renderComponent(r,{onConfirm:c,onCancel:C,context:s})),!1!==i&&("function"==typeof i?i({onConfirm:c,onCancel:C,context:s}):u.jsx(b,{onConfirm:c,onCancel:C,confirmLabel:i?.confirm,cancelLabel:i?.cancel,hideConfirm:i?.hideConfirm,hideCancel:i?.hideCancel,context:s}))]})})),te=d.memo((({modal:e,handlers:n})=>{const{Input:o,defaultValue:t,disabled:r,title:i,subtitle:s,content:a,footer:l}=d.useMemo((()=>({...e,Input:d.memo(p.withErrorBoundary(e.Input))})),[e]),{context:c}=$(),[C,f]=d.useState(t),{onChange:h,onClose:g,onConfirm:b}=d.useMemo((()=>n),[n]),y=p.useHandle(g),v=p.useHandle((e=>{const n=m.isFunction(e)?e(C):e;f(n),h(n)})),x=d.useCallback((()=>{setTimeout((()=>{b()}))}),[b]),k=d.useMemo((()=>!!C&&!!r?.(C)),[r,C]),{TitleComponent:j,SubtitleComponent:w,ContentComponent:D,FooterComponent:B}=L();return u.jsxs(d.Fragment,{children:[i&&(m.isString(i)?u.jsx(j,{context:c,children:i}):i),s&&(m.isString(s)?u.jsx(w,{context:c,children:s}):s),a&&(m.isString(a)?u.jsx(D,{context:c,children:a}):p.renderComponent(a,{onConfirm:x,onCancel:y,context:c})),o&&u.jsx(o,{defaultValue:t,value:C,onChange:v,onConfirm:x,onCancel:y,context:c}),!1!==l&&("function"==typeof l?l({value:C,disabled:k,onChange:v,onConfirm:x,onCancel:y,context:c}):u.jsx(B,{disabled:k,onConfirm:x,onCancel:y,confirmLabel:l?.confirm,cancelLabel:l?.cancel,hideConfirm:l?.hideConfirm,hideCancel:l?.hideCancel,context:c}))]})})),re=({modalId:e,onChangeOrder:n})=>{const{ForegroundComponent:o}=L(),{context:t}=$(),{modal:r,onChange:i,onConfirm:s,onClose:a,onDestroy:l}=O(e),c=d.useMemo((()=>r?.ForegroundComponent||o),[o,r]);return r?u.jsx("div",{className:C.cx(X,{[ee]:r.manualDestroy?r.alive:r.visible,[Z]:r.visible}),children:u.jsxs(c,{id:r.id,type:r.type,alive:r.alive,visible:r.visible,initiator:r.initiator,manualDestroy:r.manualDestroy,closeOnBackdropClick:r.closeOnBackdropClick,background:r.background,onChange:i,onConfirm:s,onClose:a,onDestroy:l,onChangeOrder:n,context:t,children:["alert"===r.type&&u.jsx(ne,{modal:r,handlers:{onConfirm:s}}),"confirm"===r.type&&u.jsx(oe,{modal:r,handlers:{onConfirm:s,onClose:a}}),"prompt"===r.type&&u.jsx(te,{modal:r,handlers:{onChange:i,onConfirm:s,onClose:a}})]})}):null},ie=e=>{const[n,o]=p.useVersion();return d.useEffect((()=>{if(e)return e.subscribe(o)}),[e,o]),n},se=C.css("production"===process.env.NODE_ENV?{name:"13dmkf4",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden"}:{name:"yjeu12-presenter",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden;label:presenter;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),{increment:ae}=m.counterFactory(1),le=d.memo((({modalId:e})=>{const n=d.useRef(null),{modal:o}=O(e);ie(o);const t=p.useHandle((()=>{n.current&&(n.current.style.zIndex=`${ae()}`)}));return u.jsxs("div",{ref:n,className:se,children:[u.jsx(K,{modalId:e,onChangeOrder:t}),u.jsx(re,{modalId:e,onChangeOrder:t})]})})),ce=C.css("production"===process.env.NODE_ENV?{name:"2hpasy",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out"}:{name:"lhj8co-anchor",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out;label:anchor;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),ue=e=>e?.visible&&e.dimmed,de=d.memo(p.withErrorBoundary((()=>{const[e,n]=p.useVersion(),{modalIds:o,setUpdater:t}=B();d.useEffect((()=>{t(n)}),[t,n]);const r=q(),i=V(ue,e);return u.jsx("div",{className:ce,style:{transitionDuration:r.duration,backgroundColor:i?r.backdrop:"transparent"},children:m.map(o,(e=>u.jsx(le,{modalId:e},e)))})}))),me=({ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,usePathname:s,options:a,context:l,anchor:c})=>f.createPortal(u.jsx(_,{context:l,children:u.jsx(H,{ForegroundComponent:e,BackgroundComponent:n,TitleComponent:o,SubtitleComponent:t,ContentComponent:r,FooterComponent:i,options:a,children:u.jsx(D,{usePathname:s,children:u.jsx(de,{})})})}),c),pe=()=>{const e=d.useRef(b.activate()),n=d.useRef(null),[,o]=p.useVersion(),t=d.useCallback((t=>{e.current?(n.current=b.anchor({root:t}),o()):m.printError("ModalProvider is already initialized",["ModalProvider can only be initialized once.","Nesting ModalProvider will be ignored..."],{info:"Something is wrong with the ModalProvider initialization..."})}),[o]);return{anchorRef:n,handleInitialize:t}},Ce=d.forwardRef((({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,children:c},m)=>{const C=d.useMemo((()=>e||W),[e]),{anchorRef:f,handleInitialize:h}=pe();return d.useImperativeHandle(m,(()=>({initialize:h})),[h]),p.useOnMount((()=>(null===m&&h(),()=>{f.current&&f.current.remove()}))),u.jsxs(d.Fragment,{children:[c,f.current&&me({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,usePathname:C,options:a,context:l,anchor:f.current})]})}));exports.ModalProvider=Ce,exports.alert=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})=>new Promise(((d,m)=>{try{b.open({type:"alert",subtype:e,resolve:()=>d(),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})}catch(e){m(e)}})),exports.confirm=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})=>new Promise(((d,m)=>{try{b.open({type:"confirm",subtype:e,resolve:e=>d(e??!1),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:u})}catch(e){m(e)}})),exports.prompt=({defaultValue:e,title:n,subtitle:o,content:t,Input:r,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,ForegroundComponent:m,BackgroundComponent:p})=>new Promise(((C,f)=>{try{b.open({type:"prompt",resolve:e=>C(e),title:n,subtitle:o,content:t,Input:r,defaultValue:e,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:u,closeOnBackdropClick:d,ForegroundComponent:m,BackgroundComponent:p})}catch(e){f(e)}})),exports.useActiveModalCount=V,exports.useDestroyAfter=(e,n)=>{const{modal:o,onDestroy:t}=O(e),r=ie(o),i=d.useRef({modal:o,onDestroy:t,milliseconds:m.isString(n)?m.convertMsFromDuration(n):n});d.useEffect((()=>{const{modal:e,onDestroy:n,milliseconds:o}=i.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{n()}),o);return()=>{t&&clearTimeout(t)}}),[r])},exports.useInitializeModal=({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,mode:c="auto"}={})=>{const u=d.useMemo((()=>e||W),[e]),{anchorRef:m,handleInitialize:C}=pe();p.useOnMount((()=>("auto"===c&&C(),()=>{m.current&&m.current.remove()})));const f=d.useCallback((e=>{"manual"===c&&C(e)}),[c,C]);return{portal:m.current&&me({usePathname:u,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:a,context:l,anchor:m.current}),initialize:f}},exports.useModalAnimation=(e,n)=>{const o=d.useRef(n);o.current=n,d.useLayoutEffect((()=>{if(!o.current)return;let n;return n=e?requestAnimationFrame((()=>o.current.onVisible?.())):requestAnimationFrame((()=>o.current.onHidden?.())),()=>{n&&cancelAnimationFrame(n)}}),[e])},exports.useModalBackdrop=()=>q().backdrop,exports.useModalDuration=()=>{const e=q();return{duration:e.duration,milliseconds:m.convertMsFromDuration(e.duration)}},exports.useModalOptions=q,exports.useSubscribeModal=ie;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/app/ModalManager.ts","../src/core/node/ModalNode/AbstractNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/providers/ModalManagerContext/ModalManagerContext.ts","../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx","../src/providers/ModalManagerContext/useModalManagerContext.ts","../src/components/FallbackComponents/classNames.emotion.ts","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/hooks/useActiveModalCount.ts","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/providers/ConfigurationContext/ConfigurationContext.ts","../src/providers/ConfigurationContext/ConfigurationContextProvider.tsx","../src/app/constant.ts","../src/providers/ConfigurationContext/useConfigurationContext.ts","../src/providers/UserDefinedContext/UserDefinedContext.ts","../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx","../src/providers/UserDefinedContext/useUserDefinedContext.ts","../src/hooks/useDefaultPathname.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/components/Anchor/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/bootstrap/BootstrapProvider/helpers/bootstrap.tsx","../src/bootstrap/BootstrapProvider/hooks/useInitialize.ts","../src/bootstrap/BootstrapProvider/BootstrapProvider.tsx","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/hooks/useDestroyAfter.ts","../src/bootstrap/BootstrapProvider/useBootstrap.tsx","../src/hooks/useModalAnimation.ts"],"sourcesContent":["import { getRandomString } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { Modal } from '@/promise-modal/types';\n\nexport class ModalManager {\n  static #active = false;\n  static activate() {\n    if (ModalManager.#active) return false;\n    return (ModalManager.#active = true);\n  }\n\n  static #anchor: HTMLElement | null = null;\n  static anchor(options?: {\n    tag?: string;\n    prefix?: string;\n    root?: HTMLElement;\n  }): HTMLElement {\n    if (ModalManager.#anchor) {\n      const anchor = document.getElementById(ModalManager.#anchor.id);\n      if (anchor) return anchor;\n    }\n    const {\n      tag = 'div',\n      prefix = 'promise-modal',\n      root = document.body,\n    } = options || {};\n    const node = document.createElement(tag);\n    node.setAttribute('id', `${prefix}-${getRandomString(36)}`);\n    root.appendChild(node);\n    ModalManager.#anchor = node;\n    return node;\n  }\n\n  static #prerenderList: Modal[] = [];\n  static get prerender() {\n    return ModalManager.#prerenderList;\n  }\n\n  static #openHandler: Fn<[Modal], void> = (modal: Modal) =>\n    ModalManager.#prerenderList.push(modal);\n  static set openHandler(handler: Fn<[Modal], void>) {\n    ModalManager.#openHandler = handler;\n    ModalManager.#prerenderList = [];\n  }\n\n  static get unanchored() {\n    return !ModalManager.#anchor;\n  }\n\n  static reset() {\n    ModalManager.#active = false;\n    ModalManager.#anchor = null;\n    ModalManager.#prerenderList = [];\n    ModalManager.#openHandler = (modal: Modal) =>\n      ModalManager.#prerenderList.push(modal);\n  }\n\n  static open(modal: Modal) {\n    ModalManager.#openHandler(modal);\n  }\n}\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  BaseModal,\n  ForegroundComponent,\n  ManagedEntity,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ntype AbstractNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class AbstractNode<T, B> {\n  readonly id: number;\n  readonly initiator: string;\n\n  readonly title?: ReactNode;\n  readonly subtitle?: ReactNode;\n  readonly background?: ModalBackground<B>;\n\n  readonly manualDestroy: boolean;\n  readonly closeOnBackdropClick: boolean;\n  readonly dimmed: boolean;\n\n  readonly ForegroundComponent?: ForegroundComponent;\n  readonly BackgroundComponent?: BackgroundComponent;\n\n  #alive: boolean;\n  get alive() {\n    return this.#alive;\n  }\n  #visible: boolean;\n  get visible() {\n    return this.#visible;\n  }\n\n  #resolve: (result: T | null) => void;\n  #listeners: Set<Fn> = new Set();\n\n  constructor({\n    id,\n    initiator,\n    title,\n    subtitle,\n    background,\n    dimmed = true,\n    manualDestroy = false,\n    closeOnBackdropClick = true,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AbstractNodeProps<T, B>) {\n    this.id = id;\n    this.initiator = initiator;\n    this.title = title;\n    this.subtitle = subtitle;\n    this.background = background;\n\n    this.dimmed = dimmed;\n    this.manualDestroy = manualDestroy;\n    this.closeOnBackdropClick = closeOnBackdropClick;\n\n    this.ForegroundComponent = ForegroundComponent;\n    this.BackgroundComponent = BackgroundComponent;\n\n    this.#alive = true;\n    this.#visible = true;\n    this.#resolve = resolve;\n  }\n\n  subscribe(listener: Fn) {\n    this.#listeners.add(listener);\n    return () => {\n      this.#listeners.delete(listener);\n    };\n  }\n  publish() {\n    for (const listener of this.#listeners) listener();\n  }\n  protected resolve(result: T | null) {\n    this.#resolve(result);\n  }\n  onDestroy() {\n    const needPublish = this.#alive === true;\n    this.#alive = false;\n    if (this.manualDestroy && needPublish) this.publish();\n  }\n  onShow() {\n    const needPublish = this.#visible === false;\n    this.#visible = true;\n    if (needPublish) this.publish();\n  }\n  onHide() {\n    const needPublish = this.#visible === true;\n    this.#visible = false;\n    if (needPublish) this.publish();\n  }\n  abstract onClose(): void;\n  abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  AlertModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends AbstractNode<null, B> {\n  readonly type: 'alert';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<AlertContentProps>;\n  readonly footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AlertNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(null);\n  }\n  onConfirm() {\n    this.resolve(null);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  ConfirmModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends AbstractNode<boolean, B> {\n  readonly type: 'confirm';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n  readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: ConfirmNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(false);\n  }\n  onConfirm() {\n    this.resolve(true);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  FooterOptions,\n  ManagedEntity,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n  PromptModal,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends AbstractNode<T, B> {\n  readonly type: 'prompt';\n  readonly content?: ReactNode | ComponentType<PromptContentProps>;\n  readonly defaultValue: T | undefined;\n  readonly Input: (props: PromptInputProps<T>) => ReactNode;\n  readonly disabled?: (value: T) => boolean;\n  readonly returnOnCancel?: boolean;\n  readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n  #value: T | undefined;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    title,\n    subtitle,\n    content,\n    defaultValue,\n    Input,\n    disabled,\n    returnOnCancel,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: PromptNodeProps<T, B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.content = content;\n    this.Input = Input;\n    this.defaultValue = defaultValue;\n    this.#value = defaultValue;\n    this.disabled = disabled;\n    this.returnOnCancel = returnOnCancel;\n    this.footer = footer;\n  }\n\n  onChange(value: T) {\n    this.#value = value;\n  }\n  onConfirm() {\n    this.resolve(this.#value ?? null);\n  }\n  onClose() {\n    if (this.returnOnCancel) this.resolve(this.#value ?? null);\n    else this.resolve(null);\n  }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n  switch (modal.type) {\n    case 'alert':\n      return new AlertNode<B>(modal);\n    case 'confirm':\n      return new ConfirmNode<B>(modal);\n    case 'prompt':\n      return new PromptNode<T, B>(modal);\n  }\n  // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n  throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","import { createContext } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalManagerContextProps extends ModalHandlersWithId {\n  modalIds: ModalNode['id'][];\n  getModal: Fn<[id: ModalNode['id']], ModalActions>;\n  getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n  setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalManagerContext = createContext<ModalManagerContextProps>(\n  {} as ModalManagerContextProps,\n);\n","import {\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { useConfigurationOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\ninterface ModalManagerContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n}\n\nexport const ModalManagerContextProvider = memo(\n  ({\n    usePathname,\n    children,\n  }: PropsWithChildren<ModalManagerContextProviderProps>) => {\n    const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n    const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n    const modalIdsRef = useReference(modalIds);\n    const { pathname } = usePathname();\n\n    const initiator = useRef(pathname);\n    const modalIdSequence = useRef(0);\n\n    const options = useConfigurationOptions();\n\n    const duration = useMemo(\n      () => convertMsFromDuration(options.duration),\n      [options],\n    );\n\n    useOnMountLayout(() => {\n      const { manualDestroy, closeOnBackdropClick } = options;\n\n      for (const data of ModalManager.prerender) {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => [...ids, modal.id]);\n      }\n\n      ModalManager.openHandler = (data: Modal) => {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => {\n          const aliveIds: number[] = [];\n          for (const id of ids) {\n            const destroyed = !modalDictionary.current.get(id)?.alive;\n            if (destroyed) modalDictionary.current.delete(id);\n            else aliveIds.push(id);\n          }\n          return [...aliveIds, modal.id];\n        });\n      };\n      return () => {\n        ModalManager.reset();\n      };\n    });\n\n    useLayoutEffect(() => {\n      for (const id of modalIdsRef.current) {\n        const modal = modalDictionary.current.get(id);\n        if (!modal?.alive) continue;\n        if (modal.initiator === pathname) modal.onShow();\n        else modal.onHide();\n      }\n      initiator.current = pathname;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pathname]);\n\n    const getModalNode = useCallback((modalId: ModalNode['id']) => {\n      return modalDictionary.current.get(modalId);\n    }, []);\n\n    const onDestroy = useCallback((modalId: ModalNode['id']) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      modal.onDestroy();\n      updaterRef.current?.();\n    }, []);\n\n    const updaterRef = useRef<Fn>(undefined);\n    const hideModal = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onHide();\n        updaterRef.current?.();\n        if (!modal.manualDestroy)\n          setTimeout(() => {\n            modal.onDestroy();\n          }, duration);\n      },\n      [duration],\n    );\n\n    const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      if (modal.type === 'prompt') modal.onChange(value);\n    }, []);\n\n    const onConfirm = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onConfirm();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const onClose = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onClose();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const getModal = useCallback(\n      (modalId: ModalNode['id']) => ({\n        modal: getModalNode(modalId),\n        onConfirm: () => onConfirm(modalId),\n        onClose: () => onClose(modalId),\n        onChange: (value: any) => onChange(modalId, value),\n        onDestroy: () => onDestroy(modalId),\n      }),\n      [getModalNode, onConfirm, onClose, onChange, onDestroy],\n    );\n\n    const value = useMemo(() => {\n      return {\n        modalIds,\n        getModalNode,\n        onChange,\n        onConfirm,\n        onClose,\n        onDestroy,\n        getModal,\n        setUpdater: (updater: Fn) => {\n          updaterRef.current = updater;\n        },\n      };\n    }, [\n      modalIds,\n      getModal,\n      getModalNode,\n      onChange,\n      onConfirm,\n      onClose,\n      onDestroy,\n    ]);\n\n    return (\n      <ModalManagerContext.Provider value={value}>\n        {children}\n      </ModalManagerContext.Provider>\n    );\n  },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\nexport const useModalManagerContext = () => useContext(ModalManagerContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n  const { getModal } = useModalManagerContext();\n  return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n  margin: unset;\n`;\n\nexport const frame = css`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  padding: 20px 80px;\n  gap: 10px;\n  border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n  return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n  return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n  return <div className={fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n  confirmLabel,\n  hideConfirm = false,\n  cancelLabel,\n  hideCancel = false,\n  disabled,\n  onConfirm,\n  onCancel,\n}: FooterComponentProps) => {\n  return (\n    <div>\n      {!hideConfirm && (\n        <button onClick={onConfirm} disabled={disabled}>\n          {confirmLabel || '확인'}\n        </button>\n      )}\n\n      {!hideCancel && typeof onCancel === 'function' && (\n        <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n      )}\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModalManagerContext } from '@/promise-modal/providers';\n\nconst defaultValidate = (modal?: ModalNode) => modal?.visible;\n\nexport const useActiveModalCount = (\n  validate: Fn<[ModalNode?], boolean | undefined> = defaultValidate,\n  refreshKey: string | number = 0,\n) => {\n  const { modalIds, getModalNode } = useModalManagerContext();\n  return useMemo(() => {\n    let count = 0;\n    for (const id of modalIds) {\n      if (validate(getModalNode(id))) count++;\n    }\n    return count;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getModalNode, modalIds, refreshKey]);\n};\n","import {\n  type ForwardedRef,\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport { frame } from './classNames.emotion';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n  (\n    { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const activeCount = useActiveModalCount();\n    const [level, offset] = useMemo(() => {\n      const stacked = activeCount > 1;\n      const level = stacked\n        ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n        : 0;\n      const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n      return [level, offset];\n    }, [activeCount, id]);\n\n    return (\n      <div\n        ref={ref}\n        className={frame}\n        onClick={onChangeOrder}\n        style={{\n          marginBottom: `calc(25vh + ${level}px)`,\n          marginLeft: `${level}px`,\n          transform: `translate(${offset}px, ${offset}px)`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n","import { type ComponentType, createContext } from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  FooterComponentProps,\n  ForegroundComponent,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nexport interface ConfigurationContextProps {\n  ForegroundComponent: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n  TitleComponent: ComponentType<WrapperComponentProps>;\n  SubtitleComponent: ComponentType<WrapperComponentProps>;\n  ContentComponent: ComponentType<WrapperComponentProps>;\n  FooterComponent: ComponentType<FooterComponentProps>;\n  options: {\n    duration: Duration;\n    backdrop: Color;\n    manualDestroy: boolean;\n    closeOnBackdropClick: boolean;\n  };\n}\n\nexport const ConfigurationContext = createContext<ConfigurationContextProps>(\n  {} as ConfigurationContextProps,\n);\n","import {\n  type ComponentType,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport {\n  DEFAULT_ANIMATION_DURATION,\n  DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n  FallbackContent,\n  FallbackFooter,\n  FallbackForegroundFrame,\n  FallbackSubtitle,\n  FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport type {\n  FooterComponentProps,\n  ModalFrameProps,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport interface ConfigurationContextProviderProps {\n  BackgroundComponent?: ComponentType<ModalFrameProps>;\n  ForegroundComponent?: ComponentType<ModalFrameProps>;\n  TitleComponent?: ComponentType<WrapperComponentProps>;\n  SubtitleComponent?: ComponentType<WrapperComponentProps>;\n  ContentComponent?: ComponentType<WrapperComponentProps>;\n  FooterComponent?: ComponentType<FooterComponentProps>;\n  options?: {\n    /** Modal transition time(ms, s) */\n    duration?: Duration;\n    /** Modal backdrop color */\n    backdrop?: Color;\n    /** Whether to destroy the modal manually */\n    manualDestroy?: boolean;\n    /** Whether to close the modal when the backdrop is clicked */\n    closeOnBackdropClick?: boolean;\n  };\n}\n\nexport const ConfigurationContextProvider = memo(\n  ({\n    ForegroundComponent,\n    BackgroundComponent,\n    TitleComponent,\n    SubtitleComponent,\n    ContentComponent,\n    FooterComponent,\n    options,\n    children,\n  }: PropsWithChildren<ConfigurationContextProviderProps>) => {\n    const value = useMemo(\n      () => ({\n        BackgroundComponent,\n        ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n        TitleComponent: TitleComponent || FallbackTitle,\n        SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n        ContentComponent: memo(ContentComponent || FallbackContent),\n        FooterComponent: memo(FooterComponent || FallbackFooter),\n        options: {\n          duration: DEFAULT_ANIMATION_DURATION,\n          backdrop: DEFAULT_BACKDROP_COLOR,\n          closeOnBackdropClick: true,\n          manualDestroy: false,\n          ...options,\n        } satisfies ConfigurationContextProviderProps['options'],\n      }),\n      [\n        ForegroundComponent,\n        BackgroundComponent,\n        ContentComponent,\n        FooterComponent,\n        SubtitleComponent,\n        TitleComponent,\n        options,\n      ],\n    );\n    return (\n      <ConfigurationContext.Provider value={value}>\n        {children}\n      </ConfigurationContext.Provider>\n    );\n  },\n);\n","import type { Color, Duration } from '@aileron/declare';\n\nexport const DEFAULT_ANIMATION_DURATION: Duration = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR: Color = 'rgba(0, 0, 0, 0.5)';\n","import { useContext } from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport const useConfigurationContext = () => useContext(ConfigurationContext);\n\nexport const useConfigurationOptions = () => {\n  const context = useContext(ConfigurationContext);\n  return context.options;\n};\n\nexport const useConfigurationDuration = () => {\n  const context = useConfigurationOptions();\n  return {\n    duration: context.duration,\n    milliseconds: convertMsFromDuration(context.duration),\n  };\n};\n\nexport const useConfigurationBackdrop = () => {\n  const context = useConfigurationOptions();\n  return context.backdrop;\n};\n","import { createContext } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nexport interface UserDefinedContext {\n  context: Dictionary;\n}\n\nexport const UserDefinedContext = createContext<UserDefinedContext>(\n  {} as UserDefinedContext,\n);\n","import { PropsWithChildren, useMemo } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\ninterface UserDefinedContextProviderProps {\n  /** 사용자 정의 컨텍스트 */\n  context?: Dictionary;\n}\n\nexport const UserDefinedContextProvider = ({\n  context,\n  children,\n}: PropsWithChildren<UserDefinedContextProviderProps>) => {\n  const contextValue = useMemo(() => ({ context: context || {} }), [context]);\n  return (\n    <UserDefinedContext.Provider value={contextValue}>\n      {children}\n    </UserDefinedContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\nexport const useUserDefinedContext = () => {\n  return useContext(UserDefinedContext);\n};\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n  const [pathname, setPathname] = useState(window.location.pathname);\n  useLayoutEffect(() => {\n    let requestId: number;\n    const checkPathname = () => {\n      if (requestId) cancelAnimationFrame(requestId);\n      if (pathname !== window.location.pathname) {\n        setPathname(window.location.pathname);\n      } else {\n        requestId = requestAnimationFrame(checkPathname);\n      }\n    };\n    requestId = requestAnimationFrame(checkPathname);\n    return () => {\n      if (requestId) cancelAnimationFrame(requestId);\n    };\n  }, [pathname]);\n  return { pathname };\n};\n","import { css } from '@emotion/css';\n\nexport const background = css`\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: -999;\n  pointer-events: none;\n  > * {\n    pointer-events: none;\n  }\n`;\n\nexport const active = css`\n  pointer-events: all;\n`;\n\nexport const visible = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n","import { type MouseEvent, useCallback, useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\n\nexport const BackgroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { BackgroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n  const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n  const handleClose = useCallback(\n    (event: MouseEvent) => {\n      if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n      event.stopPropagation();\n    },\n    [modal, onClose],\n  );\n\n  const Background = useMemo(\n    () => modal?.BackgroundComponent || BackgroundComponent,\n    [BackgroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(background, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.closeOnBackdropClick && modal.visible,\n      })}\n      onClick={handleClose}\n    >\n      {Background && (\n        <Background\n          id={modal.id}\n          type={modal.type}\n          alive={modal.alive}\n          visible={modal.visible}\n          initiator={modal.initiator}\n          manualDestroy={modal.manualDestroy}\n          closeOnBackdropClick={modal.closeOnBackdropClick}\n          background={modal.background}\n          onChange={onChange}\n          onConfirm={onConfirm}\n          onClose={onClose}\n          onDestroy={onDestroy}\n          onChangeOrder={onChangeOrder}\n          context={userDefinedContext}\n        />\n      )}\n    </div>\n  );\n};\n","import { css } from '@emotion/css';\n\nexport const foreground = css`\n  pointer-events: none;\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n`;\n\nexport const active = css`\n  > * {\n    pointer-events: all;\n  }\n`;\n\nexport const visible = css`\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n`;\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n  modal: AlertNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n  <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              confirmLabel={footer?.confirm}\n              hideConfirm={footer?.hideConfirm}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n  modal: ConfirmNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n  <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n    const handleClose = useHandle(onClose);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport {\n  renderComponent,\n  useHandle,\n  withErrorBoundary,\n} from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n  modal: PromptNode<T, B>;\n  handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n  <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n    const {\n      Input,\n      defaultValue,\n      disabled: checkDisabled,\n      title,\n      subtitle,\n      content,\n      footer,\n    } = useMemo(\n      () => ({\n        ...modal,\n        Input: memo(withErrorBoundary(modal.Input)),\n      }),\n      [modal],\n    );\n\n    const { context: userDefinedContext } = useUserDefinedContext();\n\n    const [value, setValue] = useState<T | undefined>(defaultValue);\n\n    const { onChange, onClose, onConfirm } = useMemo(\n      () => handlers,\n      [handlers],\n    );\n\n    const handleClose = useHandle(onClose);\n    const handleChange = useHandle(\n      (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n        const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n        setValue(input);\n        onChange(input);\n      },\n    );\n\n    const handleConfirm = useCallback(() => {\n      // NOTE: wait for the next tick to ensure the value is updated\n      setTimeout(() => {\n        onConfirm();\n      });\n    }, [onConfirm]);\n\n    const disabled = useMemo(\n      () => (value ? !!checkDisabled?.(value) : false),\n      [checkDisabled, value],\n    );\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n\n        {Input && (\n          <Input\n            defaultValue={defaultValue}\n            value={value}\n            onChange={handleChange}\n            onConfirm={handleConfirm}\n            onCancel={handleClose}\n            context={userDefinedContext}\n          />\n        )}\n\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              value,\n              disabled,\n              onChange: handleChange,\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              disabled={disabled}\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const ForegroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { ForegroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n\n  const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n  const Foreground = useMemo(\n    () => modal?.ForegroundComponent || ForegroundComponent,\n    [ForegroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(foreground, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.visible,\n      })}\n    >\n      <Foreground\n        id={modal.id}\n        type={modal.type}\n        alive={modal.alive}\n        visible={modal.visible}\n        initiator={modal.initiator}\n        manualDestroy={modal.manualDestroy}\n        closeOnBackdropClick={modal.closeOnBackdropClick}\n        background={modal.background}\n        onChange={onChange}\n        onConfirm={onConfirm}\n        onClose={onClose}\n        onDestroy={onDestroy}\n        onChangeOrder={onChangeOrder}\n        context={userDefinedContext}\n      >\n        {modal.type === 'alert' && (\n          <AlertInner modal={modal} handlers={{ onConfirm }} />\n        )}\n        {modal.type === 'confirm' && (\n          <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n        )}\n        {modal.type === 'prompt' && (\n          <PromptInner\n            modal={modal}\n            handlers={{ onChange, onConfirm, onClose }}\n          />\n        )}\n      </Foreground>\n    </div>\n  );\n};\n","import { useEffect } from 'react';\n\nimport { useVersion } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n  const [version, update] = useVersion();\n  useEffect(() => {\n    if (!modal) return;\n    const unsubscribe = modal.subscribe(update);\n    return unsubscribe;\n  }, [modal]);\n  return version;\n};\n","import { css } from '@emotion/css';\n\nexport const presenter = css`\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n`;\n","import { memo, useRef } from 'react';\n\nimport { counterFactory } from '@winglet/common-utils';\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport { presenter } from './classNames.emotion';\n\nconst { increment } = counterFactory(1);\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { modal } = useModal(modalId);\n  useSubscribeModal(modal);\n  const handleChangeOrder = useHandle(() => {\n    if (ref.current) {\n      ref.current.style.zIndex = `${increment()}`;\n    }\n  });\n  return (\n    <div ref={ref} className={presenter}>\n      <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n      <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n    </div>\n  );\n});\n","import { css } from '@emotion/css';\n\nexport const anchor = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1000;\n  transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { map } from '@winglet/common-utils';\nimport { useVersion, withErrorBoundary } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport {\n  useConfigurationOptions,\n  useModalManagerContext,\n} from '@/promise-modal/providers';\n\nimport { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\n  const [version, update] = useVersion();\n\n  const { modalIds, setUpdater } = useModalManagerContext();\n\n  useEffect(() => {\n    setUpdater(update);\n  }, [setUpdater, update]);\n\n  const options = useConfigurationOptions();\n\n  const dimmed = useActiveModalCount(validateDimmable, version);\n\n  return (\n    <div\n      className={anchor}\n      style={{\n        transitionDuration: options.duration,\n        backgroundColor: dimmed ? options.backdrop : 'transparent',\n      }}\n    >\n      {map(modalIds, (id) => (\n        <Presenter key={id} modalId={id} />\n      ))}\n    </div>\n  );\n};\n\nconst validateDimmable = (modal?: ModalNode) => modal?.visible && modal.dimmed;\n\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { createPortal } from 'react-dom';\n\nimport type { Dictionary, Fn } from '@aileron/declare';\n\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n  ConfigurationContextProvider,\n  type ConfigurationContextProviderProps,\n} from '@/promise-modal/providers/ConfigurationContext';\nimport { ModalManagerContextProvider } from '@/promise-modal/providers/ModalManagerContext';\nimport { UserDefinedContextProvider } from '@/promise-modal/providers/UserDefinedContext';\n\ninterface BootstrapProps extends ConfigurationContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n  context?: Dictionary;\n  anchor: HTMLElement;\n}\n\nexport const bootstrap = ({\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  usePathname,\n  options,\n  context,\n  anchor,\n}: BootstrapProps) =>\n  createPortal(\n    <UserDefinedContextProvider context={context}>\n      <ConfigurationContextProvider\n        ForegroundComponent={ForegroundComponent}\n        BackgroundComponent={BackgroundComponent}\n        TitleComponent={TitleComponent}\n        SubtitleComponent={SubtitleComponent}\n        ContentComponent={ContentComponent}\n        FooterComponent={FooterComponent}\n        options={options}\n      >\n        <ModalManagerContextProvider usePathname={usePathname}>\n          <Anchor />\n        </ModalManagerContextProvider>\n      </ConfigurationContextProvider>\n    </UserDefinedContextProvider>,\n    anchor,\n  );\n","import { useCallback, useRef } from 'react';\n\nimport { printError } from '@winglet/common-utils';\nimport { useVersion } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\n\nexport const useInitialize = () => {\n  const permitted = useRef(ModalManager.activate());\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const [, update] = useVersion();\n\n  const handleInitialize = useCallback(\n    (root?: HTMLElement) => {\n      if (permitted.current) {\n        anchorRef.current = ModalManager.anchor({ root });\n        update();\n      } else\n        printError(\n          'ModalProvider is already initialized',\n          [\n            'ModalProvider can only be initialized once.',\n            'Nesting ModalProvider will be ignored...',\n          ],\n          {\n            info: 'Something is wrong with the ModalProvider initialization...',\n          },\n        );\n    },\n    [update],\n  );\n\n  return {\n    anchorRef,\n    handleInitialize,\n  } as const;\n};\n","import {\n  Fragment,\n  type PropsWithChildren,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderHandle, BootstrapProviderProps } from './type';\n\nexport const BootstrapProvider = forwardRef<\n  BootstrapProviderHandle,\n  PropsWithChildren<BootstrapProviderProps>\n>(\n  (\n    {\n      usePathname: useExternalPathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      children,\n    },\n    handleRef,\n  ) => {\n    const usePathname = useMemo(\n      () => useExternalPathname || useDefaultPathname,\n      [useExternalPathname],\n    );\n\n    const { anchorRef, handleInitialize } = useInitialize();\n\n    useImperativeHandle(\n      handleRef,\n      () => ({\n        initialize: handleInitialize,\n      }),\n      [handleInitialize],\n    );\n\n    useOnMount(() => {\n      /**\n       * NOTE: `handleRef` being null indicates that no `ref` was provided.\n       *   In this case, the `ModalProvider`(=`BootstrapProvider`) is not receiving the `ref`,\n       *   so it should be initialized automatically.\n       */\n      if (handleRef === null) handleInitialize();\n      return () => {\n        if (anchorRef.current) anchorRef.current.remove();\n      };\n    });\n\n    return (\n      <Fragment>\n        {children}\n        {anchorRef.current &&\n          bootstrap({\n            ForegroundComponent,\n            BackgroundComponent,\n            TitleComponent,\n            SubtitleComponent,\n            ContentComponent,\n            FooterComponent,\n            usePathname,\n            options,\n            context,\n            anchor: anchorRef.current,\n          })}\n      </Fragment>\n    );\n  },\n);\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<AlertContentProps>;\n  background?: ModalBackground<B>;\n  footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const alert = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: AlertProps<B>) => {\n  return new Promise<void>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'alert',\n        subtype,\n        resolve: () => resolve(),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<ConfirmContentProps>;\n  background?: ModalBackground<B>;\n  footer?: ConfirmFooterRender | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const confirm = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: ConfirmProps<B>) => {\n  return new Promise<boolean>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'confirm',\n        subtype,\n        resolve: (result) => resolve(result ?? false),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n} from '@/promise-modal/types';\n\ninterface PromptProps<T, B = any> {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<PromptContentProps>;\n  Input: (props: PromptInputProps<T>) => ReactNode;\n  defaultValue?: T;\n  disabled?: (value: T) => boolean;\n  returnOnCancel?: boolean;\n  background?: ModalBackground<B>;\n  footer?: PromptFooterRender<T> | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const prompt = <T, B = any>({\n  defaultValue,\n  title,\n  subtitle,\n  content,\n  Input,\n  disabled,\n  returnOnCancel,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: PromptProps<T, B>) => {\n  return new Promise<T>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'prompt',\n        resolve: (result) => resolve(result as T),\n        title,\n        subtitle,\n        content,\n        Input,\n        defaultValue,\n        disabled,\n        returnOnCancel,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import { useEffect, useRef } from 'react';\n\nimport { convertMsFromDuration, isString } from '@winglet/common-utils';\n\nimport type { Duration } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModal } from '@/promise-modal/providers';\n\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n  modalId: ModalNode['id'],\n  duration: Duration | number,\n) => {\n  const { modal, onDestroy } = useModal(modalId);\n  const tick = useSubscribeModal(modal);\n\n  const reference = useRef({\n    modal,\n    onDestroy,\n    milliseconds: isString(duration)\n      ? convertMsFromDuration(duration)\n      : duration,\n  });\n\n  useEffect(() => {\n    const { modal, onDestroy, milliseconds } = reference.current;\n    if (!modal || modal.visible || !modal.alive) return;\n    const timer = setTimeout(() => {\n      onDestroy();\n    }, milliseconds);\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, [tick]);\n};\n","import { useCallback, useMemo } from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderProps } from './type';\n\nexport const useBootstrap = ({\n  usePathname: useExternalPathname,\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  options,\n  context,\n  mode = 'auto',\n}: BootstrapProviderProps & { mode?: 'manual' | 'auto' } = {}) => {\n  const usePathname = useMemo(\n    () => useExternalPathname || useDefaultPathname,\n    [useExternalPathname],\n  );\n\n  const { anchorRef, handleInitialize } = useInitialize();\n\n  useOnMount(() => {\n    if (mode === 'auto') handleInitialize();\n    return () => {\n      if (anchorRef.current) anchorRef.current.remove();\n    };\n  });\n\n  const initialize = useCallback(\n    (element: HTMLElement) => {\n      if (mode === 'manual') handleInitialize(element);\n    },\n    [mode, handleInitialize],\n  );\n\n  const portal =\n    anchorRef.current &&\n    bootstrap({\n      usePathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      anchor: anchorRef.current,\n    });\n\n  return { portal, initialize };\n};\n","import { useLayoutEffect, useRef } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\ninterface ModalAnimationHandler {\n  onVisible?: Fn;\n  onHidden?: Fn;\n}\n\nexport const useModalAnimation = (\n  visible: boolean,\n  handler: ModalAnimationHandler,\n) => {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n  useLayoutEffect(() => {\n    if (!handlerRef.current) return;\n    let frame: ReturnType<typeof requestAnimationFrame>;\n    if (visible)\n      frame = requestAnimationFrame(() => handlerRef.current.onVisible?.());\n    else frame = requestAnimationFrame(() => handlerRef.current.onHidden?.());\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n    };\n  }, [visible]);\n};\n"],"names":["ModalManager","activate","__classPrivateFieldGet","_a","_ModalManager_active","__classPrivateFieldSet","anchor","options","_ModalManager_anchor","document","getElementById","id","tag","prefix","root","body","node","createElement","setAttribute","getRandomString","appendChild","prerender","_ModalManager_prerenderList","openHandler","handler","_ModalManager_openHandler","unanchored","reset","modal","push","open","call","value","AbstractNode","alive","this","_AbstractNode_alive","visible","_AbstractNode_visible","constructor","initiator","title","subtitle","background","dimmed","manualDestroy","closeOnBackdropClick","resolve","ForegroundComponent","BackgroundComponent","set","_AbstractNode_resolve","_AbstractNode_listeners","Set","subscribe","listener","add","delete","publish","result","onDestroy","needPublish","onShow","onHide","AlertNode","type","subtype","content","footer","super","onClose","onConfirm","ConfirmNode","PromptNode","defaultValue","Input","disabled","returnOnCancel","_PromptNode_value","onChange","nodeFactory","Error","ModalManagerContext","createContext","ModalManagerContextProvider","memo","usePathname","children","modalDictionary","useRef","Map","modalIds","setModalIds","useState","modalIdsRef","useReference","pathname","modalIdSequence","useConfigurationOptions","duration","useMemo","convertMsFromDuration","useOnMountLayout","data","current","undefined","ids","aliveIds","get","useLayoutEffect","getModalNode","useCallback","modalId","updaterRef","hideModal","setTimeout","getModal","setUpdater","updater","_jsx","jsx","Provider","useModalManagerContext","useContext","useModal","fallback","css","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","frame","FallbackTitle","className","FallbackSubtitle","FallbackContent","FallbackFooter","confirmLabel","hideConfirm","cancelLabel","hideCancel","onCancel","_jsxs","onClick","defaultValidate","useActiveModalCount","validate","refreshKey","count","FallbackForegroundFrame","forwardRef","onChangeOrder","ref","activeCount","level","offset","stacked","Math","floor","style","marginBottom","marginLeft","transform","ConfigurationContext","ConfigurationContextProvider","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","backdrop","useConfigurationContext","UserDefinedContext","UserDefinedContextProvider","context","contextValue","useUserDefinedContext","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","active","BackgroundFrame","userDefinedContext","handleClose","event","stopPropagation","Background","cx","visible$1","active$1","foreground","AlertInner","handlers","handleConfirm","useHandle","Fragment","isString","renderComponent","confirm","ConfirmInner","cancel","PromptInner","checkDisabled","withErrorBoundary","setValue","handleChange","inputValue","input","isFunction","ForegroundFrame","Foreground","useSubscribeModal","version","update","useVersion","useEffect","presenter","increment","counterFactory","Presenter","handleChangeOrder","zIndex","validateDimmable","Anchor","transitionDuration","backgroundColor","map","bootstrap","createPortal","useInitialize","permitted","anchorRef","handleInitialize","printError","info","BootstrapProvider","useExternalPathname","handleRef","useDefaultPathname","useImperativeHandle","initialize","useOnMount","remove","Promise","reject","error","tick","reference","milliseconds","timer","clearTimeout","mode","element","portal","handlerRef","onVisible","onHidden"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/app/ModalManager.ts","../src/core/node/ModalNode/AbstractNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/providers/ModalManagerContext/ModalManagerContext.ts","../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx","../src/providers/ModalManagerContext/useModalManagerContext.ts","../src/components/FallbackComponents/classNames.emotion.ts","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/hooks/useActiveModalCount.ts","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/providers/ConfigurationContext/ConfigurationContext.ts","../src/providers/ConfigurationContext/ConfigurationContextProvider.tsx","../src/app/constant.ts","../src/providers/ConfigurationContext/useConfigurationContext.ts","../src/providers/UserDefinedContext/UserDefinedContext.ts","../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx","../src/providers/UserDefinedContext/useUserDefinedContext.ts","../src/hooks/useDefaultPathname.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/components/Anchor/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/bootstrap/BootstrapProvider/helpers/bootstrap.tsx","../src/bootstrap/BootstrapProvider/hooks/useInitialize.ts","../src/bootstrap/BootstrapProvider/BootstrapProvider.tsx","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/hooks/useDestroyAfter.ts","../src/bootstrap/BootstrapProvider/useBootstrap.tsx","../src/hooks/useModalAnimation.ts"],"sourcesContent":["import { getRandomString } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { Modal } from '@/promise-modal/types';\n\nexport class ModalManager {\n  static #active = false;\n  static activate() {\n    if (ModalManager.#active) return false;\n    return (ModalManager.#active = true);\n  }\n\n  static #anchor: HTMLElement | null = null;\n  static anchor(options?: {\n    tag?: string;\n    prefix?: string;\n    root?: HTMLElement;\n  }): HTMLElement {\n    if (ModalManager.#anchor) {\n      const anchor = document.getElementById(ModalManager.#anchor.id);\n      if (anchor) return anchor;\n    }\n    const {\n      tag = 'div',\n      prefix = 'promise-modal',\n      root = document.body,\n    } = options || {};\n    const node = document.createElement(tag);\n    node.setAttribute('id', `${prefix}-${getRandomString(36)}`);\n    root.appendChild(node);\n    ModalManager.#anchor = node;\n    return node;\n  }\n\n  static #prerenderList: Modal[] = [];\n  static get prerender() {\n    return ModalManager.#prerenderList;\n  }\n\n  static #openHandler: Fn<[Modal], void> = (modal: Modal) =>\n    ModalManager.#prerenderList.push(modal);\n  static set openHandler(handler: Fn<[Modal], void>) {\n    ModalManager.#openHandler = handler;\n    ModalManager.#prerenderList = [];\n  }\n\n  static get unanchored() {\n    return !ModalManager.#anchor;\n  }\n\n  static reset() {\n    ModalManager.#active = false;\n    ModalManager.#anchor = null;\n    ModalManager.#prerenderList = [];\n    ModalManager.#openHandler = (modal: Modal) =>\n      ModalManager.#prerenderList.push(modal);\n  }\n\n  static open(modal: Modal) {\n    ModalManager.#openHandler(modal);\n  }\n}\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  BaseModal,\n  ForegroundComponent,\n  ManagedEntity,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ntype AbstractNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class AbstractNode<T, B> {\n  readonly id: number;\n  readonly initiator: string;\n\n  readonly title?: ReactNode;\n  readonly subtitle?: ReactNode;\n  readonly background?: ModalBackground<B>;\n\n  readonly manualDestroy: boolean;\n  readonly closeOnBackdropClick: boolean;\n  readonly dimmed: boolean;\n\n  readonly ForegroundComponent?: ForegroundComponent;\n  readonly BackgroundComponent?: BackgroundComponent;\n\n  #alive: boolean;\n  get alive() {\n    return this.#alive;\n  }\n  #visible: boolean;\n  get visible() {\n    return this.#visible;\n  }\n\n  #resolve: (result: T | null) => void;\n  #listeners: Set<Fn> = new Set();\n\n  constructor({\n    id,\n    initiator,\n    title,\n    subtitle,\n    background,\n    dimmed = true,\n    manualDestroy = false,\n    closeOnBackdropClick = true,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AbstractNodeProps<T, B>) {\n    this.id = id;\n    this.initiator = initiator;\n    this.title = title;\n    this.subtitle = subtitle;\n    this.background = background;\n\n    this.dimmed = dimmed;\n    this.manualDestroy = manualDestroy;\n    this.closeOnBackdropClick = closeOnBackdropClick;\n\n    this.ForegroundComponent = ForegroundComponent;\n    this.BackgroundComponent = BackgroundComponent;\n\n    this.#alive = true;\n    this.#visible = true;\n    this.#resolve = resolve;\n  }\n\n  subscribe(listener: Fn) {\n    this.#listeners.add(listener);\n    return () => {\n      this.#listeners.delete(listener);\n    };\n  }\n  publish() {\n    for (const listener of this.#listeners) listener();\n  }\n  protected resolve(result: T | null) {\n    this.#resolve(result);\n  }\n  onDestroy() {\n    const needPublish = this.#alive === true;\n    this.#alive = false;\n    if (this.manualDestroy && needPublish) this.publish();\n  }\n  onShow() {\n    const needPublish = this.#visible === false;\n    this.#visible = true;\n    if (needPublish) this.publish();\n  }\n  onHide() {\n    const needPublish = this.#visible === true;\n    this.#visible = false;\n    if (needPublish) this.publish();\n  }\n  abstract onClose(): void;\n  abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  AlertModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends AbstractNode<null, B> {\n  readonly type: 'alert';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<AlertContentProps>;\n  readonly footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AlertNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(null);\n  }\n  onConfirm() {\n    this.resolve(null);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  ConfirmModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends AbstractNode<boolean, B> {\n  readonly type: 'confirm';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n  readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: ConfirmNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(false);\n  }\n  onConfirm() {\n    this.resolve(true);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  FooterOptions,\n  ManagedEntity,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n  PromptModal,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends AbstractNode<T, B> {\n  readonly type: 'prompt';\n  readonly content?: ReactNode | ComponentType<PromptContentProps>;\n  readonly defaultValue: T | undefined;\n  readonly Input: (props: PromptInputProps<T>) => ReactNode;\n  readonly disabled?: (value: T) => boolean;\n  readonly returnOnCancel?: boolean;\n  readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n  #value: T | undefined;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    title,\n    subtitle,\n    content,\n    defaultValue,\n    Input,\n    disabled,\n    returnOnCancel,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: PromptNodeProps<T, B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.content = content;\n    this.Input = Input;\n    this.defaultValue = defaultValue;\n    this.#value = defaultValue;\n    this.disabled = disabled;\n    this.returnOnCancel = returnOnCancel;\n    this.footer = footer;\n  }\n\n  onChange(value: T) {\n    this.#value = value;\n  }\n  onConfirm() {\n    this.resolve(this.#value ?? null);\n  }\n  onClose() {\n    if (this.returnOnCancel) this.resolve(this.#value ?? null);\n    else this.resolve(null);\n  }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n  switch (modal.type) {\n    case 'alert':\n      return new AlertNode<B>(modal);\n    case 'confirm':\n      return new ConfirmNode<B>(modal);\n    case 'prompt':\n      return new PromptNode<T, B>(modal);\n  }\n  // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n  throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","import { createContext } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalManagerContextProps extends ModalHandlersWithId {\n  modalIds: ModalNode['id'][];\n  getModal: Fn<[id: ModalNode['id']], ModalActions>;\n  getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n  setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalManagerContext = createContext<ModalManagerContextProps>(\n  {} as ModalManagerContextProps,\n);\n","import {\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { useConfigurationOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\ninterface ModalManagerContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n}\n\nexport const ModalManagerContextProvider = memo(\n  ({\n    usePathname,\n    children,\n  }: PropsWithChildren<ModalManagerContextProviderProps>) => {\n    const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n    const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n    const modalIdsRef = useReference(modalIds);\n    const { pathname } = usePathname();\n\n    const initiator = useRef(pathname);\n    const modalIdSequence = useRef(0);\n\n    const options = useConfigurationOptions();\n\n    const duration = useMemo(\n      () => convertMsFromDuration(options.duration),\n      [options],\n    );\n\n    useOnMountLayout(() => {\n      const { manualDestroy, closeOnBackdropClick } = options;\n\n      for (const data of ModalManager.prerender) {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => [...ids, modal.id]);\n      }\n\n      ModalManager.openHandler = (data: Modal) => {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => {\n          const aliveIds: number[] = [];\n          for (const id of ids) {\n            const destroyed = !modalDictionary.current.get(id)?.alive;\n            if (destroyed) modalDictionary.current.delete(id);\n            else aliveIds.push(id);\n          }\n          return [...aliveIds, modal.id];\n        });\n      };\n      return () => {\n        ModalManager.reset();\n      };\n    });\n\n    useLayoutEffect(() => {\n      for (const id of modalIdsRef.current) {\n        const modal = modalDictionary.current.get(id);\n        if (!modal?.alive) continue;\n        if (modal.initiator === pathname) modal.onShow();\n        else modal.onHide();\n      }\n      initiator.current = pathname;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pathname]);\n\n    const getModalNode = useCallback((modalId: ModalNode['id']) => {\n      return modalDictionary.current.get(modalId);\n    }, []);\n\n    const onDestroy = useCallback((modalId: ModalNode['id']) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      modal.onDestroy();\n      updaterRef.current?.();\n    }, []);\n\n    const updaterRef = useRef<Fn>(undefined);\n    const hideModal = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onHide();\n        updaterRef.current?.();\n        if (!modal.manualDestroy)\n          setTimeout(() => {\n            modal.onDestroy();\n          }, duration);\n      },\n      [duration],\n    );\n\n    const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      if (modal.type === 'prompt') modal.onChange(value);\n    }, []);\n\n    const onConfirm = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onConfirm();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const onClose = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onClose();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const getModal = useCallback(\n      (modalId: ModalNode['id']) => ({\n        modal: getModalNode(modalId),\n        onConfirm: () => onConfirm(modalId),\n        onClose: () => onClose(modalId),\n        onChange: (value: any) => onChange(modalId, value),\n        onDestroy: () => onDestroy(modalId),\n      }),\n      [getModalNode, onConfirm, onClose, onChange, onDestroy],\n    );\n\n    const value = useMemo(() => {\n      return {\n        modalIds,\n        getModalNode,\n        onChange,\n        onConfirm,\n        onClose,\n        onDestroy,\n        getModal,\n        setUpdater: (updater: Fn) => {\n          updaterRef.current = updater;\n        },\n      };\n    }, [\n      modalIds,\n      getModal,\n      getModalNode,\n      onChange,\n      onConfirm,\n      onClose,\n      onDestroy,\n    ]);\n\n    return (\n      <ModalManagerContext.Provider value={value}>\n        {children}\n      </ModalManagerContext.Provider>\n    );\n  },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\nexport const useModalManagerContext = () => useContext(ModalManagerContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n  const { getModal } = useModalManagerContext();\n  return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n  margin: unset;\n`;\n\nexport const frame = css`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  padding: 20px 80px;\n  gap: 10px;\n  border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n  return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n  return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n  return <div className={fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n  confirmLabel,\n  hideConfirm = false,\n  cancelLabel,\n  hideCancel = false,\n  disabled,\n  onConfirm,\n  onCancel,\n}: FooterComponentProps) => {\n  return (\n    <div>\n      {!hideConfirm && (\n        <button onClick={onConfirm} disabled={disabled}>\n          {confirmLabel || '확인'}\n        </button>\n      )}\n\n      {!hideCancel && typeof onCancel === 'function' && (\n        <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n      )}\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModalManagerContext } from '@/promise-modal/providers';\n\nconst defaultValidate = (modal?: ModalNode) => modal?.visible;\n\nexport const useActiveModalCount = (\n  validate: Fn<[ModalNode?], boolean | undefined> = defaultValidate,\n  refreshKey: string | number = 0,\n) => {\n  const { modalIds, getModalNode } = useModalManagerContext();\n  return useMemo(() => {\n    let count = 0;\n    for (const id of modalIds) {\n      if (validate(getModalNode(id))) count++;\n    }\n    return count;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getModalNode, modalIds, refreshKey]);\n};\n","import {\n  type ForwardedRef,\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport { frame } from './classNames.emotion';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n  (\n    { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const activeCount = useActiveModalCount();\n    const [level, offset] = useMemo(() => {\n      const stacked = activeCount > 1;\n      const level = stacked\n        ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n        : 0;\n      const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n      return [level, offset];\n    }, [activeCount, id]);\n\n    return (\n      <div\n        ref={ref}\n        className={frame}\n        onClick={onChangeOrder}\n        style={{\n          marginBottom: `calc(25vh + ${level}px)`,\n          marginLeft: `${level}px`,\n          transform: `translate(${offset}px, ${offset}px)`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n","import { type ComponentType, createContext } from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  FooterComponentProps,\n  ForegroundComponent,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nexport interface ConfigurationContextProps {\n  ForegroundComponent: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n  TitleComponent: ComponentType<WrapperComponentProps>;\n  SubtitleComponent: ComponentType<WrapperComponentProps>;\n  ContentComponent: ComponentType<WrapperComponentProps>;\n  FooterComponent: ComponentType<FooterComponentProps>;\n  options: {\n    duration: Duration;\n    backdrop: Color;\n    manualDestroy: boolean;\n    closeOnBackdropClick: boolean;\n  };\n}\n\nexport const ConfigurationContext = createContext<ConfigurationContextProps>(\n  {} as ConfigurationContextProps,\n);\n","import {\n  type ComponentType,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport {\n  DEFAULT_ANIMATION_DURATION,\n  DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n  FallbackContent,\n  FallbackFooter,\n  FallbackForegroundFrame,\n  FallbackSubtitle,\n  FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport type {\n  FooterComponentProps,\n  ModalFrameProps,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport interface ConfigurationContextProviderProps {\n  BackgroundComponent?: ComponentType<ModalFrameProps>;\n  ForegroundComponent?: ComponentType<ModalFrameProps>;\n  TitleComponent?: ComponentType<WrapperComponentProps>;\n  SubtitleComponent?: ComponentType<WrapperComponentProps>;\n  ContentComponent?: ComponentType<WrapperComponentProps>;\n  FooterComponent?: ComponentType<FooterComponentProps>;\n  options?: {\n    /** Modal transition time(ms, s) */\n    duration?: Duration;\n    /** Modal backdrop color */\n    backdrop?: Color;\n    /** Whether to destroy the modal manually */\n    manualDestroy?: boolean;\n    /** Whether to close the modal when the backdrop is clicked */\n    closeOnBackdropClick?: boolean;\n  };\n}\n\nexport const ConfigurationContextProvider = memo(\n  ({\n    ForegroundComponent,\n    BackgroundComponent,\n    TitleComponent,\n    SubtitleComponent,\n    ContentComponent,\n    FooterComponent,\n    options,\n    children,\n  }: PropsWithChildren<ConfigurationContextProviderProps>) => {\n    const value = useMemo(\n      () => ({\n        BackgroundComponent,\n        ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n        TitleComponent: TitleComponent || FallbackTitle,\n        SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n        ContentComponent: memo(ContentComponent || FallbackContent),\n        FooterComponent: memo(FooterComponent || FallbackFooter),\n        options: {\n          duration: DEFAULT_ANIMATION_DURATION,\n          backdrop: DEFAULT_BACKDROP_COLOR,\n          closeOnBackdropClick: true,\n          manualDestroy: false,\n          ...options,\n        } satisfies ConfigurationContextProviderProps['options'],\n      }),\n      [\n        ForegroundComponent,\n        BackgroundComponent,\n        ContentComponent,\n        FooterComponent,\n        SubtitleComponent,\n        TitleComponent,\n        options,\n      ],\n    );\n    return (\n      <ConfigurationContext.Provider value={value}>\n        {children}\n      </ConfigurationContext.Provider>\n    );\n  },\n);\n","import type { Color, Duration } from '@aileron/declare';\n\nexport const DEFAULT_ANIMATION_DURATION: Duration = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR: Color = 'rgba(0, 0, 0, 0.5)';\n","import { useContext } from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport const useConfigurationContext = () => useContext(ConfigurationContext);\n\nexport const useConfigurationOptions = () => {\n  const context = useContext(ConfigurationContext);\n  return context.options;\n};\n\nexport const useConfigurationDuration = () => {\n  const context = useConfigurationOptions();\n  return {\n    duration: context.duration,\n    milliseconds: convertMsFromDuration(context.duration),\n  };\n};\n\nexport const useConfigurationBackdrop = () => {\n  const context = useConfigurationOptions();\n  return context.backdrop;\n};\n","import { createContext } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nexport interface UserDefinedContext {\n  context: Dictionary;\n}\n\nexport const UserDefinedContext = createContext<UserDefinedContext>(\n  {} as UserDefinedContext,\n);\n","import { PropsWithChildren, useMemo } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\ninterface UserDefinedContextProviderProps {\n  /** 사용자 정의 컨텍스트 */\n  context?: Dictionary;\n}\n\nexport const UserDefinedContextProvider = ({\n  context,\n  children,\n}: PropsWithChildren<UserDefinedContextProviderProps>) => {\n  const contextValue = useMemo(() => ({ context: context || {} }), [context]);\n  return (\n    <UserDefinedContext.Provider value={contextValue}>\n      {children}\n    </UserDefinedContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\nexport const useUserDefinedContext = () => {\n  return useContext(UserDefinedContext);\n};\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n  const [pathname, setPathname] = useState(window.location.pathname);\n  useLayoutEffect(() => {\n    let requestId: number;\n    const checkPathname = () => {\n      if (requestId) cancelAnimationFrame(requestId);\n      if (pathname !== window.location.pathname) {\n        setPathname(window.location.pathname);\n      } else {\n        requestId = requestAnimationFrame(checkPathname);\n      }\n    };\n    requestId = requestAnimationFrame(checkPathname);\n    return () => {\n      if (requestId) cancelAnimationFrame(requestId);\n    };\n  }, [pathname]);\n  return { pathname };\n};\n","import { css } from '@emotion/css';\n\nexport const background = css`\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: -999;\n  pointer-events: none;\n  > * {\n    pointer-events: none;\n  }\n`;\n\nexport const active = css`\n  pointer-events: all;\n`;\n\nexport const visible = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n","import { type MouseEvent, useCallback, useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\n\nexport const BackgroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { BackgroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n  const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n  const handleClose = useCallback(\n    (event: MouseEvent) => {\n      if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n      event.stopPropagation();\n    },\n    [modal, onClose],\n  );\n\n  const Background = useMemo(\n    () => modal?.BackgroundComponent || BackgroundComponent,\n    [BackgroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(background, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.closeOnBackdropClick && modal.visible,\n      })}\n      onClick={handleClose}\n    >\n      {Background && (\n        <Background\n          id={modal.id}\n          type={modal.type}\n          alive={modal.alive}\n          visible={modal.visible}\n          initiator={modal.initiator}\n          manualDestroy={modal.manualDestroy}\n          closeOnBackdropClick={modal.closeOnBackdropClick}\n          background={modal.background}\n          onChange={onChange}\n          onConfirm={onConfirm}\n          onClose={onClose}\n          onDestroy={onDestroy}\n          onChangeOrder={onChangeOrder}\n          context={userDefinedContext}\n        />\n      )}\n    </div>\n  );\n};\n","import { css } from '@emotion/css';\n\nexport const foreground = css`\n  pointer-events: none;\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n`;\n\nexport const active = css`\n  > * {\n    pointer-events: all;\n  }\n`;\n\nexport const visible = css`\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n`;\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n  modal: AlertNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n  <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              confirmLabel={footer?.confirm}\n              hideConfirm={footer?.hideConfirm}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n  modal: ConfirmNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n  <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n    const handleClose = useHandle(onClose);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport {\n  renderComponent,\n  useHandle,\n  withErrorBoundary,\n} from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n  modal: PromptNode<T, B>;\n  handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n  <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n    const {\n      Input,\n      defaultValue,\n      disabled: checkDisabled,\n      title,\n      subtitle,\n      content,\n      footer,\n    } = useMemo(\n      () => ({\n        ...modal,\n        Input: memo(withErrorBoundary(modal.Input)),\n      }),\n      [modal],\n    );\n\n    const { context: userDefinedContext } = useUserDefinedContext();\n\n    const [value, setValue] = useState<T | undefined>(defaultValue);\n\n    const { onChange, onClose, onConfirm } = useMemo(\n      () => handlers,\n      [handlers],\n    );\n\n    const handleClose = useHandle(onClose);\n    const handleChange = useHandle(\n      (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n        const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n        setValue(input);\n        onChange(input);\n      },\n    );\n\n    const handleConfirm = useCallback(() => {\n      // NOTE: wait for the next tick to ensure the value is updated\n      setTimeout(() => {\n        onConfirm();\n      });\n    }, [onConfirm]);\n\n    const disabled = useMemo(\n      () => (value ? !!checkDisabled?.(value) : false),\n      [checkDisabled, value],\n    );\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n\n        {Input && (\n          <Input\n            defaultValue={defaultValue}\n            value={value}\n            onChange={handleChange}\n            onConfirm={handleConfirm}\n            onCancel={handleClose}\n            context={userDefinedContext}\n          />\n        )}\n\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              value,\n              disabled,\n              onChange: handleChange,\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              disabled={disabled}\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const ForegroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { ForegroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n\n  const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n  const Foreground = useMemo(\n    () => modal?.ForegroundComponent || ForegroundComponent,\n    [ForegroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(foreground, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.visible,\n      })}\n    >\n      <Foreground\n        id={modal.id}\n        type={modal.type}\n        alive={modal.alive}\n        visible={modal.visible}\n        initiator={modal.initiator}\n        manualDestroy={modal.manualDestroy}\n        closeOnBackdropClick={modal.closeOnBackdropClick}\n        background={modal.background}\n        onChange={onChange}\n        onConfirm={onConfirm}\n        onClose={onClose}\n        onDestroy={onDestroy}\n        onChangeOrder={onChangeOrder}\n        context={userDefinedContext}\n      >\n        {modal.type === 'alert' && (\n          <AlertInner modal={modal} handlers={{ onConfirm }} />\n        )}\n        {modal.type === 'confirm' && (\n          <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n        )}\n        {modal.type === 'prompt' && (\n          <PromptInner\n            modal={modal}\n            handlers={{ onChange, onConfirm, onClose }}\n          />\n        )}\n      </Foreground>\n    </div>\n  );\n};\n","import { useEffect } from 'react';\n\nimport { useVersion } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n  const [version, update] = useVersion();\n  useEffect(() => {\n    if (!modal) return;\n    const unsubscribe = modal.subscribe(update);\n    return unsubscribe;\n  }, [modal, update]);\n  return version;\n};\n","import { css } from '@emotion/css';\n\nexport const presenter = css`\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n`;\n","import { memo, useRef } from 'react';\n\nimport { counterFactory } from '@winglet/common-utils';\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport { presenter } from './classNames.emotion';\n\nconst { increment } = counterFactory(1);\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { modal } = useModal(modalId);\n  useSubscribeModal(modal);\n  const handleChangeOrder = useHandle(() => {\n    if (ref.current) {\n      ref.current.style.zIndex = `${increment()}`;\n    }\n  });\n  return (\n    <div ref={ref} className={presenter}>\n      <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n      <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n    </div>\n  );\n});\n","import { css } from '@emotion/css';\n\nexport const anchor = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1000;\n  transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { map } from '@winglet/common-utils';\nimport { useVersion, withErrorBoundary } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport {\n  useConfigurationOptions,\n  useModalManagerContext,\n} from '@/promise-modal/providers';\n\nimport { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\n  const [version, update] = useVersion();\n\n  const { modalIds, setUpdater } = useModalManagerContext();\n\n  useEffect(() => {\n    setUpdater(update);\n  }, [setUpdater, update]);\n\n  const options = useConfigurationOptions();\n\n  const dimmed = useActiveModalCount(validateDimmable, version);\n\n  return (\n    <div\n      className={anchor}\n      style={{\n        transitionDuration: options.duration,\n        backgroundColor: dimmed ? options.backdrop : 'transparent',\n      }}\n    >\n      {map(modalIds, (id) => (\n        <Presenter key={id} modalId={id} />\n      ))}\n    </div>\n  );\n};\n\nconst validateDimmable = (modal?: ModalNode) => modal?.visible && modal.dimmed;\n\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { createPortal } from 'react-dom';\n\nimport type { Dictionary, Fn } from '@aileron/declare';\n\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n  ConfigurationContextProvider,\n  type ConfigurationContextProviderProps,\n} from '@/promise-modal/providers/ConfigurationContext';\nimport { ModalManagerContextProvider } from '@/promise-modal/providers/ModalManagerContext';\nimport { UserDefinedContextProvider } from '@/promise-modal/providers/UserDefinedContext';\n\ninterface BootstrapProps extends ConfigurationContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n  context?: Dictionary;\n  anchor: HTMLElement;\n}\n\nexport const bootstrap = ({\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  usePathname,\n  options,\n  context,\n  anchor,\n}: BootstrapProps) =>\n  createPortal(\n    <UserDefinedContextProvider context={context}>\n      <ConfigurationContextProvider\n        ForegroundComponent={ForegroundComponent}\n        BackgroundComponent={BackgroundComponent}\n        TitleComponent={TitleComponent}\n        SubtitleComponent={SubtitleComponent}\n        ContentComponent={ContentComponent}\n        FooterComponent={FooterComponent}\n        options={options}\n      >\n        <ModalManagerContextProvider usePathname={usePathname}>\n          <Anchor />\n        </ModalManagerContextProvider>\n      </ConfigurationContextProvider>\n    </UserDefinedContextProvider>,\n    anchor,\n  );\n","import { useCallback, useRef } from 'react';\n\nimport { printError } from '@winglet/common-utils';\nimport { useVersion } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\n\nexport const useInitialize = () => {\n  const permitted = useRef(ModalManager.activate());\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const [, update] = useVersion();\n\n  const handleInitialize = useCallback(\n    (root?: HTMLElement) => {\n      if (permitted.current) {\n        anchorRef.current = ModalManager.anchor({ root });\n        update();\n      } else\n        printError(\n          'ModalProvider is already initialized',\n          [\n            'ModalProvider can only be initialized once.',\n            'Nesting ModalProvider will be ignored...',\n          ],\n          {\n            info: 'Something is wrong with the ModalProvider initialization...',\n          },\n        );\n    },\n    [update],\n  );\n\n  return {\n    anchorRef,\n    handleInitialize,\n  } as const;\n};\n","import {\n  Fragment,\n  type PropsWithChildren,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderHandle, BootstrapProviderProps } from './type';\n\nexport const BootstrapProvider = forwardRef<\n  BootstrapProviderHandle,\n  PropsWithChildren<BootstrapProviderProps>\n>(\n  (\n    {\n      usePathname: useExternalPathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      children,\n    },\n    handleRef,\n  ) => {\n    const usePathname = useMemo(\n      () => useExternalPathname || useDefaultPathname,\n      [useExternalPathname],\n    );\n\n    const { anchorRef, handleInitialize } = useInitialize();\n\n    useImperativeHandle(\n      handleRef,\n      () => ({\n        initialize: handleInitialize,\n      }),\n      [handleInitialize],\n    );\n\n    useOnMount(() => {\n      /**\n       * NOTE: `handleRef` being null indicates that no `ref` was provided.\n       *   In this case, the `ModalProvider`(=`BootstrapProvider`) is not receiving the `ref`,\n       *   so it should be initialized automatically.\n       */\n      if (handleRef === null) handleInitialize();\n      return () => {\n        if (anchorRef.current) anchorRef.current.remove();\n      };\n    });\n\n    return (\n      <Fragment>\n        {children}\n        {anchorRef.current &&\n          bootstrap({\n            ForegroundComponent,\n            BackgroundComponent,\n            TitleComponent,\n            SubtitleComponent,\n            ContentComponent,\n            FooterComponent,\n            usePathname,\n            options,\n            context,\n            anchor: anchorRef.current,\n          })}\n      </Fragment>\n    );\n  },\n);\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<AlertContentProps>;\n  background?: ModalBackground<B>;\n  footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const alert = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: AlertProps<B>) => {\n  return new Promise<void>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'alert',\n        subtype,\n        resolve: () => resolve(),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<ConfirmContentProps>;\n  background?: ModalBackground<B>;\n  footer?: ConfirmFooterRender | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const confirm = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: ConfirmProps<B>) => {\n  return new Promise<boolean>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'confirm',\n        subtype,\n        resolve: (result) => resolve(result ?? false),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n} from '@/promise-modal/types';\n\ninterface PromptProps<T, B = any> {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<PromptContentProps>;\n  Input: (props: PromptInputProps<T>) => ReactNode;\n  defaultValue?: T;\n  disabled?: (value: T) => boolean;\n  returnOnCancel?: boolean;\n  background?: ModalBackground<B>;\n  footer?: PromptFooterRender<T> | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const prompt = <T, B = any>({\n  defaultValue,\n  title,\n  subtitle,\n  content,\n  Input,\n  disabled,\n  returnOnCancel,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: PromptProps<T, B>) => {\n  return new Promise<T>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'prompt',\n        resolve: (result) => resolve(result as T),\n        title,\n        subtitle,\n        content,\n        Input,\n        defaultValue,\n        disabled,\n        returnOnCancel,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import { useEffect, useRef } from 'react';\n\nimport { convertMsFromDuration, isString } from '@winglet/common-utils';\n\nimport type { Duration } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModal } from '@/promise-modal/providers';\n\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n  modalId: ModalNode['id'],\n  duration: Duration | number,\n) => {\n  const { modal, onDestroy } = useModal(modalId);\n  const tick = useSubscribeModal(modal);\n\n  const reference = useRef({\n    modal,\n    onDestroy,\n    milliseconds: isString(duration)\n      ? convertMsFromDuration(duration)\n      : duration,\n  });\n\n  useEffect(() => {\n    const { modal, onDestroy, milliseconds } = reference.current;\n    if (!modal || modal.visible || !modal.alive) return;\n    const timer = setTimeout(() => {\n      onDestroy();\n    }, milliseconds);\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, [tick]);\n};\n","import { useCallback, useMemo } from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderProps } from './type';\n\nexport const useBootstrap = ({\n  usePathname: useExternalPathname,\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  options,\n  context,\n  mode = 'auto',\n}: BootstrapProviderProps & { mode?: 'manual' | 'auto' } = {}) => {\n  const usePathname = useMemo(\n    () => useExternalPathname || useDefaultPathname,\n    [useExternalPathname],\n  );\n\n  const { anchorRef, handleInitialize } = useInitialize();\n\n  useOnMount(() => {\n    if (mode === 'auto') handleInitialize();\n    return () => {\n      if (anchorRef.current) anchorRef.current.remove();\n    };\n  });\n\n  const initialize = useCallback(\n    (element: HTMLElement) => {\n      if (mode === 'manual') handleInitialize(element);\n    },\n    [mode, handleInitialize],\n  );\n\n  const portal =\n    anchorRef.current &&\n    bootstrap({\n      usePathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      anchor: anchorRef.current,\n    });\n\n  return { portal, initialize };\n};\n","import { useLayoutEffect, useRef } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\ninterface ModalAnimationHandler {\n  onVisible?: Fn;\n  onHidden?: Fn;\n}\n\nexport const useModalAnimation = (\n  visible: boolean,\n  handler: ModalAnimationHandler,\n) => {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n  useLayoutEffect(() => {\n    if (!handlerRef.current) return;\n    let frame: ReturnType<typeof requestAnimationFrame>;\n    if (visible)\n      frame = requestAnimationFrame(() => handlerRef.current.onVisible?.());\n    else frame = requestAnimationFrame(() => handlerRef.current.onHidden?.());\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n    };\n  }, [visible]);\n};\n"],"names":["ModalManager","activate","__classPrivateFieldGet","_a","_ModalManager_active","__classPrivateFieldSet","anchor","options","_ModalManager_anchor","document","getElementById","id","tag","prefix","root","body","node","createElement","setAttribute","getRandomString","appendChild","prerender","_ModalManager_prerenderList","openHandler","handler","_ModalManager_openHandler","unanchored","reset","modal","push","open","call","value","AbstractNode","alive","this","_AbstractNode_alive","visible","_AbstractNode_visible","constructor","initiator","title","subtitle","background","dimmed","manualDestroy","closeOnBackdropClick","resolve","ForegroundComponent","BackgroundComponent","set","_AbstractNode_resolve","_AbstractNode_listeners","Set","subscribe","listener","add","delete","publish","result","onDestroy","needPublish","onShow","onHide","AlertNode","type","subtype","content","footer","super","onClose","onConfirm","ConfirmNode","PromptNode","defaultValue","Input","disabled","returnOnCancel","_PromptNode_value","onChange","nodeFactory","Error","ModalManagerContext","createContext","ModalManagerContextProvider","memo","usePathname","children","modalDictionary","useRef","Map","modalIds","setModalIds","useState","modalIdsRef","useReference","pathname","modalIdSequence","useConfigurationOptions","duration","useMemo","convertMsFromDuration","useOnMountLayout","data","current","undefined","ids","aliveIds","get","useLayoutEffect","getModalNode","useCallback","modalId","updaterRef","hideModal","setTimeout","getModal","setUpdater","updater","_jsx","jsx","Provider","useModalManagerContext","useContext","useModal","fallback","css","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","frame","FallbackTitle","className","FallbackSubtitle","FallbackContent","FallbackFooter","confirmLabel","hideConfirm","cancelLabel","hideCancel","onCancel","_jsxs","onClick","defaultValidate","useActiveModalCount","validate","refreshKey","count","FallbackForegroundFrame","forwardRef","onChangeOrder","ref","activeCount","level","offset","stacked","Math","floor","style","marginBottom","marginLeft","transform","ConfigurationContext","ConfigurationContextProvider","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","backdrop","useConfigurationContext","UserDefinedContext","UserDefinedContextProvider","context","contextValue","useUserDefinedContext","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","active","BackgroundFrame","userDefinedContext","handleClose","event","stopPropagation","Background","cx","visible$1","active$1","foreground","AlertInner","handlers","handleConfirm","useHandle","Fragment","isString","renderComponent","confirm","ConfirmInner","cancel","PromptInner","checkDisabled","withErrorBoundary","setValue","handleChange","inputValue","input","isFunction","ForegroundFrame","Foreground","useSubscribeModal","version","update","useVersion","useEffect","presenter","increment","counterFactory","Presenter","handleChangeOrder","zIndex","validateDimmable","Anchor","transitionDuration","backgroundColor","map","bootstrap","createPortal","useInitialize","permitted","anchorRef","handleInitialize","printError","info","BootstrapProvider","useExternalPathname","handleRef","useDefaultPathname","useImperativeHandle","initialize","useOnMount","remove","Promise","reject","error","tick","reference","milliseconds","timer","clearTimeout","mode","element","portal","handlerRef","onVisible","onHidden"],"mappings":";;;;;;;;;;;;;;;;4sBAMaA,EAEX,eAAOC,GACL,OAAIC,EAAAC,EAAoBA,EAAA,IAAAC,IAChBC,EAAAF,KAAuB,EAAI,IAAAC,GAIrC,aAAOE,CAAOC,GAKZ,GAAIL,EAAAC,EAAoBA,EAAA,IAAAK,GAAE,CACxB,MAAMF,EAASG,SAASC,eAAeR,EAAAC,EAAoBA,EAAA,IAAAK,GAACG,IAC5D,GAAIL,EAAQ,OAAOA,EAErB,MAAMM,IACJA,EAAM,MAAKC,OACXA,EAAS,gBAAeC,KACxBA,EAAOL,SAASM,MACdR,GAAW,CAAE,EACXS,EAAOP,SAASQ,cAAcL,GAIpC,OAHAI,EAAKE,aAAa,KAAM,GAAGL,KAAUM,EAAeA,gBAAC,OACrDL,EAAKM,YAAYJ,GACjBX,EAAAF,EAAYA,EAAWa,EAAI,IAAAR,GACpBQ,EAIT,oBAAWK,GACT,OAAOnB,EAAAC,EAAYA,EAAA,IAAAmB,GAKrB,sBAAWC,CAAYC,GACrBnB,EAAAF,EAAYA,EAAgBqB,EAAO,IAAAC,GACnCpB,EAAAF,EAAYA,EAAkB,GAAE,IAAAmB,GAGlC,qBAAWI,GACT,OAAQxB,EAAAC,EAAYA,EAAA,IAAAK,GAGtB,YAAOmB,GACLtB,EAAAF,EAAYA,GAAW,EAAK,IAAAC,GAC5BC,EAAAF,EAAYA,EAAW,KAAI,IAAAK,GAC3BH,EAAAF,EAAYA,EAAkB,GAAE,IAAAmB,GAChCjB,EAAAF,EAA4BA,GAACyB,GAC3B1B,EAAAC,EAAYA,EAAA,IAAAmB,GAAgBO,KAAKD,WAGrC,WAAOE,CAAKF,GACV1B,EAAAC,EAAyBA,EAAA,IAAAsB,GAAAM,KAAzB5B,EAA0ByB,QArDrBxB,EAAU,CAAA4B,OAAA,GAMVxB,EAA8B,CAAAwB,MAAA,MAsB9BV,EAA0B,CAAAU,MAAA,IAK1BP,EAAA,CAAAO,MAAmCJ,GACxC1B,EAAAC,EAA2BA,EAAA,IAAAmB,GAACO,KAAKD,UC3BfK,EAgBpB,SAAIC,GACF,OAAOhC,EAAAiC,KAAIC,EAAA,KAGb,WAAIC,GACF,OAAOnC,EAAAiC,KAAIG,EAAA,KAMb,WAAAC,EAAY5B,GACVA,EAAE6B,UACFA,EAASC,MACTA,EAAKC,SACLA,EAAQC,WACRA,EAAUC,OACVA,GAAS,EAAIC,cACbA,GAAgB,EAAKC,qBACrBA,GAAuB,EAAIC,QAC3BA,EAAOC,oBACPA,EAAmBC,oBACnBA,IAvBFb,EAAgBc,IAAAf,UAAA,GAIhBG,EAAkBY,IAAAf,UAAA,GAKlBgB,EAAqCD,IAAAf,UAAA,GACrCiB,EAAsBF,IAAAf,KAAA,IAAIkB,KAexBlB,KAAKxB,GAAKA,EACVwB,KAAKK,UAAYA,EACjBL,KAAKM,MAAQA,EACbN,KAAKO,SAAWA,EAChBP,KAAKQ,WAAaA,EAElBR,KAAKS,OAASA,EACdT,KAAKU,cAAgBA,EACrBV,KAAKW,qBAAuBA,EAE5BX,KAAKa,oBAAsBA,EAC3Bb,KAAKc,oBAAsBA,EAE3B5C,EAAA8B,KAAIC,GAAU,EAAI,KAClB/B,EAAA8B,KAAIG,GAAY,EAAI,KACpBjC,EAAA8B,KAAIgB,EAAYJ,EAAO,KAGzB,SAAAO,CAAUC,GAER,OADArD,EAAAiC,KAAeiB,EAAA,KAACI,IAAID,GACb,KACLrD,EAAAiC,KAAeiB,EAAA,KAACK,OAAOF,EAAS,EAGpC,OAAAG,GACE,IAAK,MAAMH,KAAYrD,EAAAiC,KAAeiB,EAAA,KAAEG,IAEhC,OAAAR,CAAQY,GAChBzD,EAAAiC,KAAagB,EAAA,KAAApB,KAAbI,KAAcwB,GAEhB,SAAAC,GACE,MAAMC,GAA8B,IAAhB3D,EAAAiC,KAAWC,EAAA,KAC/B/B,EAAA8B,KAAIC,GAAU,EAAK,KACfD,KAAKU,eAAiBgB,GAAa1B,KAAKuB,UAE9C,MAAAI,GACE,MAAMD,GAAgC,IAAlB3D,EAAAiC,KAAaG,EAAA,KACjCjC,EAAA8B,KAAIG,GAAY,EAAI,KAChBuB,GAAa1B,KAAKuB,UAExB,MAAAK,GACE,MAAMF,GAAgC,IAAlB3D,EAAAiC,KAAaG,EAAA,KACjCjC,EAAA8B,KAAIG,GAAY,EAAK,KACjBuB,GAAa1B,KAAKuB,mECnFpB,MAAOM,UAAqB/B,EAShC,WAAAM,EAAY5B,GACVA,EAAE6B,UACFA,EAASyB,KACTA,EAAIC,QACJA,EAAOzB,MACPA,EAAKC,SACLA,EAAQyB,QACRA,EAAOC,OACPA,EAAMzB,WACNA,EAAUC,OACVA,EAAMC,cACNA,EAAaC,qBACbA,EAAoBC,QACpBA,EAAOC,oBACPA,EAAmBC,oBACnBA,IAEAoB,MAAM,CACJ1D,KACA6B,YACAC,QACAC,WACAC,aACAC,SACAC,gBACAC,uBACAC,UACAC,sBACAC,wBAEFd,KAAK8B,KAAOA,EACZ9B,KAAK+B,QAAUA,EACf/B,KAAKgC,QAAUA,EACfhC,KAAKiC,OAASA,EAEhB,OAAAE,GACEnC,KAAKY,QAAQ,MAEf,SAAAwB,GACEpC,KAAKY,QAAQ,OChDX,MAAOyB,UAAuBvC,EAMlC,WAAAM,EAAY5B,GACVA,EAAE6B,UACFA,EAASyB,KACTA,EAAIC,QACJA,EAAOzB,MACPA,EAAKC,SACLA,EAAQyB,QACRA,EAAOC,OACPA,EAAMzB,WACNA,EAAUC,OACVA,EAAMC,cACNA,EAAaC,qBACbA,EAAoBC,QACpBA,EAAOC,oBACPA,EAAmBC,oBACnBA,IAEAoB,MAAM,CACJ1D,KACA6B,YACAC,QACAC,WACAC,aACAC,SACAC,gBACAC,uBACAC,UACAC,sBACAC,wBAEFd,KAAK8B,KAAOA,EACZ9B,KAAK+B,QAAUA,EACf/B,KAAKgC,QAAUA,EACfhC,KAAKiC,OAASA,EAEhB,OAAAE,GACEnC,KAAKY,SAAQ,GAEf,SAAAwB,GACEpC,KAAKY,SAAQ,IC5CX,MAAO0B,UAAyBxC,EAUpC,WAAAM,EAAY5B,GACVA,EAAE6B,UACFA,EAASyB,KACTA,EAAIxB,MACJA,EAAKC,SACLA,EAAQyB,QACRA,EAAOO,aACPA,EAAYC,MACZA,EAAKC,SACLA,EAAQC,eACRA,EAAcT,OACdA,EAAMzB,WACNA,EAAUC,OACVA,EAAMC,cACNA,EAAaC,qBACbA,EAAoBC,QACpBA,EAAOC,oBACPA,EAAmBC,oBACnBA,IAEAoB,MAAM,CACJ1D,KACA6B,YACAC,QACAC,WACAC,aACAC,SACAC,gBACAC,uBACAC,UACAC,sBACAC,wBAjCJ6B,EAAsB5B,IAAAf,UAAA,GAmCpBA,KAAK8B,KAAOA,EACZ9B,KAAKgC,QAAUA,EACfhC,KAAKwC,MAAQA,EACbxC,KAAKuC,aAAeA,EACpBrE,EAAA8B,KAAI2C,EAAUJ,EAAY,KAC1BvC,KAAKyC,SAAWA,EAChBzC,KAAK0C,eAAiBA,EACtB1C,KAAKiC,OAASA,EAGhB,QAAAW,CAAS/C,GACP3B,EAAA8B,KAAI2C,EAAU9C,EAAK,KAErB,SAAAuC,GACEpC,KAAKY,QAAQ7C,EAAAiC,KAAW2C,EAAA,MAAI,MAE9B,OAAAR,GACMnC,KAAK0C,eAAgB1C,KAAKY,QAAQ7C,EAAAiC,KAAW2C,EAAA,MAAI,MAChD3C,KAAKY,QAAQ,qBCxEf,MAAMiC,EAAqBpD,IAChC,OAAQA,EAAMqC,MACZ,IAAK,QACH,OAAO,IAAID,EAAapC,GAC1B,IAAK,UACH,OAAO,IAAI4C,EAAe5C,GAC5B,IAAK,SACH,OAAO,IAAI6C,EAAiB7C,GAGhC,MAAM,IAAIqD,MAAM,kBAAkBrD,EAAMqC,OAAQ,CAAErC,SAAQ,ECA/CsD,EAAsBC,EAAaA,cAC9C,ICWWC,EAA8BC,EAAAA,MACzC,EACEC,cACAC,eAEA,MAAMC,EAAkBC,EAAAA,OAAwC,IAAIC,MAE7DC,EAAUC,GAAeC,EAAAA,SAA4B,IACtDC,EAAcC,EAAYA,aAACJ,IAC3BK,SAAEA,GAAaV,IAEf9C,EAAYiD,EAAMA,OAACO,GACnBC,EAAkBR,EAAMA,OAAC,GAEzBlF,EAAU2F,IAEVC,EAAWC,EAAOA,SACtB,IAAMC,EAAqBA,sBAAC9F,EAAQ4F,WACpC,CAAC5F,IAGH+F,EAAAA,kBAAiB,KACf,MAAMzD,cAAEA,EAAaC,qBAAEA,GAAyBvC,EAEhD,IAAK,MAAMgG,KAAQvG,EAAaqB,UAAW,CACzC,MAAMO,EAAQoD,EAAY,IACrBuB,EACH5F,GAAIsF,EAAgBO,UACpBhE,UAAWA,EAAUgE,QACrB3D,mBACyB4D,IAAvBF,EAAK1D,cACD0D,EAAK1D,cACLA,EACNC,0BACgC2D,IAA9BF,EAAKzD,qBACDyD,EAAKzD,qBACLA,IAER0C,EAAgBgB,QAAQtD,IAAItB,EAAMjB,GAAIiB,GACtCgE,GAAac,GAAQ,IAAIA,EAAK9E,EAAMjB,MA4BtC,OAzBAX,EAAauB,YAAegF,IAC1B,MAAM3E,EAAQoD,EAAY,IACrBuB,EACH5F,GAAIsF,EAAgBO,UACpBhE,UAAWA,EAAUgE,QACrB3D,mBACyB4D,IAAvBF,EAAK1D,cACD0D,EAAK1D,cACLA,EACNC,0BACgC2D,IAA9BF,EAAKzD,qBACDyD,EAAKzD,qBACLA,IAER0C,EAAgBgB,QAAQtD,IAAItB,EAAMjB,GAAIiB,GACtCgE,GAAac,IACX,MAAMC,EAAqB,GAC3B,IAAK,MAAMhG,KAAM+F,EACIlB,EAAgBgB,QAAQI,IAAIjG,IAAKuB,MAE/CyE,EAAS9E,KAAKlB,GADJ6E,EAAgBgB,QAAQ/C,OAAO9C,GAGhD,MAAO,IAAIgG,EAAU/E,EAAMjB,GAAG,GAC9B,EAEG,KACLX,EAAa2B,OAAO,CACrB,IAGHkF,EAAAA,iBAAgB,KACd,IAAK,MAAMlG,KAAMmF,EAAYU,QAAS,CACpC,MAAM5E,EAAQ4D,EAAgBgB,QAAQI,IAAIjG,GACrCiB,GAAOM,QACRN,EAAMY,YAAcwD,EAAUpE,EAAMkC,SACnClC,EAAMmC,UAEbvB,EAAUgE,QAAUR,CAAQ,GAE3B,CAACA,IAEJ,MAAMc,EAAeC,eAAaC,GACzBxB,EAAgBgB,QAAQI,IAAII,IAClC,IAEGpD,EAAYmD,eAAaC,IAC7B,MAAMpF,EAAQ4D,EAAgBgB,QAAQI,IAAII,GACrCpF,IACLA,EAAMgC,YACNqD,EAAWT,YAAW,GACrB,IAEGS,EAAaxB,EAAMA,YAAKgB,GACxBS,EAAYH,eACfC,IACC,MAAMpF,EAAQ4D,EAAgBgB,QAAQI,IAAII,GACrCpF,IACLA,EAAMmC,SACNkD,EAAWT,YACN5E,EAAMiB,eACTsE,YAAW,KACTvF,EAAMgC,WAAW,GAChBuC,GAAS,GAEhB,CAACA,IAGGpB,EAAWgC,EAAAA,aAAY,CAACC,EAA0BhF,KACtD,MAAMJ,EAAQ4D,EAAgBgB,QAAQI,IAAII,GACrCpF,GACc,WAAfA,EAAMqC,MAAmBrC,EAAMmD,SAAS/C,EAAM,GACjD,IAEGuC,EAAYwC,eACfC,IACC,MAAMpF,EAAQ4D,EAAgBgB,QAAQI,IAAII,GACrCpF,IACLA,EAAM2C,YACN2C,EAAUF,GAAQ,GAEpB,CAACE,IAGG5C,EAAUyC,eACbC,IACC,MAAMpF,EAAQ4D,EAAgBgB,QAAQI,IAAII,GACrCpF,IACLA,EAAM0C,UACN4C,EAAUF,GAAQ,GAEpB,CAACE,IAGGE,EAAWL,eACdC,IAA8B,CAC7BpF,MAAOkF,EAAaE,GACpBzC,UAAW,IAAMA,EAAUyC,GAC3B1C,QAAS,IAAMA,EAAQ0C,GACvBjC,SAAW/C,GAAe+C,EAASiC,EAAShF,GAC5C4B,UAAW,IAAMA,EAAUoD,MAE7B,CAACF,EAAcvC,EAAWD,EAASS,EAAUnB,IAGzC5B,EAAQoE,EAAAA,SAAQ,KACb,CACLT,WACAmB,eACA/B,WACAR,YACAD,UACAV,YACAwD,WACAC,WAAaC,IACXL,EAAWT,QAAUc,CAAO,KAG/B,CACD3B,EACAyB,EACAN,EACA/B,EACAR,EACAD,EACAV,IAGF,OACE2D,EAAAC,IAACtC,EAAoBuC,SAAQ,CAACzF,MAAOA,EAAKuD,SACvCA,GAC4B,IChMxBmC,EAAyB,IAAMC,EAAUA,WAACzC,GAE1C0C,EAAYjH,IACvB,MAAMyG,SAAEA,GAAaM,IACrB,OAAOtB,EAAAA,SAAQ,IAAMgB,EAASzG,IAAK,CAACA,EAAIyG,GAAU,uPCR7C,MAAMS,EAAWC,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,gBAAA,CAAAD,KAAA,mBAAAC,OAAA,+BAAAC,SAAAC,IAIdC,EAAQR,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,yJAAA,CAAAD,KAAA,gBAAAC,OAAA,qKAAAC,SAAAC,ICFXE,EAAgB,EAAGhD,cACvBgC,EAAAA,UAAIiB,UAAWX,EAAWtC,SAAAA,ICDtBkD,EAAmB,EAAGlD,cAC1BgC,EAAAA,UAAIiB,UAAWX,EAAWtC,SAAAA,ICDtBmD,EAAkB,EAAGnD,cACzBgC,EAAAA,WAAKiB,UAAWX,EAAWtC,SAAAA,ICHvBoD,EAAiB,EAC5BC,eACAC,eAAc,EACdC,cACAC,cAAa,EACbnE,WACAL,YACAyE,cAGEC,EAAAA,KACG,MAAA,CAAA1D,SAAA,EAACsD,GACAtB,gBAAQ2B,QAAS3E,EAAWK,SAAUA,EAAQW,SAC3CqD,GAAgB,QAInBG,GAAkC,mBAAbC,GACrBzB,EAAQC,IAAA,SAAA,CAAA0B,QAASF,EAAQzD,SAAGuD,GAAe,UCb7CK,EAAmBvH,GAAsBA,GAAOS,QAEzC+G,EAAsB,CACjCC,EAAkDF,EAClDG,EAA8B,KAE9B,MAAM3D,SAAEA,EAAQmB,aAAEA,GAAiBY,IACnC,OAAOtB,EAAOA,SAAC,KACb,IAAImD,EAAQ,EACZ,IAAK,MAAM5I,KAAMgF,EACX0D,EAASvC,EAAanG,KAAM4I,IAElC,OAAOA,CAAK,GAEX,CAACzC,EAAcnB,EAAU2D,GAAY,ECN7BE,EAA0BC,EAAUA,YAC/C,EACI9I,KAAI+I,gBAAenE,YACrBoE,KAEA,MAAMC,EAAcR,KACbS,EAAOC,GAAU1D,EAAOA,SAAC,KAC9B,MAAM2D,EAAUH,EAAc,EAK9B,MAAO,CAJOG,EACTC,KAAKC,MAAMtJ,EAZE,GACA,EAWyC,IACvD,EACWoJ,EAAWpJ,EAdR,EAcgC,GAAK,EACjC,GACrB,CAACiJ,EAAajJ,IAEjB,OACE4G,EAAAC,IAAA,MAAA,CACEmC,IAAKA,EACLnB,UAAWF,EACXY,QAASQ,EACTQ,MAAO,CACLC,aAAc,eAAeN,OAC7BO,WAAY,GAAGP,MACfQ,UAAW,aAAaP,QAAaA,QAGtCvE,SAAAA,GACG,IChBC+E,EAAuBnF,EAAaA,cAC/C,ICoBWoF,EAA+BlF,EAAIA,MAC9C,EACErC,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,kBACApK,UACAgF,eAEA,MAAMvD,EAAQoE,EAAAA,SACZ,KAAO,CACLnD,sBACAD,oBAAqBA,GAAuBwG,EAC5CgB,eAAgBA,GAAkBjC,EAClCkC,kBAAmBA,GAAqBhC,EACxCiC,iBAAkBrF,EAAAA,KAAKqF,GAAoBhC,GAC3CiC,gBAAiBtF,EAAAA,KAAKsF,GAAmBhC,GACzCpI,QAAS,CACP4F,SCjE0C,QDkE1CyE,SChEmC,qBDiEnC9H,sBAAsB,EACtBD,eAAe,KACZtC,MAGP,CACEyC,EACAC,EACAyH,EACAC,EACAF,EACAD,EACAjK,IAGJ,OACEgH,EAAAC,IAAC8C,EAAqB7C,SAAQ,CAACzF,MAAOA,EAAKuD,SACxCA,GAC6B,IEjFzBsF,EAA0B,IAAMlD,EAAUA,WAAC2C,GAE3CpE,EAA0B,IACrByB,EAAUA,WAAC2C,GACZ/J,QCFJuK,EAAqB3F,EAAaA,cAC7C,ICEW4F,EAA6B,EACxCC,UACAzF,eAEA,MAAM0F,EAAe7E,WAAQ,KAAA,CAAS4E,QAASA,GAAW,MAAO,CAACA,IAClE,OACEzD,EAAAC,IAACsD,EAAmBrD,SAAQ,CAACzF,MAAOiJ,EAAY1F,SAC7CA,GAC2B,ECfrB2F,EAAwB,IAC5BvD,EAAAA,WAAWmD,GCHPxF,EAAc,KACzB,MAAOU,EAAUmF,GAAetF,EAAQA,SAACuF,OAAOC,SAASrF,UAgBzD,OAfAa,EAAAA,iBAAgB,KACd,IAAIyE,EACJ,MAAMC,EAAgB,KAChBD,GAAWE,qBAAqBF,GAChCtF,IAAaoF,OAAOC,SAASrF,SAC/BmF,EAAYC,OAAOC,SAASrF,UAE5BsF,EAAYG,sBAAsBF,IAItC,OADAD,EAAYG,sBAAsBF,GAC3B,KACDD,GAAWE,qBAAqBF,EAAU,CAC/C,GACA,CAACtF,IACG,CAAEA,WAAU,uPCjBd,MAAMrD,EAAamF,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,iGAAA,CAAAD,KAAA,oBAAAC,OAAA,kHAAAC,SAAAC,IAWhBqD,EAAS5D,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,sBAAA,CAAAD,KAAA,iBAAAC,OAAA,mCAAAC,SAAAC,IAIZhG,EAAUyF,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,0DAAA,CAAAD,KAAA,iBAAAC,OAAA,wEAAAC,SAAAC,ICJbsD,EAAkB,EAC7B3E,UACA0C,oBAEA,MAAMzG,oBAAEA,GAAwB4H,KACxBG,QAASY,GAAuBV,KAClCtJ,MAAEA,EAAK0C,QAAEA,EAAOS,SAAEA,EAAQR,UAAEA,EAASX,UAAEA,GAAcgE,EAASZ,GAE9D6E,EAAc9E,eACjB+E,IACKlK,GAASA,EAAMkB,sBAAwBlB,EAAMS,SAASiC,IAC1DwH,EAAMC,iBAAiB,GAEzB,CAACnK,EAAO0C,IAGJ0H,EAAa5F,EAAOA,SACxB,IAAMxE,GAAOqB,qBAAuBA,GACpC,CAACA,EAAqBrB,IAGxB,OAAKA,EAGH2F,EACEC,IAAA,MAAA,CAAAgB,UAAWyD,EAAAA,GAAGtJ,EAAY,CACxBuJ,CAAC7J,GAAUT,EAAMiB,cAAgBjB,EAAMM,MAAQN,EAAMS,QACrD8J,CAACT,GAAS9J,EAAMkB,sBAAwBlB,EAAMS,UAEhD6G,QAAS2C,EAERtG,SAAAyG,GACCzE,EAAAC,IAACwE,EAAU,CACTrL,GAAIiB,EAAMjB,GACVsD,KAAMrC,EAAMqC,KACZ/B,MAAON,EAAMM,MACbG,QAAST,EAAMS,QACfG,UAAWZ,EAAMY,UACjBK,cAAejB,EAAMiB,cACrBC,qBAAsBlB,EAAMkB,qBAC5BH,WAAYf,EAAMe,WAClBoC,SAAUA,EACVR,UAAWA,EACXD,QAASA,EACTV,UAAWA,EACX8F,cAAeA,EACfsB,QAASY,MAzBE,IA4BX,uPC5DH,MAAMQ,EAAatE,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,qEAAA,CAAAD,KAAA,qBAAAC,OAAA,sFAAAC,SAAAC,IAQhBqD,EAAS5D,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,2BAAA,CAAAD,KAAA,iBAAAC,OAAA,wCAAAC,SAAAC,IAMZhG,GAAUyF,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,oEAAA,CAAAD,KAAA,kBAAAC,OAAA,kFAAAC,SAAAC,ICCbgE,GAAahH,EAAAA,MACxB,EAAOzD,QAAO0K,eACZ,MAAM7J,MAAEA,EAAKC,SAAEA,EAAQyB,QAAEA,EAAOC,OAAEA,GAAWgC,EAAAA,SAAQ,IAAMxE,GAAO,CAACA,KAC3DoJ,QAASY,GAAuBV,KAClC3G,UAAEA,GAAc6B,EAAAA,SAAQ,IAAMkG,GAAU,CAACA,IAEzCC,EAAgBC,EAASA,UAACjI,IAE1BiG,eACJA,EAAcC,kBACdA,EAAiBC,iBACjBA,EAAgBC,gBAChBA,GACEE,IAEJ,OACE5B,OAACwD,EAAAA,SAAQ,CAAAlH,SAAA,CACN9C,IACEiK,EAAAA,SAASjK,GACR8E,MAACiD,EAAc,CAACQ,QAASY,EACtBrG,SAAA9C,OAKNC,IACEgK,EAAAA,SAAShK,GACR6E,MAACkD,EAAiB,CAACO,QAASY,EACzBrG,SAAA7C,OAKNyB,IACEuI,EAAAA,SAASvI,GACRoD,EAACC,IAAAkD,EAAiB,CAAAM,QAASY,EAAkBrG,SAC1CpB,IAGHwI,EAAAA,gBAAgBxI,EAAS,CACvBI,UAAWgI,MAGL,IAAXnI,IACoB,mBAAXA,EACNA,EAAO,CACLG,UAAWgI,EACXvB,QAASY,IAGXrE,EAACC,IAAAmD,EACC,CAAApG,UAAWgI,EACX3D,aAAcxE,GAAQwI,QACtB/D,YAAazE,GAAQyE,YACrBmC,QAASY,OAGN,ICzDJiB,GAAexH,EAAAA,MAC1B,EAAOzD,QAAO0K,eACZ,MAAM7J,MAAEA,EAAKC,SAAEA,EAAQyB,QAAEA,EAAOC,OAAEA,GAAWgC,EAAAA,SAAQ,IAAMxE,GAAO,CAACA,KAC3DoJ,QAASY,GAAuBV,KAClC3G,UAAEA,EAASD,QAAEA,GAAY8B,EAAOA,SAAC,IAAMkG,GAAU,CAACA,IAElDC,EAAgBC,EAASA,UAACjI,GAC1BsH,EAAcW,EAASA,UAAClI,IAExBkG,eACJA,EAAcC,kBACdA,EAAiBC,iBACjBA,EAAgBC,gBAChBA,GACEE,IAEJ,OACE5B,OAACwD,EAAAA,SAAQ,CAAAlH,SAAA,CACN9C,IACEiK,EAAAA,SAASjK,GACR8E,MAACiD,EAAc,CAACQ,QAASY,EACtBrG,SAAA9C,OAKNC,IACEgK,EAAAA,SAAShK,GACR6E,MAACkD,EAAiB,CAACO,QAASY,EACzBrG,SAAA7C,OAKNyB,IACEuI,EAAAA,SAASvI,GACRoD,EAACC,IAAAkD,EAAiB,CAAAM,QAASY,EAAkBrG,SAC1CpB,IAGHwI,EAAAA,gBAAgBxI,EAAS,CACvBI,UAAWgI,EACXvD,SAAU6C,EACVb,QAASY,MAGH,IAAXxH,IACoB,mBAAXA,EACNA,EAAO,CACLG,UAAWgI,EACXvD,SAAU6C,EACVb,QAASY,IAGXrE,EAACC,IAAAmD,EACC,CAAApG,UAAWgI,EACXvD,SAAU6C,EACVjD,aAAcxE,GAAQwI,QACtB9D,YAAa1E,GAAQ0I,OACrBjE,YAAazE,GAAQyE,YACrBE,WAAY3E,GAAQ2E,WACpBiC,QAASY,OAGN,IC5DJmB,GAAc1H,EAAAA,MACzB,EAASzD,QAAO0K,eACd,MAAM3H,MACJA,EAAKD,aACLA,EACAE,SAAUoI,EAAavK,MACvBA,EAAKC,SACLA,EAAQyB,QACRA,EAAOC,OACPA,GACEgC,EAAOA,SACT,KAAO,IACFxE,EACH+C,MAAOU,EAAAA,KAAK4H,EAAAA,kBAAkBrL,EAAM+C,WAEtC,CAAC/C,KAGKoJ,QAASY,GAAuBV,KAEjClJ,EAAOkL,GAAYrH,EAAAA,SAAwBnB,IAE5CK,SAAEA,EAAQT,QAAEA,EAAOC,UAAEA,GAAc6B,EAAAA,SACvC,IAAMkG,GACN,CAACA,IAGGT,EAAcW,EAASA,UAAClI,GACxB6I,EAAeX,aAClBY,IACC,MAAMC,EAAQC,EAAAA,WAAWF,GAAcA,EAAWpL,GAASoL,EAC3DF,EAASG,GACTtI,EAASsI,EAAM,IAIbd,EAAgBxF,EAAAA,aAAY,KAEhCI,YAAW,KACT5C,GAAW,GACX,GACD,CAACA,IAEEK,EAAWwB,EAAAA,SACf,MAAOpE,KAAUgL,IAAgBhL,IACjC,CAACgL,EAAehL,KAGZwI,eACJA,EAAcC,kBACdA,EAAiBC,iBACjBA,EAAgBC,gBAChBA,GACEE,IAEJ,OACE5B,OAACwD,EAAAA,SAAQ,CAAAlH,SAAA,CACN9C,IACEiK,EAAAA,SAASjK,GACR8E,MAACiD,EAAc,CAACQ,QAASY,EACtBrG,SAAA9C,OAKNC,IACEgK,EAAAA,SAAShK,GACR6E,MAACkD,EAAiB,CAACO,QAASY,EACzBrG,SAAA7C,OAKNyB,IACEuI,EAAAA,SAASvI,GACRoD,EAACC,IAAAkD,EAAiB,CAAAM,QAASY,EAAkBrG,SAC1CpB,IAGHwI,EAAAA,gBAAgBxI,EAAS,CACvBI,UAAWgI,EACXvD,SAAU6C,EACVb,QAASY,KAIdjH,GACC4C,MAAC5C,EACC,CAAAD,aAAcA,EACd1C,MAAOA,EACP+C,SAAUoI,EACV5I,UAAWgI,EACXvD,SAAU6C,EACVb,QAASY,KAID,IAAXxH,IACoB,mBAAXA,EACNA,EAAO,CACLpC,QACA4C,WACAG,SAAUoI,EACV5I,UAAWgI,EACXvD,SAAU6C,EACVb,QAASY,IAGXrE,EAAAA,IAACoD,EAAe,CACd/F,SAAUA,EACVL,UAAWgI,EACXvD,SAAU6C,EACVjD,aAAcxE,GAAQwI,QACtB9D,YAAa1E,GAAQ0I,OACrBjE,YAAazE,GAAQyE,YACrBE,WAAY3E,GAAQ2E,WACpBiC,QAASY,OAGN,IC9HJ2B,GAAkB,EAC7BvG,UACA0C,oBAEA,MAAM1G,oBAAEA,GAAwB6H,KACxBG,QAASY,GAAuBV,KAElCtJ,MAAEA,EAAKmD,SAAEA,EAAQR,UAAEA,EAASD,QAAEA,EAAOV,UAAEA,GAAcgE,EAASZ,GAE9DwG,EAAapH,EAAOA,SACxB,IAAMxE,GAAOoB,qBAAuBA,GACpC,CAACA,EAAqBpB,IAGxB,OAAKA,EAGH2F,EACEC,IAAA,MAAA,CAAAgB,UAAWyD,EAAAA,GAAGG,EAAY,CACxB/J,CAACA,IAAUT,EAAMiB,cAAgBjB,EAAMM,MAAQN,EAAMS,QACrDqJ,CAACA,GAAS9J,EAAMS,UAGlBkD,SAAA0D,EAAAA,KAACuE,EAAU,CACT7M,GAAIiB,EAAMjB,GACVsD,KAAMrC,EAAMqC,KACZ/B,MAAON,EAAMM,MACbG,QAAST,EAAMS,QACfG,UAAWZ,EAAMY,UACjBK,cAAejB,EAAMiB,cACrBC,qBAAsBlB,EAAMkB,qBAC5BH,WAAYf,EAAMe,WAClBoC,SAAUA,EACVR,UAAWA,EACXD,QAASA,EACTV,UAAWA,EACX8F,cAAeA,EACfsB,QAASY,EAERrG,SAAA,CAAe,UAAf3D,EAAMqC,MACLsD,EAAAC,IAAC6E,GAAU,CAACzK,MAAOA,EAAO0K,SAAU,CAAE/H,eAExB,YAAf3C,EAAMqC,MACLsD,EAAAA,IAACsF,GAAY,CAACjL,MAAOA,EAAO0K,SAAU,CAAE/H,YAAWD,aAErC,WAAf1C,EAAMqC,MACLsD,MAACwF,GAAW,CACVnL,MAAOA,EACP0K,SAAU,CAAEvH,WAAUR,YAAWD,kBAlCxB,IAsCX,EC5DGmJ,GAAqB7L,IAChC,MAAO8L,EAASC,GAAUC,eAM1B,OALAC,EAAAA,WAAU,KACR,GAAKjM,EAEL,OADoBA,EAAM0B,UAAUqK,EAClB,GACjB,CAAC/L,EAAO+L,IACJD,CAAO,ECXHI,GAAYhG,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,8DAAA,CAAAD,KAAA,mBAAAC,OAAA,8EAAAC,gQCWtB2F,UAAEA,IAAcC,EAAcA,eAAC,GAExBC,GAAY5I,EAAIA,MAAC,EAAG2B,cAC/B,MAAM2C,EAAMlE,EAAMA,OAAiB,OAC7B7D,MAAEA,GAAUgG,EAASZ,GAC3ByG,GAAkB7L,GAClB,MAAMsM,EAAoB1B,EAAAA,WAAU,KAC9B7C,EAAInD,UACNmD,EAAInD,QAAQ0D,MAAMiE,OAAS,GAAGJ,WAGlC,OACE9E,OAAA,MAAA,CAAKU,IAAKA,EAAKnB,UAAWsF,aACxBvG,MAACyE,EAAW,CAAAhF,QAASA,EAAS0C,cAAewE,IAC7C3G,EAAAA,IAACiG,IAAWxG,QAASA,EAAS0C,cAAewE,MACzC,IC1BG5N,GAASwH,EAAAA,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,0JAAA,CAAAD,KAAA,gBAAAC,OAAA,uKAAAC,+PCyCnBgG,GAAoBxM,GAAsBA,GAAOS,SAAWT,EAAMgB,OAE3DyL,GAAShJ,EAAIA,KAAC4H,qBA9BP,KAClB,MAAOS,EAASC,GAAUC,gBAEpBjI,SAAEA,EAAQ0B,WAAEA,GAAeK,IAEjCmG,EAAAA,WAAU,KACRxG,EAAWsG,EAAO,GACjB,CAACtG,EAAYsG,IAEhB,MAAMpN,EAAU2F,IAEVtD,EAASwG,EAAoBgF,GAAkBV,GAErD,OACEnG,EACEC,IAAA,MAAA,CAAAgB,UAAWlI,GACX4J,MAAO,CACLoE,mBAAoB/N,EAAQ4F,SAC5BoI,gBAAiB3L,EAASrC,EAAQqK,SAAW,eAG9CrF,SAAAiJ,EAAGA,IAAC7I,GAAWhF,GACd4G,EAAAC,IAACyG,GAAmB,CAAAjH,QAASrG,GAAbA,MAEd,KCrBG8N,GAAY,EACvBzL,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,kBACArF,cACA/E,UACAyK,UACA1K,YAEAoO,EAAAA,aACEnH,EAACC,IAAAuD,GAA2BC,QAASA,EACnCzF,SAAAgC,EAAAA,IAACgD,EACC,CAAAvH,oBAAqBA,EACrBC,oBAAqBA,EACrBuH,eAAgBA,EAChBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,gBAAiBA,EACjBpK,QAASA,EAAOgF,SAEhBgC,EAAAA,IAACnC,EAA2B,CAACE,YAAaA,WACxCiC,EAAAA,IAAC8G,aAIP/N,GCvCSqO,GAAgB,KAC3B,MAAMC,EAAYnJ,EAAAA,OAAOzF,EAAaC,YAChC4O,EAAYpJ,EAAMA,OAAqB,OACpC,CAAAkI,GAAUC,eAEbkB,EAAmB/H,eACtBjG,IACK8N,EAAUpI,SACZqI,EAAUrI,QAAUxG,EAAaM,OAAO,CAAEQ,SAC1C6M,KAEAoB,EAAAA,WACE,uCACA,CACE,8CACA,4CAEF,CACEC,KAAM,+DAET,GAEL,CAACrB,IAGH,MAAO,CACLkB,YACAC,mBACQ,ECnBCG,GAAoBxF,EAAUA,YAIzC,EAEInE,YAAa4J,EACblM,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,kBACApK,UACAyK,UACAzF,YAEF4J,KAEA,MAAM7J,EAAcc,EAAAA,SAClB,IAAM8I,GAAuBE,GAC7B,CAACF,KAGGL,UAAEA,EAASC,iBAAEA,GAAqBH,KAsBxC,OApBAU,EAAmBA,oBACjBF,GACA,KAAO,CACLG,WAAYR,KAEd,CAACA,IAGHS,EAAAA,YAAW,KAMS,OAAdJ,GAAoBL,IACjB,KACDD,EAAUrI,SAASqI,EAAUrI,QAAQgJ,QAAQ,KAKnDvG,EAAAA,KAACwD,EAAAA,SAAQ,CAAAlH,SAAA,CACNA,EACAsJ,EAAUrI,SACTiI,GAAU,CACRzL,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,8BACArF,EACA/E,UACAyK,UACA1K,OAAQuO,EAAUrI,YAEb,2CCjDI,EACnBtC,UACAzB,QACAC,WACAyB,UACAxB,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,yBAEO,IAAIwM,SAAc,CAAC1M,EAAS2M,KACjC,IACE1P,EAAa8B,KAAK,CAChBmC,KAAM,QACNC,UACAnB,QAAS,IAAMA,IACfN,QACAC,WACAyB,UACAxB,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,wBAEF,MAAO0M,GACPD,EAAOC,uBClCU,EACrBzL,UACAzB,QACAC,WACAyB,UACAxB,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,yBAEO,IAAIwM,SAAiB,CAAC1M,EAAS2M,KACpC,IACE1P,EAAa8B,KAAK,CAChBmC,KAAM,UACNC,UACAnB,QAAUY,GAAWZ,EAAQY,IAAU,GACvClB,QACAC,WACAyB,UACAxB,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,wBAEF,MAAO0M,GACPD,EAAOC,sBC3BS,EACpBjL,eACAjC,QACAC,WACAyB,UACAQ,QACAC,WACAC,iBACAlC,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,yBAEO,IAAIwM,SAAW,CAAC1M,EAAS2M,KAC9B,IACE1P,EAAa8B,KAAK,CAChBmC,KAAM,SACNlB,QAAUY,GAAWZ,EAAQY,GAC7BlB,QACAC,WACAyB,UACAQ,QACAD,eACAE,WACAC,iBACAlC,aACAyB,SACAxB,SACAC,gBACAC,uBACAE,sBACAC,wBAEF,MAAO0M,GACPD,EAAOC,6DCxDkB,CAC7B3I,EACAb,KAEA,MAAMvE,MAAEA,EAAKgC,UAAEA,GAAcgE,EAASZ,GAChC4I,EAAOnC,GAAkB7L,GAEzBiO,EAAYpK,EAAAA,OAAO,CACvB7D,QACAgC,YACAkM,aAAcpD,EAAQA,SAACvG,GACnBE,EAAAA,sBAAsBF,GACtBA,IAGN0H,EAAAA,WAAU,KACR,MAAMjM,MAAEA,EAAKgC,UAAEA,EAASkM,aAAEA,GAAiBD,EAAUrJ,QACrD,IAAK5E,GAASA,EAAMS,UAAYT,EAAMM,MAAO,OAC7C,MAAM6N,EAAQ5I,YAAW,KACvBvD,GAAW,GACVkM,GACH,MAAO,KACDC,GAAOC,aAAaD,EAAM,CAC/B,GACA,CAACH,GAAM,6BCzBgB,EAC1BtK,YAAa4J,EACblM,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,kBACApK,UACAyK,UACAiF,OAAO,QACkD,MACzD,MAAM3K,EAAcc,EAAAA,SAClB,IAAM8I,GAAuBE,GAC7B,CAACF,KAGGL,UAAEA,EAASC,iBAAEA,GAAqBH,KAExCY,EAAAA,YAAW,KACI,SAATU,GAAiBnB,IACd,KACDD,EAAUrI,SAASqI,EAAUrI,QAAQgJ,QAAQ,KAIrD,MAAMF,EAAavI,eAChBmJ,IACc,WAATD,GAAmBnB,EAAiBoB,EAAQ,GAElD,CAACD,EAAMnB,IAkBT,MAAO,CAAEqB,OAdPtB,EAAUrI,SACViI,GAAU,aACRnJ,EACAtC,sBACAC,sBACAuH,iBACAC,oBACAC,mBACAC,kBACApK,UACAyK,UACA1K,OAAQuO,EAAUrI,UAGL8I,aAAY,4BCjDE,CAC/BjN,EACAb,KAEA,MAAM4O,EAAa3K,EAAMA,OAACjE,GAC1B4O,EAAW5J,QAAUhF,EACrBqF,EAAAA,iBAAgB,KACd,IAAKuJ,EAAW5J,QAAS,OACzB,IAAI8B,EAIJ,OAFEA,EADEjG,EACMoJ,uBAAsB,IAAM2E,EAAW5J,QAAQ6J,gBAC5C5E,uBAAsB,IAAM2E,EAAW5J,QAAQ8J,eACrD,KACDhI,GAAOkD,qBAAqBlD,EAAM,CACvC,GACA,CAACjG,GAAS,2BzBHyB,IACtB6D,IACD0E,kCAVuB,KACtC,MAAMI,EAAU9E,IAChB,MAAO,CACLC,SAAU6E,EAAQ7E,SAClB2J,aAAczJ,EAAAA,sBAAsB2E,EAAQ7E,UAC7C"}

package/dist/index.esm.js

@@ -13,5 +13,5 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */function S(e,n,o,t){if("a"===o&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!t:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?t:"a"===o?t.call(e):t?t.value:n.get(e)}function P(e,n,o,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,o):r?r.value=o:n.set(e,o),o}var j,M,T,z,V;"function"==typeof SuppressedError&&SuppressedError;class _{static activate(){return!S(j,j,"f",M)&&P(j,j,!0,"f",M)}static anchor(e){if(S(j,j,"f",T)){const e=document.getElementById(S(j,j,"f",T).id);if(e)return e}const{tag:n="div",prefix:o="promise-modal",root:t=document.body}=e||{},r=document.createElement(n);return r.setAttribute("id",`${o}-${h(36)}`),t.appendChild(r),P(j,j,r,"f",T),r}static get prerender(){return S(j,j,"f",z)}static set openHandler(e){P(j,j,e,"f",V),P(j,j,[],"f",z)}static get unanchored(){return!S(j,j,"f",T)}static reset(){P(j,j,!1,"f",M),P(j,j,null,"f",T),P(j,j,[],"f",z),P(j,j,(e=>S(j,j,"f",z).push(e)),"f",V)}static open(e){S(j,j,"f",V).call(j,e)}}j=_,M={value:!1},T={value:null},z={value:[]},V={value:e=>S(j,j,"f",z).push(e)};const A=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})=>new Promise(((u,m)=>{try{_.open({type:"alert",subtype:e,resolve:()=>u(),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})}catch(e){m(e)}})),L=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})=>new Promise(((u,m)=>{try{_.open({type:"confirm",subtype:e,resolve:e=>u(e??!1),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})}catch(e){m(e)}})),$=({defaultValue:e,title:n,subtitle:o,content:t,Input:r,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,ForegroundComponent:m,BackgroundComponent:p})=>new Promise(((h,C)=>{try{_.open({type:"prompt",resolve:e=>h(e),title:n,subtitle:o,content:t,Input:r,defaultValue:e,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,ForegroundComponent:m,BackgroundComponent:p})}catch(e){C(e)}}));var H,q,W,Y,R;class U{get alive(){return S(this,H,"f")}get visible(){return S(this,q,"f")}constructor({id:e,initiator:n,title:o,subtitle:t,background:r,dimmed:i=!0,manualDestroy:s=!1,closeOnBackdropClick:a=!0,resolve:l,ForegroundComponent:c,BackgroundComponent:d}){H.set(this,void 0),q.set(this,void 0),W.set(this,void 0),Y.set(this,new Set),this.id=e,this.initiator=n,this.title=o,this.subtitle=t,this.background=r,this.dimmed=i,this.manualDestroy=s,this.closeOnBackdropClick=a,this.ForegroundComponent=c,this.BackgroundComponent=d,P(this,H,!0,"f"),P(this,q,!0,"f"),P(this,W,l,"f")}subscribe(e){return S(this,Y,"f").add(e),()=>{S(this,Y,"f").delete(e)}}publish(){for(const e of S(this,Y,"f"))e()}resolve(e){S(this,W,"f").call(this,e)}onDestroy(){const e=!0===S(this,H,"f");P(this,H,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===S(this,q,"f");P(this,q,!0,"f"),e&&this.publish()}onHide(){const e=!0===S(this,q,"f");P(this,q,!1,"f"),e&&this.publish()}}H=new WeakMap,q=new WeakMap,W=new WeakMap,Y=new WeakMap;class G extends U{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class J extends U{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class K extends U{constructor({id:e,initiator:n,type:o,title:t,subtitle:r,content:i,defaultValue:s,Input:a,disabled:l,returnOnCancel:c,footer:d,background:u,dimmed:m,manualDestroy:p,closeOnBackdropClick:h,resolve:C,ForegroundComponent:f,BackgroundComponent:g}){super({id:e,initiator:n,title:t,subtitle:r,background:u,dimmed:m,manualDestroy:p,closeOnBackdropClick:h,resolve:C,ForegroundComponent:f,BackgroundComponent:g}),R.set(this,void 0),this.type=o,this.content=i,this.Input=a,this.defaultValue=s,P(this,R,s,"f"),this.disabled=l,this.returnOnCancel=c,this.footer=d}onChange(e){P(this,R,e,"f")}onConfirm(){this.resolve(S(this,R,"f")??null)}onClose(){this.returnOnCancel?this.resolve(S(this,R,"f")??null):this.resolve(null)}}R=new WeakMap;const Q=e=>{switch(e.type){case"alert":return new G(e);case"confirm":return new J(e);case"prompt":return new K(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},X=o({}),Z=t((({usePathname:n,children:o})=>{const t=r(new Map),[c,d]=i([]),u=k(c),{pathname:m}=n(),p=r(m),h=r(0),f=Ce(),g=s((()=>C(f.duration)),[f]);x((()=>{const{manualDestroy:e,closeOnBackdropClick:n}=f;for(const o of _.prerender){const r=Q({...o,id:h.current++,initiator:p.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});t.current.set(r.id,r),d((e=>[...e,r.id]))}return _.openHandler=o=>{const r=Q({...o,id:h.current++,initiator:p.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});t.current.set(r.id,r),d((e=>{const n=[];for(const o of e)t.current.get(o)?.alive?n.push(o):t.current.delete(o);return[...n,r.id]}))},()=>{_.reset()}})),a((()=>{for(const e of u.current){const n=t.current.get(e);n?.alive&&(n.initiator===m?n.onShow():n.onHide())}p.current=m}),[m]);const b=l((e=>t.current.get(e)),[]),y=l((e=>{const n=t.current.get(e);n&&(n.onDestroy(),v.current?.())}),[]),v=r(void 0),w=l((e=>{const n=t.current.get(e);n&&(n.onHide(),v.current?.(),n.manualDestroy||setTimeout((()=>{n.onDestroy()}),g))}),[g]),B=l(((e,n)=>{const o=t.current.get(e);o&&"prompt"===o.type&&o.onChange(n)}),[]),D=l((e=>{const n=t.current.get(e);n&&(n.onConfirm(),w(e))}),[w]),O=l((e=>{const n=t.current.get(e);n&&(n.onClose(),w(e))}),[w]),F=l((e=>({modal:b(e),onConfirm:()=>D(e),onClose:()=>O(e),onChange:n=>B(e,n),onDestroy:()=>y(e)})),[b,D,O,B,y]),N=s((()=>({modalIds:c,getModalNode:b,onChange:B,onConfirm:D,onClose:O,onDestroy:y,getModal:F,setUpdater:e=>{v.current=e}})),[c,F,b,B,D,O,y]);return e(X.Provider,{value:N,children:o})})),ee=()=>c(X),ne=e=>{const{getModal:n}=ee();return s((()=>n(e)),[e,n])};function oe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const te=N("production"===process.env.NODE_ENV?{name:"131j9g2",styles:"margin:unset"}:{name:"1w3kbco-fallback",styles:"margin:unset;label:fallback;",toString:oe}),re=N("production"===process.env.NODE_ENV?{name:"1kuk3a3",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black"}:{name:"16dbbea-frame",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black;label:frame;",toString:oe}),ie=({children:n})=>e("h2",{className:te,children:n}),se=({children:n})=>e("h3",{className:te,children:n}),ae=({children:n})=>e("div",{className:te,children:n}),le=({confirmLabel:o,hideConfirm:t=!1,cancelLabel:r,hideCancel:i=!1,disabled:s,onConfirm:a,onCancel:l})=>n("div",{children:[!t&&e("button",{onClick:a,disabled:s,children:o||"확인"}),!i&&"function"==typeof l&&e("button",{onClick:l,children:r||"취소"})]}),ce=e=>e?.visible,de=(e=ce,n=0)=>{const{modalIds:o,getModalNode:t}=ee();return s((()=>{let n=0;for(const r of o)e(t(r))&&n++;return n}),[t,o,n])},ue=d((({id:n,onChangeOrder:o,children:t},r)=>{const i=de(),[a,l]=s((()=>{const e=i>1;return[e?Math.floor(n/5)%3*100:0,e?n%5*35:0]}),[i,n]);return e("div",{ref:r,className:re,onClick:o,style:{marginBottom:`calc(25vh + ${a}px)`,marginLeft:`${a}px`,transform:`translate(${l}px, ${l}px)`},children:t})})),me=o({}),pe=t((({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,options:c,children:d})=>{const u=s((()=>({BackgroundComponent:o,ForegroundComponent:n||ue,TitleComponent:r||ie,SubtitleComponent:i||se,ContentComponent:t(a||ae),FooterComponent:t(l||le),options:{duration:"300ms",backdrop:"rgba(0, 0, 0, 0.5)",closeOnBackdropClick:!0,manualDestroy:!1,...c}})),[n,o,a,l,i,r,c]);return e(me.Provider,{value:u,children:d})})),he=()=>c(me),Ce=()=>c(me).options,fe=()=>{const e=Ce();return{duration:e.duration,milliseconds:C(e.duration)}},ge=()=>Ce().backdrop,be=o({}),ye=({context:n,children:o})=>{const t=s((()=>({context:n||{}})),[n]);return e(be.Provider,{value:t,children:o})},ve=()=>c(be),ke=()=>{const[e,n]=i(window.location.pathname);return a((()=>{let o;const t=()=>{o&&cancelAnimationFrame(o),e!==window.location.pathname?n(window.location.pathname):o=requestAnimationFrame(t)};return o=requestAnimationFrame(t),()=>{o&&cancelAnimationFrame(o)}}),[e]),{pathname:e}};function xe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const we=N("production"===process.env.NODE_ENV?{name:"u7uu4v",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;}"}:{name:"coymdj-background",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;};label:background;",toString:xe}),Be=N("production"===process.env.NODE_ENV?{name:"n07k1x",styles:"pointer-events:all"}:{name:"1hektcs-active",styles:"pointer-events:all;label:active;",toString:xe}),De=N("production"===process.env.NODE_ENV?{name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"}:{name:"xppew7-visible",styles:"display:flex;align-items:center;justify-content:center;label:visible;",toString:xe}),Oe=({modalId:n,onChangeOrder:o})=>{const{BackgroundComponent:t}=he(),{context:r}=ve(),{modal:i,onClose:a,onChange:c,onConfirm:d,onDestroy:u}=ne(n),m=l((e=>{i&&i.closeOnBackdropClick&&i.visible&&a(),e.stopPropagation()}),[i,a]),p=s((()=>i?.BackgroundComponent||t),[t,i]);return i?e("div",{className:E(we,{[De]:i.manualDestroy?i.alive:i.visible,[Be]:i.closeOnBackdropClick&&i.visible}),onClick:m,children:p&&e(p,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:c,onConfirm:d,onClose:a,onDestroy:u,onChangeOrder:o,context:r})}):null};function Fe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const Ne=N("production"===process.env.NODE_ENV?{name:"12g0hx0",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1"}:{name:"1hcczik-foreground",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1;label:foreground;",toString:Fe}),Ee=N("production"===process.env.NODE_ENV?{name:"1g95xyq",styles:">*{pointer-events:all;}"}:{name:"123csva-active",styles:">*{pointer-events:all;};label:active;",toString:Fe}),Ie=N("production"===process.env.NODE_ENV?{name:"1fmljv2",styles:"display:flex!important;justify-content:center;align-items:center"}:{name:"1p4unab-visible",styles:"display:flex!important;justify-content:center;align-items:center;label:visible;",toString:Fe}),Se=t((({modal:o,handlers:t})=>{const{title:r,subtitle:i,content:a,footer:l}=s((()=>o),[o]),{context:c}=ve(),{onConfirm:d}=s((()=>t),[t]),m=w(d),{TitleComponent:p,SubtitleComponent:h,ContentComponent:C,FooterComponent:g}=he();return n(u,{children:[r&&(f(r)?e(p,{context:c,children:r}):r),i&&(f(i)?e(h,{context:c,children:i}):i),a&&(f(a)?e(C,{context:c,children:a}):B(a,{onConfirm:m})),!1!==l&&("function"==typeof l?l({onConfirm:m,context:c}):e(g,{onConfirm:m,confirmLabel:l?.confirm,hideConfirm:l?.hideConfirm,context:c}))]})})),Pe=t((({modal:o,handlers:t})=>{const{title:r,subtitle:i,content:a,footer:l}=s((()=>o),[o]),{context:c}=ve(),{onConfirm:d,onClose:m}=s((()=>t),[t]),p=w(d),h=w(m),{TitleComponent:C,SubtitleComponent:g,ContentComponent:b,FooterComponent:y}=he();return n(u,{children:[r&&(f(r)?e(C,{context:c,children:r}):r),i&&(f(i)?e(g,{context:c,children:i}):i),a&&(f(a)?e(b,{context:c,children:a}):B(a,{onConfirm:p,onCancel:h,context:c})),!1!==l&&("function"==typeof l?l({onConfirm:p,onCancel:h,context:c}):e(y,{onConfirm:p,onCancel:h,confirmLabel:l?.confirm,cancelLabel:l?.cancel,hideConfirm:l?.hideConfirm,hideCancel:l?.hideCancel,context:c}))]})})),je=t((({modal:o,handlers:r})=>{const{Input:a,defaultValue:c,disabled:d,title:m,subtitle:p,content:h,footer:C}=s((()=>({...o,Input:t(D(o.Input))})),[o]),{context:b}=ve(),[y,v]=i(c),{onChange:k,onClose:x,onConfirm:O}=s((()=>r),[r]),F=w(x),N=w((e=>{const n=g(e)?e(y):e;v(n),k(n)})),E=l((()=>{setTimeout((()=>{O()}))}),[O]),I=s((()=>!!y&&!!d?.(y)),[d,y]),{TitleComponent:S,SubtitleComponent:P,ContentComponent:j,FooterComponent:M}=he();return n(u,{children:[m&&(f(m)?e(S,{context:b,children:m}):m),p&&(f(p)?e(P,{context:b,children:p}):p),h&&(f(h)?e(j,{context:b,children:h}):B(h,{onConfirm:E,onCancel:F,context:b})),a&&e(a,{defaultValue:c,value:y,onChange:N,onConfirm:E,onCancel:F,context:b}),!1!==C&&("function"==typeof C?C({value:y,disabled:I,onChange:N,onConfirm:E,onCancel:F,context:b}):e(M,{disabled:I,onConfirm:E,onCancel:F,confirmLabel:C?.confirm,cancelLabel:C?.cancel,hideConfirm:C?.hideConfirm,hideCancel:C?.hideCancel,context:b}))]})})),Me=({modalId:o,onChangeOrder:t})=>{const{ForegroundComponent:r}=he(),{context:i}=ve(),{modal:a,onChange:l,onConfirm:c,onClose:d,onDestroy:u}=ne(o),m=s((()=>a?.ForegroundComponent||r),[r,a]);return a?e("div",{className:E(Ne,{[Ie]:a.manualDestroy?a.alive:a.visible,[Ee]:a.visible}),children:n(m,{id:a.id,type:a.type,alive:a.alive,visible:a.visible,initiator:a.initiator,manualDestroy:a.manualDestroy,closeOnBackdropClick:a.closeOnBackdropClick,background:a.background,onChange:l,onConfirm:c,onClose:d,onDestroy:u,onChangeOrder:t,context:i,children:["alert"===a.type&&e(Se,{modal:a,handlers:{onConfirm:c}}),"confirm"===a.type&&e(Pe,{modal:a,handlers:{onConfirm:c,onClose:d}}),"prompt"===a.type&&e(je,{modal:a,handlers:{onChange:l,onConfirm:c,onClose:d}})]})}):null},Te=e=>{const[n,o]=O();return m((()=>{if(e)return e.subscribe(o)}),[e]),n},ze=N("production"===process.env.NODE_ENV?{name:"13dmkf4",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden"}:{name:"yjeu12-presenter",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden;label:presenter;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),{increment:Ve}=b(1),_e=t((({modalId:o})=>{const t=r(null),{modal:i}=ne(o);Te(i);const s=w((()=>{t.current&&(t.current.style.zIndex=`${Ve()}`)}));return n("div",{ref:t,className:ze,children:[e(Oe,{modalId:o,onChangeOrder:s}),e(Me,{modalId:o,onChangeOrder:s})]})})),Ae=N("production"===process.env.NODE_ENV?{name:"2hpasy",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out"}:{name:"lhj8co-anchor",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out;label:anchor;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),Le=e=>e?.visible&&e.dimmed,$e=t(D((()=>{const[n,o]=O(),{modalIds:t,setUpdater:r}=ee();m((()=>{r(o)}),[r,o]);const i=Ce(),s=de(Le,n);return e("div",{className:Ae,style:{transitionDuration:i.duration,backgroundColor:s?i.backdrop:"transparent"},children:y(t,(n=>e(_e,{modalId:n},n)))})}))),He=({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,usePathname:a,options:l,context:c,anchor:d})=>I(e(ye,{context:c,children:e(pe,{ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:l,children:e(Z,{usePathname:a,children:e($e,{})})})}),d),qe=()=>{const e=r(_.activate()),n=r(null),[,o]=O(),t=l((t=>{e.current?(n.current=_.anchor({root:t}),o()):v("ModalProvider is already initialized",["ModalProvider can only be initialized once.","Nesting ModalProvider will be ignored..."],{info:"Something is wrong with the ModalProvider initialization..."})}),[o]);return{anchorRef:n,handleInitialize:t}},We=d((({usePathname:e,ForegroundComponent:o,BackgroundComponent:t,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,options:c,context:d,children:m},h)=>{const C=s((()=>e||ke),[e]),{anchorRef:f,handleInitialize:g}=qe();return p(h,(()=>({initialize:g})),[g]),F((()=>(null===h&&g(),()=>{f.current&&f.current.remove()}))),n(u,{children:[m,f.current&&He({ForegroundComponent:o,BackgroundComponent:t,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,usePathname:C,options:c,context:d,anchor:f.current})]})})),Ye=({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:a,options:c,context:d,mode:u="auto"}={})=>{const m=s((()=>e||ke),[e]),{anchorRef:p,handleInitialize:h}=qe();F((()=>("auto"===u&&h(),()=>{p.current&&p.current.remove()})));const C=l((e=>{"manual"===u&&h(e)}),[u,h]);return{portal:p.current&&He({usePathname:m,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:a,options:c,context:d,anchor:p.current}),initialize:C}},Re=(e,n)=>{const{modal:o,onDestroy:t}=ne(e),i=Te(o),s=r({modal:o,onDestroy:t,milliseconds:f(n)?C(n):n});m((()=>{const{modal:e,onDestroy:n,milliseconds:o}=s.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{n()}),o);return()=>{t&&clearTimeout(t)}}),[i])},Ue=(e,n)=>{const o=r(n);o.current=n,a((()=>{if(!o.current)return;let n;return n=e?requestAnimationFrame((()=>o.current.onVisible?.())):requestAnimationFrame((()=>o.current.onHidden?.())),()=>{n&&cancelAnimationFrame(n)}}),[e])};export{We as ModalProvider,A as alert,L as confirm,$ as prompt,de as useActiveModalCount,Re as useDestroyAfter,Ye as useInitializeModal,Ue as useModalAnimation,ge as useModalBackdrop,fe as useModalDuration,Ce as useModalOptions,Te as useSubscribeModal};
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */function S(e,n,o,t){if("a"===o&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!t:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?t:"a"===o?t.call(e):t?t.value:n.get(e)}function P(e,n,o,t,r){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?r.call(e,o):r?r.value=o:n.set(e,o),o}var j,M,T,z,V;"function"==typeof SuppressedError&&SuppressedError;class _{static activate(){return!S(j,j,"f",M)&&P(j,j,!0,"f",M)}static anchor(e){if(S(j,j,"f",T)){const e=document.getElementById(S(j,j,"f",T).id);if(e)return e}const{tag:n="div",prefix:o="promise-modal",root:t=document.body}=e||{},r=document.createElement(n);return r.setAttribute("id",`${o}-${h(36)}`),t.appendChild(r),P(j,j,r,"f",T),r}static get prerender(){return S(j,j,"f",z)}static set openHandler(e){P(j,j,e,"f",V),P(j,j,[],"f",z)}static get unanchored(){return!S(j,j,"f",T)}static reset(){P(j,j,!1,"f",M),P(j,j,null,"f",T),P(j,j,[],"f",z),P(j,j,(e=>S(j,j,"f",z).push(e)),"f",V)}static open(e){S(j,j,"f",V).call(j,e)}}j=_,M={value:!1},T={value:null},z={value:[]},V={value:e=>S(j,j,"f",z).push(e)};const A=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})=>new Promise(((u,m)=>{try{_.open({type:"alert",subtype:e,resolve:()=>u(),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})}catch(e){m(e)}})),L=({subtype:e,title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})=>new Promise(((u,m)=>{try{_.open({type:"confirm",subtype:e,resolve:e=>u(e??!1),title:n,subtitle:o,content:t,background:r,footer:i,dimmed:s,manualDestroy:a,closeOnBackdropClick:l,ForegroundComponent:c,BackgroundComponent:d})}catch(e){m(e)}})),$=({defaultValue:e,title:n,subtitle:o,content:t,Input:r,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,ForegroundComponent:m,BackgroundComponent:p})=>new Promise(((h,C)=>{try{_.open({type:"prompt",resolve:e=>h(e),title:n,subtitle:o,content:t,Input:r,defaultValue:e,disabled:i,returnOnCancel:s,background:a,footer:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,ForegroundComponent:m,BackgroundComponent:p})}catch(e){C(e)}}));var H,q,W,Y,R;class U{get alive(){return S(this,H,"f")}get visible(){return S(this,q,"f")}constructor({id:e,initiator:n,title:o,subtitle:t,background:r,dimmed:i=!0,manualDestroy:s=!1,closeOnBackdropClick:a=!0,resolve:l,ForegroundComponent:c,BackgroundComponent:d}){H.set(this,void 0),q.set(this,void 0),W.set(this,void 0),Y.set(this,new Set),this.id=e,this.initiator=n,this.title=o,this.subtitle=t,this.background=r,this.dimmed=i,this.manualDestroy=s,this.closeOnBackdropClick=a,this.ForegroundComponent=c,this.BackgroundComponent=d,P(this,H,!0,"f"),P(this,q,!0,"f"),P(this,W,l,"f")}subscribe(e){return S(this,Y,"f").add(e),()=>{S(this,Y,"f").delete(e)}}publish(){for(const e of S(this,Y,"f"))e()}resolve(e){S(this,W,"f").call(this,e)}onDestroy(){const e=!0===S(this,H,"f");P(this,H,!1,"f"),this.manualDestroy&&e&&this.publish()}onShow(){const e=!1===S(this,q,"f");P(this,q,!0,"f"),e&&this.publish()}onHide(){const e=!0===S(this,q,"f");P(this,q,!1,"f"),e&&this.publish()}}H=new WeakMap,q=new WeakMap,W=new WeakMap,Y=new WeakMap;class G extends U{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(null)}onConfirm(){this.resolve(null)}}class J extends U{constructor({id:e,initiator:n,type:o,subtype:t,title:r,subtitle:i,content:s,footer:a,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}){super({id:e,initiator:n,title:r,subtitle:i,background:l,dimmed:c,manualDestroy:d,closeOnBackdropClick:u,resolve:m,ForegroundComponent:p,BackgroundComponent:h}),this.type=o,this.subtype=t,this.content=s,this.footer=a}onClose(){this.resolve(!1)}onConfirm(){this.resolve(!0)}}class K extends U{constructor({id:e,initiator:n,type:o,title:t,subtitle:r,content:i,defaultValue:s,Input:a,disabled:l,returnOnCancel:c,footer:d,background:u,dimmed:m,manualDestroy:p,closeOnBackdropClick:h,resolve:C,ForegroundComponent:f,BackgroundComponent:g}){super({id:e,initiator:n,title:t,subtitle:r,background:u,dimmed:m,manualDestroy:p,closeOnBackdropClick:h,resolve:C,ForegroundComponent:f,BackgroundComponent:g}),R.set(this,void 0),this.type=o,this.content=i,this.Input=a,this.defaultValue=s,P(this,R,s,"f"),this.disabled=l,this.returnOnCancel=c,this.footer=d}onChange(e){P(this,R,e,"f")}onConfirm(){this.resolve(S(this,R,"f")??null)}onClose(){this.returnOnCancel?this.resolve(S(this,R,"f")??null):this.resolve(null)}}R=new WeakMap;const Q=e=>{switch(e.type){case"alert":return new G(e);case"confirm":return new J(e);case"prompt":return new K(e)}throw new Error(`Unknown modal: ${e.type}`,{modal:e})},X=o({}),Z=t((({usePathname:n,children:o})=>{const t=r(new Map),[c,d]=i([]),u=k(c),{pathname:m}=n(),p=r(m),h=r(0),f=Ce(),g=s((()=>C(f.duration)),[f]);x((()=>{const{manualDestroy:e,closeOnBackdropClick:n}=f;for(const o of _.prerender){const r=Q({...o,id:h.current++,initiator:p.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});t.current.set(r.id,r),d((e=>[...e,r.id]))}return _.openHandler=o=>{const r=Q({...o,id:h.current++,initiator:p.current,manualDestroy:void 0!==o.manualDestroy?o.manualDestroy:e,closeOnBackdropClick:void 0!==o.closeOnBackdropClick?o.closeOnBackdropClick:n});t.current.set(r.id,r),d((e=>{const n=[];for(const o of e)t.current.get(o)?.alive?n.push(o):t.current.delete(o);return[...n,r.id]}))},()=>{_.reset()}})),a((()=>{for(const e of u.current){const n=t.current.get(e);n?.alive&&(n.initiator===m?n.onShow():n.onHide())}p.current=m}),[m]);const b=l((e=>t.current.get(e)),[]),y=l((e=>{const n=t.current.get(e);n&&(n.onDestroy(),v.current?.())}),[]),v=r(void 0),w=l((e=>{const n=t.current.get(e);n&&(n.onHide(),v.current?.(),n.manualDestroy||setTimeout((()=>{n.onDestroy()}),g))}),[g]),B=l(((e,n)=>{const o=t.current.get(e);o&&"prompt"===o.type&&o.onChange(n)}),[]),D=l((e=>{const n=t.current.get(e);n&&(n.onConfirm(),w(e))}),[w]),O=l((e=>{const n=t.current.get(e);n&&(n.onClose(),w(e))}),[w]),F=l((e=>({modal:b(e),onConfirm:()=>D(e),onClose:()=>O(e),onChange:n=>B(e,n),onDestroy:()=>y(e)})),[b,D,O,B,y]),N=s((()=>({modalIds:c,getModalNode:b,onChange:B,onConfirm:D,onClose:O,onDestroy:y,getModal:F,setUpdater:e=>{v.current=e}})),[c,F,b,B,D,O,y]);return e(X.Provider,{value:N,children:o})})),ee=()=>c(X),ne=e=>{const{getModal:n}=ee();return s((()=>n(e)),[e,n])};function oe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const te=N("production"===process.env.NODE_ENV?{name:"131j9g2",styles:"margin:unset"}:{name:"1w3kbco-fallback",styles:"margin:unset;label:fallback;",toString:oe}),re=N("production"===process.env.NODE_ENV?{name:"1kuk3a3",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black"}:{name:"16dbbea-frame",styles:"display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;padding:20px 80px;gap:10px;border:1px solid black;label:frame;",toString:oe}),ie=({children:n})=>e("h2",{className:te,children:n}),se=({children:n})=>e("h3",{className:te,children:n}),ae=({children:n})=>e("div",{className:te,children:n}),le=({confirmLabel:o,hideConfirm:t=!1,cancelLabel:r,hideCancel:i=!1,disabled:s,onConfirm:a,onCancel:l})=>n("div",{children:[!t&&e("button",{onClick:a,disabled:s,children:o||"확인"}),!i&&"function"==typeof l&&e("button",{onClick:l,children:r||"취소"})]}),ce=e=>e?.visible,de=(e=ce,n=0)=>{const{modalIds:o,getModalNode:t}=ee();return s((()=>{let n=0;for(const r of o)e(t(r))&&n++;return n}),[t,o,n])},ue=d((({id:n,onChangeOrder:o,children:t},r)=>{const i=de(),[a,l]=s((()=>{const e=i>1;return[e?Math.floor(n/5)%3*100:0,e?n%5*35:0]}),[i,n]);return e("div",{ref:r,className:re,onClick:o,style:{marginBottom:`calc(25vh + ${a}px)`,marginLeft:`${a}px`,transform:`translate(${l}px, ${l}px)`},children:t})})),me=o({}),pe=t((({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,options:c,children:d})=>{const u=s((()=>({BackgroundComponent:o,ForegroundComponent:n||ue,TitleComponent:r||ie,SubtitleComponent:i||se,ContentComponent:t(a||ae),FooterComponent:t(l||le),options:{duration:"300ms",backdrop:"rgba(0, 0, 0, 0.5)",closeOnBackdropClick:!0,manualDestroy:!1,...c}})),[n,o,a,l,i,r,c]);return e(me.Provider,{value:u,children:d})})),he=()=>c(me),Ce=()=>c(me).options,fe=()=>{const e=Ce();return{duration:e.duration,milliseconds:C(e.duration)}},ge=()=>Ce().backdrop,be=o({}),ye=({context:n,children:o})=>{const t=s((()=>({context:n||{}})),[n]);return e(be.Provider,{value:t,children:o})},ve=()=>c(be),ke=()=>{const[e,n]=i(window.location.pathname);return a((()=>{let o;const t=()=>{o&&cancelAnimationFrame(o),e!==window.location.pathname?n(window.location.pathname):o=requestAnimationFrame(t)};return o=requestAnimationFrame(t),()=>{o&&cancelAnimationFrame(o)}}),[e]),{pathname:e}};function xe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const we=N("production"===process.env.NODE_ENV?{name:"u7uu4v",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;}"}:{name:"coymdj-background",styles:"display:none;position:fixed;inset:0;z-index:-999;pointer-events:none;>*{pointer-events:none;};label:background;",toString:xe}),Be=N("production"===process.env.NODE_ENV?{name:"n07k1x",styles:"pointer-events:all"}:{name:"1hektcs-active",styles:"pointer-events:all;label:active;",toString:xe}),De=N("production"===process.env.NODE_ENV?{name:"1wnowod",styles:"display:flex;align-items:center;justify-content:center"}:{name:"xppew7-visible",styles:"display:flex;align-items:center;justify-content:center;label:visible;",toString:xe}),Oe=({modalId:n,onChangeOrder:o})=>{const{BackgroundComponent:t}=he(),{context:r}=ve(),{modal:i,onClose:a,onChange:c,onConfirm:d,onDestroy:u}=ne(n),m=l((e=>{i&&i.closeOnBackdropClick&&i.visible&&a(),e.stopPropagation()}),[i,a]),p=s((()=>i?.BackgroundComponent||t),[t,i]);return i?e("div",{className:E(we,{[De]:i.manualDestroy?i.alive:i.visible,[Be]:i.closeOnBackdropClick&&i.visible}),onClick:m,children:p&&e(p,{id:i.id,type:i.type,alive:i.alive,visible:i.visible,initiator:i.initiator,manualDestroy:i.manualDestroy,closeOnBackdropClick:i.closeOnBackdropClick,background:i.background,onChange:c,onConfirm:d,onClose:a,onDestroy:u,onChangeOrder:o,context:r})}):null};function Fe(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const Ne=N("production"===process.env.NODE_ENV?{name:"12g0hx0",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1"}:{name:"1hcczik-foreground",styles:"pointer-events:none;display:none;position:fixed;inset:0;z-index:1;label:foreground;",toString:Fe}),Ee=N("production"===process.env.NODE_ENV?{name:"1g95xyq",styles:">*{pointer-events:all;}"}:{name:"123csva-active",styles:">*{pointer-events:all;};label:active;",toString:Fe}),Ie=N("production"===process.env.NODE_ENV?{name:"1fmljv2",styles:"display:flex!important;justify-content:center;align-items:center"}:{name:"1p4unab-visible",styles:"display:flex!important;justify-content:center;align-items:center;label:visible;",toString:Fe}),Se=t((({modal:o,handlers:t})=>{const{title:r,subtitle:i,content:a,footer:l}=s((()=>o),[o]),{context:c}=ve(),{onConfirm:d}=s((()=>t),[t]),m=w(d),{TitleComponent:p,SubtitleComponent:h,ContentComponent:C,FooterComponent:g}=he();return n(u,{children:[r&&(f(r)?e(p,{context:c,children:r}):r),i&&(f(i)?e(h,{context:c,children:i}):i),a&&(f(a)?e(C,{context:c,children:a}):B(a,{onConfirm:m})),!1!==l&&("function"==typeof l?l({onConfirm:m,context:c}):e(g,{onConfirm:m,confirmLabel:l?.confirm,hideConfirm:l?.hideConfirm,context:c}))]})})),Pe=t((({modal:o,handlers:t})=>{const{title:r,subtitle:i,content:a,footer:l}=s((()=>o),[o]),{context:c}=ve(),{onConfirm:d,onClose:m}=s((()=>t),[t]),p=w(d),h=w(m),{TitleComponent:C,SubtitleComponent:g,ContentComponent:b,FooterComponent:y}=he();return n(u,{children:[r&&(f(r)?e(C,{context:c,children:r}):r),i&&(f(i)?e(g,{context:c,children:i}):i),a&&(f(a)?e(b,{context:c,children:a}):B(a,{onConfirm:p,onCancel:h,context:c})),!1!==l&&("function"==typeof l?l({onConfirm:p,onCancel:h,context:c}):e(y,{onConfirm:p,onCancel:h,confirmLabel:l?.confirm,cancelLabel:l?.cancel,hideConfirm:l?.hideConfirm,hideCancel:l?.hideCancel,context:c}))]})})),je=t((({modal:o,handlers:r})=>{const{Input:a,defaultValue:c,disabled:d,title:m,subtitle:p,content:h,footer:C}=s((()=>({...o,Input:t(D(o.Input))})),[o]),{context:b}=ve(),[y,v]=i(c),{onChange:k,onClose:x,onConfirm:O}=s((()=>r),[r]),F=w(x),N=w((e=>{const n=g(e)?e(y):e;v(n),k(n)})),E=l((()=>{setTimeout((()=>{O()}))}),[O]),I=s((()=>!!y&&!!d?.(y)),[d,y]),{TitleComponent:S,SubtitleComponent:P,ContentComponent:j,FooterComponent:M}=he();return n(u,{children:[m&&(f(m)?e(S,{context:b,children:m}):m),p&&(f(p)?e(P,{context:b,children:p}):p),h&&(f(h)?e(j,{context:b,children:h}):B(h,{onConfirm:E,onCancel:F,context:b})),a&&e(a,{defaultValue:c,value:y,onChange:N,onConfirm:E,onCancel:F,context:b}),!1!==C&&("function"==typeof C?C({value:y,disabled:I,onChange:N,onConfirm:E,onCancel:F,context:b}):e(M,{disabled:I,onConfirm:E,onCancel:F,confirmLabel:C?.confirm,cancelLabel:C?.cancel,hideConfirm:C?.hideConfirm,hideCancel:C?.hideCancel,context:b}))]})})),Me=({modalId:o,onChangeOrder:t})=>{const{ForegroundComponent:r}=he(),{context:i}=ve(),{modal:a,onChange:l,onConfirm:c,onClose:d,onDestroy:u}=ne(o),m=s((()=>a?.ForegroundComponent||r),[r,a]);return a?e("div",{className:E(Ne,{[Ie]:a.manualDestroy?a.alive:a.visible,[Ee]:a.visible}),children:n(m,{id:a.id,type:a.type,alive:a.alive,visible:a.visible,initiator:a.initiator,manualDestroy:a.manualDestroy,closeOnBackdropClick:a.closeOnBackdropClick,background:a.background,onChange:l,onConfirm:c,onClose:d,onDestroy:u,onChangeOrder:t,context:i,children:["alert"===a.type&&e(Se,{modal:a,handlers:{onConfirm:c}}),"confirm"===a.type&&e(Pe,{modal:a,handlers:{onConfirm:c,onClose:d}}),"prompt"===a.type&&e(je,{modal:a,handlers:{onChange:l,onConfirm:c,onClose:d}})]})}):null},Te=e=>{const[n,o]=O();return m((()=>{if(e)return e.subscribe(o)}),[e,o]),n},ze=N("production"===process.env.NODE_ENV?{name:"13dmkf4",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden"}:{name:"yjeu12-presenter",styles:"position:fixed;inset:0;pointer-events:none;overflow:hidden;label:presenter;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),{increment:Ve}=b(1),_e=t((({modalId:o})=>{const t=r(null),{modal:i}=ne(o);Te(i);const s=w((()=>{t.current&&(t.current.style.zIndex=`${Ve()}`)}));return n("div",{ref:t,className:ze,children:[e(Oe,{modalId:o,onChangeOrder:s}),e(Me,{modalId:o,onChangeOrder:s})]})})),Ae=N("production"===process.env.NODE_ENV?{name:"2hpasy",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out"}:{name:"lhj8co-anchor",styles:"display:flex;align-items:center;justify-content:center;position:fixed;inset:0;pointer-events:none;z-index:1000;transition:background-color ease-in-out;label:anchor;",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),Le=e=>e?.visible&&e.dimmed,$e=t(D((()=>{const[n,o]=O(),{modalIds:t,setUpdater:r}=ee();m((()=>{r(o)}),[r,o]);const i=Ce(),s=de(Le,n);return e("div",{className:Ae,style:{transitionDuration:i.duration,backgroundColor:s?i.backdrop:"transparent"},children:y(t,(n=>e(_e,{modalId:n},n)))})}))),He=({ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,usePathname:a,options:l,context:c,anchor:d})=>I(e(ye,{context:c,children:e(pe,{ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:s,options:l,children:e(Z,{usePathname:a,children:e($e,{})})})}),d),qe=()=>{const e=r(_.activate()),n=r(null),[,o]=O(),t=l((t=>{e.current?(n.current=_.anchor({root:t}),o()):v("ModalProvider is already initialized",["ModalProvider can only be initialized once.","Nesting ModalProvider will be ignored..."],{info:"Something is wrong with the ModalProvider initialization..."})}),[o]);return{anchorRef:n,handleInitialize:t}},We=d((({usePathname:e,ForegroundComponent:o,BackgroundComponent:t,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,options:c,context:d,children:m},h)=>{const C=s((()=>e||ke),[e]),{anchorRef:f,handleInitialize:g}=qe();return p(h,(()=>({initialize:g})),[g]),F((()=>(null===h&&g(),()=>{f.current&&f.current.remove()}))),n(u,{children:[m,f.current&&He({ForegroundComponent:o,BackgroundComponent:t,TitleComponent:r,SubtitleComponent:i,ContentComponent:a,FooterComponent:l,usePathname:C,options:c,context:d,anchor:f.current})]})})),Ye=({usePathname:e,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:a,options:c,context:d,mode:u="auto"}={})=>{const m=s((()=>e||ke),[e]),{anchorRef:p,handleInitialize:h}=qe();F((()=>("auto"===u&&h(),()=>{p.current&&p.current.remove()})));const C=l((e=>{"manual"===u&&h(e)}),[u,h]);return{portal:p.current&&He({usePathname:m,ForegroundComponent:n,BackgroundComponent:o,TitleComponent:t,SubtitleComponent:r,ContentComponent:i,FooterComponent:a,options:c,context:d,anchor:p.current}),initialize:C}},Re=(e,n)=>{const{modal:o,onDestroy:t}=ne(e),i=Te(o),s=r({modal:o,onDestroy:t,milliseconds:f(n)?C(n):n});m((()=>{const{modal:e,onDestroy:n,milliseconds:o}=s.current;if(!e||e.visible||!e.alive)return;const t=setTimeout((()=>{n()}),o);return()=>{t&&clearTimeout(t)}}),[i])},Ue=(e,n)=>{const o=r(n);o.current=n,a((()=>{if(!o.current)return;let n;return n=e?requestAnimationFrame((()=>o.current.onVisible?.())):requestAnimationFrame((()=>o.current.onHidden?.())),()=>{n&&cancelAnimationFrame(n)}}),[e])};export{We as ModalProvider,A as alert,L as confirm,$ as prompt,de as useActiveModalCount,Re as useDestroyAfter,Ye as useInitializeModal,Ue as useModalAnimation,ge as useModalBackdrop,fe as useModalDuration,Ce as useModalOptions,Te as useSubscribeModal};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/app/ModalManager.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/core/node/ModalNode/AbstractNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/providers/ModalManagerContext/ModalManagerContext.ts","../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx","../src/providers/ModalManagerContext/useModalManagerContext.ts","../src/components/FallbackComponents/classNames.emotion.ts","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/hooks/useActiveModalCount.ts","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/providers/ConfigurationContext/ConfigurationContext.ts","../src/providers/ConfigurationContext/ConfigurationContextProvider.tsx","../src/app/constant.ts","../src/providers/ConfigurationContext/useConfigurationContext.ts","../src/providers/UserDefinedContext/UserDefinedContext.ts","../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx","../src/providers/UserDefinedContext/useUserDefinedContext.ts","../src/hooks/useDefaultPathname.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/components/Anchor/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/bootstrap/BootstrapProvider/helpers/bootstrap.tsx","../src/bootstrap/BootstrapProvider/hooks/useInitialize.ts","../src/bootstrap/BootstrapProvider/BootstrapProvider.tsx","../src/bootstrap/BootstrapProvider/useBootstrap.tsx","../src/hooks/useDestroyAfter.ts","../src/hooks/useModalAnimation.ts"],"sourcesContent":["import { getRandomString } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { Modal } from '@/promise-modal/types';\n\nexport class ModalManager {\n  static #active = false;\n  static activate() {\n    if (ModalManager.#active) return false;\n    return (ModalManager.#active = true);\n  }\n\n  static #anchor: HTMLElement | null = null;\n  static anchor(options?: {\n    tag?: string;\n    prefix?: string;\n    root?: HTMLElement;\n  }): HTMLElement {\n    if (ModalManager.#anchor) {\n      const anchor = document.getElementById(ModalManager.#anchor.id);\n      if (anchor) return anchor;\n    }\n    const {\n      tag = 'div',\n      prefix = 'promise-modal',\n      root = document.body,\n    } = options || {};\n    const node = document.createElement(tag);\n    node.setAttribute('id', `${prefix}-${getRandomString(36)}`);\n    root.appendChild(node);\n    ModalManager.#anchor = node;\n    return node;\n  }\n\n  static #prerenderList: Modal[] = [];\n  static get prerender() {\n    return ModalManager.#prerenderList;\n  }\n\n  static #openHandler: Fn<[Modal], void> = (modal: Modal) =>\n    ModalManager.#prerenderList.push(modal);\n  static set openHandler(handler: Fn<[Modal], void>) {\n    ModalManager.#openHandler = handler;\n    ModalManager.#prerenderList = [];\n  }\n\n  static get unanchored() {\n    return !ModalManager.#anchor;\n  }\n\n  static reset() {\n    ModalManager.#active = false;\n    ModalManager.#anchor = null;\n    ModalManager.#prerenderList = [];\n    ModalManager.#openHandler = (modal: Modal) =>\n      ModalManager.#prerenderList.push(modal);\n  }\n\n  static open(modal: Modal) {\n    ModalManager.#openHandler(modal);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<AlertContentProps>;\n  background?: ModalBackground<B>;\n  footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const alert = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: AlertProps<B>) => {\n  return new Promise<void>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'alert',\n        subtype,\n        resolve: () => resolve(),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<ConfirmContentProps>;\n  background?: ModalBackground<B>;\n  footer?: ConfirmFooterRender | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const confirm = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: ConfirmProps<B>) => {\n  return new Promise<boolean>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'confirm',\n        subtype,\n        resolve: (result) => resolve(result ?? false),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n} from '@/promise-modal/types';\n\ninterface PromptProps<T, B = any> {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<PromptContentProps>;\n  Input: (props: PromptInputProps<T>) => ReactNode;\n  defaultValue?: T;\n  disabled?: (value: T) => boolean;\n  returnOnCancel?: boolean;\n  background?: ModalBackground<B>;\n  footer?: PromptFooterRender<T> | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const prompt = <T, B = any>({\n  defaultValue,\n  title,\n  subtitle,\n  content,\n  Input,\n  disabled,\n  returnOnCancel,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: PromptProps<T, B>) => {\n  return new Promise<T>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'prompt',\n        resolve: (result) => resolve(result as T),\n        title,\n        subtitle,\n        content,\n        Input,\n        defaultValue,\n        disabled,\n        returnOnCancel,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  BaseModal,\n  ForegroundComponent,\n  ManagedEntity,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ntype AbstractNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class AbstractNode<T, B> {\n  readonly id: number;\n  readonly initiator: string;\n\n  readonly title?: ReactNode;\n  readonly subtitle?: ReactNode;\n  readonly background?: ModalBackground<B>;\n\n  readonly manualDestroy: boolean;\n  readonly closeOnBackdropClick: boolean;\n  readonly dimmed: boolean;\n\n  readonly ForegroundComponent?: ForegroundComponent;\n  readonly BackgroundComponent?: BackgroundComponent;\n\n  #alive: boolean;\n  get alive() {\n    return this.#alive;\n  }\n  #visible: boolean;\n  get visible() {\n    return this.#visible;\n  }\n\n  #resolve: (result: T | null) => void;\n  #listeners: Set<Fn> = new Set();\n\n  constructor({\n    id,\n    initiator,\n    title,\n    subtitle,\n    background,\n    dimmed = true,\n    manualDestroy = false,\n    closeOnBackdropClick = true,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AbstractNodeProps<T, B>) {\n    this.id = id;\n    this.initiator = initiator;\n    this.title = title;\n    this.subtitle = subtitle;\n    this.background = background;\n\n    this.dimmed = dimmed;\n    this.manualDestroy = manualDestroy;\n    this.closeOnBackdropClick = closeOnBackdropClick;\n\n    this.ForegroundComponent = ForegroundComponent;\n    this.BackgroundComponent = BackgroundComponent;\n\n    this.#alive = true;\n    this.#visible = true;\n    this.#resolve = resolve;\n  }\n\n  subscribe(listener: Fn) {\n    this.#listeners.add(listener);\n    return () => {\n      this.#listeners.delete(listener);\n    };\n  }\n  publish() {\n    for (const listener of this.#listeners) listener();\n  }\n  protected resolve(result: T | null) {\n    this.#resolve(result);\n  }\n  onDestroy() {\n    const needPublish = this.#alive === true;\n    this.#alive = false;\n    if (this.manualDestroy && needPublish) this.publish();\n  }\n  onShow() {\n    const needPublish = this.#visible === false;\n    this.#visible = true;\n    if (needPublish) this.publish();\n  }\n  onHide() {\n    const needPublish = this.#visible === true;\n    this.#visible = false;\n    if (needPublish) this.publish();\n  }\n  abstract onClose(): void;\n  abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  AlertModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends AbstractNode<null, B> {\n  readonly type: 'alert';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<AlertContentProps>;\n  readonly footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AlertNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(null);\n  }\n  onConfirm() {\n    this.resolve(null);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  ConfirmModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends AbstractNode<boolean, B> {\n  readonly type: 'confirm';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n  readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: ConfirmNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(false);\n  }\n  onConfirm() {\n    this.resolve(true);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  FooterOptions,\n  ManagedEntity,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n  PromptModal,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends AbstractNode<T, B> {\n  readonly type: 'prompt';\n  readonly content?: ReactNode | ComponentType<PromptContentProps>;\n  readonly defaultValue: T | undefined;\n  readonly Input: (props: PromptInputProps<T>) => ReactNode;\n  readonly disabled?: (value: T) => boolean;\n  readonly returnOnCancel?: boolean;\n  readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n  #value: T | undefined;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    title,\n    subtitle,\n    content,\n    defaultValue,\n    Input,\n    disabled,\n    returnOnCancel,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: PromptNodeProps<T, B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.content = content;\n    this.Input = Input;\n    this.defaultValue = defaultValue;\n    this.#value = defaultValue;\n    this.disabled = disabled;\n    this.returnOnCancel = returnOnCancel;\n    this.footer = footer;\n  }\n\n  onChange(value: T) {\n    this.#value = value;\n  }\n  onConfirm() {\n    this.resolve(this.#value ?? null);\n  }\n  onClose() {\n    if (this.returnOnCancel) this.resolve(this.#value ?? null);\n    else this.resolve(null);\n  }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n  switch (modal.type) {\n    case 'alert':\n      return new AlertNode<B>(modal);\n    case 'confirm':\n      return new ConfirmNode<B>(modal);\n    case 'prompt':\n      return new PromptNode<T, B>(modal);\n  }\n  // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n  throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","import { createContext } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalManagerContextProps extends ModalHandlersWithId {\n  modalIds: ModalNode['id'][];\n  getModal: Fn<[id: ModalNode['id']], ModalActions>;\n  getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n  setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalManagerContext = createContext<ModalManagerContextProps>(\n  {} as ModalManagerContextProps,\n);\n","import {\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { useConfigurationOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\ninterface ModalManagerContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n}\n\nexport const ModalManagerContextProvider = memo(\n  ({\n    usePathname,\n    children,\n  }: PropsWithChildren<ModalManagerContextProviderProps>) => {\n    const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n    const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n    const modalIdsRef = useReference(modalIds);\n    const { pathname } = usePathname();\n\n    const initiator = useRef(pathname);\n    const modalIdSequence = useRef(0);\n\n    const options = useConfigurationOptions();\n\n    const duration = useMemo(\n      () => convertMsFromDuration(options.duration),\n      [options],\n    );\n\n    useOnMountLayout(() => {\n      const { manualDestroy, closeOnBackdropClick } = options;\n\n      for (const data of ModalManager.prerender) {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => [...ids, modal.id]);\n      }\n\n      ModalManager.openHandler = (data: Modal) => {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => {\n          const aliveIds: number[] = [];\n          for (const id of ids) {\n            const destroyed = !modalDictionary.current.get(id)?.alive;\n            if (destroyed) modalDictionary.current.delete(id);\n            else aliveIds.push(id);\n          }\n          return [...aliveIds, modal.id];\n        });\n      };\n      return () => {\n        ModalManager.reset();\n      };\n    });\n\n    useLayoutEffect(() => {\n      for (const id of modalIdsRef.current) {\n        const modal = modalDictionary.current.get(id);\n        if (!modal?.alive) continue;\n        if (modal.initiator === pathname) modal.onShow();\n        else modal.onHide();\n      }\n      initiator.current = pathname;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pathname]);\n\n    const getModalNode = useCallback((modalId: ModalNode['id']) => {\n      return modalDictionary.current.get(modalId);\n    }, []);\n\n    const onDestroy = useCallback((modalId: ModalNode['id']) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      modal.onDestroy();\n      updaterRef.current?.();\n    }, []);\n\n    const updaterRef = useRef<Fn>(undefined);\n    const hideModal = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onHide();\n        updaterRef.current?.();\n        if (!modal.manualDestroy)\n          setTimeout(() => {\n            modal.onDestroy();\n          }, duration);\n      },\n      [duration],\n    );\n\n    const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      if (modal.type === 'prompt') modal.onChange(value);\n    }, []);\n\n    const onConfirm = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onConfirm();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const onClose = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onClose();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const getModal = useCallback(\n      (modalId: ModalNode['id']) => ({\n        modal: getModalNode(modalId),\n        onConfirm: () => onConfirm(modalId),\n        onClose: () => onClose(modalId),\n        onChange: (value: any) => onChange(modalId, value),\n        onDestroy: () => onDestroy(modalId),\n      }),\n      [getModalNode, onConfirm, onClose, onChange, onDestroy],\n    );\n\n    const value = useMemo(() => {\n      return {\n        modalIds,\n        getModalNode,\n        onChange,\n        onConfirm,\n        onClose,\n        onDestroy,\n        getModal,\n        setUpdater: (updater: Fn) => {\n          updaterRef.current = updater;\n        },\n      };\n    }, [\n      modalIds,\n      getModal,\n      getModalNode,\n      onChange,\n      onConfirm,\n      onClose,\n      onDestroy,\n    ]);\n\n    return (\n      <ModalManagerContext.Provider value={value}>\n        {children}\n      </ModalManagerContext.Provider>\n    );\n  },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\nexport const useModalManagerContext = () => useContext(ModalManagerContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n  const { getModal } = useModalManagerContext();\n  return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n  margin: unset;\n`;\n\nexport const frame = css`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  padding: 20px 80px;\n  gap: 10px;\n  border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n  return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n  return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n  return <div className={fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n  confirmLabel,\n  hideConfirm = false,\n  cancelLabel,\n  hideCancel = false,\n  disabled,\n  onConfirm,\n  onCancel,\n}: FooterComponentProps) => {\n  return (\n    <div>\n      {!hideConfirm && (\n        <button onClick={onConfirm} disabled={disabled}>\n          {confirmLabel || '확인'}\n        </button>\n      )}\n\n      {!hideCancel && typeof onCancel === 'function' && (\n        <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n      )}\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModalManagerContext } from '@/promise-modal/providers';\n\nconst defaultValidate = (modal?: ModalNode) => modal?.visible;\n\nexport const useActiveModalCount = (\n  validate: Fn<[ModalNode?], boolean | undefined> = defaultValidate,\n  refreshKey: string | number = 0,\n) => {\n  const { modalIds, getModalNode } = useModalManagerContext();\n  return useMemo(() => {\n    let count = 0;\n    for (const id of modalIds) {\n      if (validate(getModalNode(id))) count++;\n    }\n    return count;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getModalNode, modalIds, refreshKey]);\n};\n","import {\n  type ForwardedRef,\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport { frame } from './classNames.emotion';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n  (\n    { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const activeCount = useActiveModalCount();\n    const [level, offset] = useMemo(() => {\n      const stacked = activeCount > 1;\n      const level = stacked\n        ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n        : 0;\n      const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n      return [level, offset];\n    }, [activeCount, id]);\n\n    return (\n      <div\n        ref={ref}\n        className={frame}\n        onClick={onChangeOrder}\n        style={{\n          marginBottom: `calc(25vh + ${level}px)`,\n          marginLeft: `${level}px`,\n          transform: `translate(${offset}px, ${offset}px)`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n","import { type ComponentType, createContext } from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  FooterComponentProps,\n  ForegroundComponent,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nexport interface ConfigurationContextProps {\n  ForegroundComponent: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n  TitleComponent: ComponentType<WrapperComponentProps>;\n  SubtitleComponent: ComponentType<WrapperComponentProps>;\n  ContentComponent: ComponentType<WrapperComponentProps>;\n  FooterComponent: ComponentType<FooterComponentProps>;\n  options: {\n    duration: Duration;\n    backdrop: Color;\n    manualDestroy: boolean;\n    closeOnBackdropClick: boolean;\n  };\n}\n\nexport const ConfigurationContext = createContext<ConfigurationContextProps>(\n  {} as ConfigurationContextProps,\n);\n","import {\n  type ComponentType,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport {\n  DEFAULT_ANIMATION_DURATION,\n  DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n  FallbackContent,\n  FallbackFooter,\n  FallbackForegroundFrame,\n  FallbackSubtitle,\n  FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport type {\n  FooterComponentProps,\n  ModalFrameProps,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport interface ConfigurationContextProviderProps {\n  BackgroundComponent?: ComponentType<ModalFrameProps>;\n  ForegroundComponent?: ComponentType<ModalFrameProps>;\n  TitleComponent?: ComponentType<WrapperComponentProps>;\n  SubtitleComponent?: ComponentType<WrapperComponentProps>;\n  ContentComponent?: ComponentType<WrapperComponentProps>;\n  FooterComponent?: ComponentType<FooterComponentProps>;\n  options?: {\n    /** Modal transition time(ms, s) */\n    duration?: Duration;\n    /** Modal backdrop color */\n    backdrop?: Color;\n    /** Whether to destroy the modal manually */\n    manualDestroy?: boolean;\n    /** Whether to close the modal when the backdrop is clicked */\n    closeOnBackdropClick?: boolean;\n  };\n}\n\nexport const ConfigurationContextProvider = memo(\n  ({\n    ForegroundComponent,\n    BackgroundComponent,\n    TitleComponent,\n    SubtitleComponent,\n    ContentComponent,\n    FooterComponent,\n    options,\n    children,\n  }: PropsWithChildren<ConfigurationContextProviderProps>) => {\n    const value = useMemo(\n      () => ({\n        BackgroundComponent,\n        ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n        TitleComponent: TitleComponent || FallbackTitle,\n        SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n        ContentComponent: memo(ContentComponent || FallbackContent),\n        FooterComponent: memo(FooterComponent || FallbackFooter),\n        options: {\n          duration: DEFAULT_ANIMATION_DURATION,\n          backdrop: DEFAULT_BACKDROP_COLOR,\n          closeOnBackdropClick: true,\n          manualDestroy: false,\n          ...options,\n        } satisfies ConfigurationContextProviderProps['options'],\n      }),\n      [\n        ForegroundComponent,\n        BackgroundComponent,\n        ContentComponent,\n        FooterComponent,\n        SubtitleComponent,\n        TitleComponent,\n        options,\n      ],\n    );\n    return (\n      <ConfigurationContext.Provider value={value}>\n        {children}\n      </ConfigurationContext.Provider>\n    );\n  },\n);\n","import type { Color, Duration } from '@aileron/declare';\n\nexport const DEFAULT_ANIMATION_DURATION: Duration = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR: Color = 'rgba(0, 0, 0, 0.5)';\n","import { useContext } from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport const useConfigurationContext = () => useContext(ConfigurationContext);\n\nexport const useConfigurationOptions = () => {\n  const context = useContext(ConfigurationContext);\n  return context.options;\n};\n\nexport const useConfigurationDuration = () => {\n  const context = useConfigurationOptions();\n  return {\n    duration: context.duration,\n    milliseconds: convertMsFromDuration(context.duration),\n  };\n};\n\nexport const useConfigurationBackdrop = () => {\n  const context = useConfigurationOptions();\n  return context.backdrop;\n};\n","import { createContext } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nexport interface UserDefinedContext {\n  context: Dictionary;\n}\n\nexport const UserDefinedContext = createContext<UserDefinedContext>(\n  {} as UserDefinedContext,\n);\n","import { PropsWithChildren, useMemo } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\ninterface UserDefinedContextProviderProps {\n  /** 사용자 정의 컨텍스트 */\n  context?: Dictionary;\n}\n\nexport const UserDefinedContextProvider = ({\n  context,\n  children,\n}: PropsWithChildren<UserDefinedContextProviderProps>) => {\n  const contextValue = useMemo(() => ({ context: context || {} }), [context]);\n  return (\n    <UserDefinedContext.Provider value={contextValue}>\n      {children}\n    </UserDefinedContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\nexport const useUserDefinedContext = () => {\n  return useContext(UserDefinedContext);\n};\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n  const [pathname, setPathname] = useState(window.location.pathname);\n  useLayoutEffect(() => {\n    let requestId: number;\n    const checkPathname = () => {\n      if (requestId) cancelAnimationFrame(requestId);\n      if (pathname !== window.location.pathname) {\n        setPathname(window.location.pathname);\n      } else {\n        requestId = requestAnimationFrame(checkPathname);\n      }\n    };\n    requestId = requestAnimationFrame(checkPathname);\n    return () => {\n      if (requestId) cancelAnimationFrame(requestId);\n    };\n  }, [pathname]);\n  return { pathname };\n};\n","import { css } from '@emotion/css';\n\nexport const background = css`\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: -999;\n  pointer-events: none;\n  > * {\n    pointer-events: none;\n  }\n`;\n\nexport const active = css`\n  pointer-events: all;\n`;\n\nexport const visible = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n","import { type MouseEvent, useCallback, useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\n\nexport const BackgroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { BackgroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n  const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n  const handleClose = useCallback(\n    (event: MouseEvent) => {\n      if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n      event.stopPropagation();\n    },\n    [modal, onClose],\n  );\n\n  const Background = useMemo(\n    () => modal?.BackgroundComponent || BackgroundComponent,\n    [BackgroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(background, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.closeOnBackdropClick && modal.visible,\n      })}\n      onClick={handleClose}\n    >\n      {Background && (\n        <Background\n          id={modal.id}\n          type={modal.type}\n          alive={modal.alive}\n          visible={modal.visible}\n          initiator={modal.initiator}\n          manualDestroy={modal.manualDestroy}\n          closeOnBackdropClick={modal.closeOnBackdropClick}\n          background={modal.background}\n          onChange={onChange}\n          onConfirm={onConfirm}\n          onClose={onClose}\n          onDestroy={onDestroy}\n          onChangeOrder={onChangeOrder}\n          context={userDefinedContext}\n        />\n      )}\n    </div>\n  );\n};\n","import { css } from '@emotion/css';\n\nexport const foreground = css`\n  pointer-events: none;\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n`;\n\nexport const active = css`\n  > * {\n    pointer-events: all;\n  }\n`;\n\nexport const visible = css`\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n`;\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n  modal: AlertNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n  <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              confirmLabel={footer?.confirm}\n              hideConfirm={footer?.hideConfirm}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n  modal: ConfirmNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n  <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n    const handleClose = useHandle(onClose);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport {\n  renderComponent,\n  useHandle,\n  withErrorBoundary,\n} from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n  modal: PromptNode<T, B>;\n  handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n  <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n    const {\n      Input,\n      defaultValue,\n      disabled: checkDisabled,\n      title,\n      subtitle,\n      content,\n      footer,\n    } = useMemo(\n      () => ({\n        ...modal,\n        Input: memo(withErrorBoundary(modal.Input)),\n      }),\n      [modal],\n    );\n\n    const { context: userDefinedContext } = useUserDefinedContext();\n\n    const [value, setValue] = useState<T | undefined>(defaultValue);\n\n    const { onChange, onClose, onConfirm } = useMemo(\n      () => handlers,\n      [handlers],\n    );\n\n    const handleClose = useHandle(onClose);\n    const handleChange = useHandle(\n      (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n        const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n        setValue(input);\n        onChange(input);\n      },\n    );\n\n    const handleConfirm = useCallback(() => {\n      // NOTE: wait for the next tick to ensure the value is updated\n      setTimeout(() => {\n        onConfirm();\n      });\n    }, [onConfirm]);\n\n    const disabled = useMemo(\n      () => (value ? !!checkDisabled?.(value) : false),\n      [checkDisabled, value],\n    );\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n\n        {Input && (\n          <Input\n            defaultValue={defaultValue}\n            value={value}\n            onChange={handleChange}\n            onConfirm={handleConfirm}\n            onCancel={handleClose}\n            context={userDefinedContext}\n          />\n        )}\n\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              value,\n              disabled,\n              onChange: handleChange,\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              disabled={disabled}\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const ForegroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { ForegroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n\n  const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n  const Foreground = useMemo(\n    () => modal?.ForegroundComponent || ForegroundComponent,\n    [ForegroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(foreground, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.visible,\n      })}\n    >\n      <Foreground\n        id={modal.id}\n        type={modal.type}\n        alive={modal.alive}\n        visible={modal.visible}\n        initiator={modal.initiator}\n        manualDestroy={modal.manualDestroy}\n        closeOnBackdropClick={modal.closeOnBackdropClick}\n        background={modal.background}\n        onChange={onChange}\n        onConfirm={onConfirm}\n        onClose={onClose}\n        onDestroy={onDestroy}\n        onChangeOrder={onChangeOrder}\n        context={userDefinedContext}\n      >\n        {modal.type === 'alert' && (\n          <AlertInner modal={modal} handlers={{ onConfirm }} />\n        )}\n        {modal.type === 'confirm' && (\n          <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n        )}\n        {modal.type === 'prompt' && (\n          <PromptInner\n            modal={modal}\n            handlers={{ onChange, onConfirm, onClose }}\n          />\n        )}\n      </Foreground>\n    </div>\n  );\n};\n","import { useEffect } from 'react';\n\nimport { useVersion } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n  const [version, update] = useVersion();\n  useEffect(() => {\n    if (!modal) return;\n    const unsubscribe = modal.subscribe(update);\n    return unsubscribe;\n  }, [modal]);\n  return version;\n};\n","import { css } from '@emotion/css';\n\nexport const presenter = css`\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n`;\n","import { memo, useRef } from 'react';\n\nimport { counterFactory } from '@winglet/common-utils';\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport { presenter } from './classNames.emotion';\n\nconst { increment } = counterFactory(1);\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { modal } = useModal(modalId);\n  useSubscribeModal(modal);\n  const handleChangeOrder = useHandle(() => {\n    if (ref.current) {\n      ref.current.style.zIndex = `${increment()}`;\n    }\n  });\n  return (\n    <div ref={ref} className={presenter}>\n      <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n      <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n    </div>\n  );\n});\n","import { css } from '@emotion/css';\n\nexport const anchor = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1000;\n  transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { map } from '@winglet/common-utils';\nimport { useVersion, withErrorBoundary } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport {\n  useConfigurationOptions,\n  useModalManagerContext,\n} from '@/promise-modal/providers';\n\nimport { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\n  const [version, update] = useVersion();\n\n  const { modalIds, setUpdater } = useModalManagerContext();\n\n  useEffect(() => {\n    setUpdater(update);\n  }, [setUpdater, update]);\n\n  const options = useConfigurationOptions();\n\n  const dimmed = useActiveModalCount(validateDimmable, version);\n\n  return (\n    <div\n      className={anchor}\n      style={{\n        transitionDuration: options.duration,\n        backgroundColor: dimmed ? options.backdrop : 'transparent',\n      }}\n    >\n      {map(modalIds, (id) => (\n        <Presenter key={id} modalId={id} />\n      ))}\n    </div>\n  );\n};\n\nconst validateDimmable = (modal?: ModalNode) => modal?.visible && modal.dimmed;\n\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { createPortal } from 'react-dom';\n\nimport type { Dictionary, Fn } from '@aileron/declare';\n\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n  ConfigurationContextProvider,\n  type ConfigurationContextProviderProps,\n} from '@/promise-modal/providers/ConfigurationContext';\nimport { ModalManagerContextProvider } from '@/promise-modal/providers/ModalManagerContext';\nimport { UserDefinedContextProvider } from '@/promise-modal/providers/UserDefinedContext';\n\ninterface BootstrapProps extends ConfigurationContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n  context?: Dictionary;\n  anchor: HTMLElement;\n}\n\nexport const bootstrap = ({\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  usePathname,\n  options,\n  context,\n  anchor,\n}: BootstrapProps) =>\n  createPortal(\n    <UserDefinedContextProvider context={context}>\n      <ConfigurationContextProvider\n        ForegroundComponent={ForegroundComponent}\n        BackgroundComponent={BackgroundComponent}\n        TitleComponent={TitleComponent}\n        SubtitleComponent={SubtitleComponent}\n        ContentComponent={ContentComponent}\n        FooterComponent={FooterComponent}\n        options={options}\n      >\n        <ModalManagerContextProvider usePathname={usePathname}>\n          <Anchor />\n        </ModalManagerContextProvider>\n      </ConfigurationContextProvider>\n    </UserDefinedContextProvider>,\n    anchor,\n  );\n","import { useCallback, useRef } from 'react';\n\nimport { printError } from '@winglet/common-utils';\nimport { useVersion } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\n\nexport const useInitialize = () => {\n  const permitted = useRef(ModalManager.activate());\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const [, update] = useVersion();\n\n  const handleInitialize = useCallback(\n    (root?: HTMLElement) => {\n      if (permitted.current) {\n        anchorRef.current = ModalManager.anchor({ root });\n        update();\n      } else\n        printError(\n          'ModalProvider is already initialized',\n          [\n            'ModalProvider can only be initialized once.',\n            'Nesting ModalProvider will be ignored...',\n          ],\n          {\n            info: 'Something is wrong with the ModalProvider initialization...',\n          },\n        );\n    },\n    [update],\n  );\n\n  return {\n    anchorRef,\n    handleInitialize,\n  } as const;\n};\n","import {\n  Fragment,\n  type PropsWithChildren,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderHandle, BootstrapProviderProps } from './type';\n\nexport const BootstrapProvider = forwardRef<\n  BootstrapProviderHandle,\n  PropsWithChildren<BootstrapProviderProps>\n>(\n  (\n    {\n      usePathname: useExternalPathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      children,\n    },\n    handleRef,\n  ) => {\n    const usePathname = useMemo(\n      () => useExternalPathname || useDefaultPathname,\n      [useExternalPathname],\n    );\n\n    const { anchorRef, handleInitialize } = useInitialize();\n\n    useImperativeHandle(\n      handleRef,\n      () => ({\n        initialize: handleInitialize,\n      }),\n      [handleInitialize],\n    );\n\n    useOnMount(() => {\n      /**\n       * NOTE: `handleRef` being null indicates that no `ref` was provided.\n       *   In this case, the `ModalProvider`(=`BootstrapProvider`) is not receiving the `ref`,\n       *   so it should be initialized automatically.\n       */\n      if (handleRef === null) handleInitialize();\n      return () => {\n        if (anchorRef.current) anchorRef.current.remove();\n      };\n    });\n\n    return (\n      <Fragment>\n        {children}\n        {anchorRef.current &&\n          bootstrap({\n            ForegroundComponent,\n            BackgroundComponent,\n            TitleComponent,\n            SubtitleComponent,\n            ContentComponent,\n            FooterComponent,\n            usePathname,\n            options,\n            context,\n            anchor: anchorRef.current,\n          })}\n      </Fragment>\n    );\n  },\n);\n","import { useCallback, useMemo } from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderProps } from './type';\n\nexport const useBootstrap = ({\n  usePathname: useExternalPathname,\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  options,\n  context,\n  mode = 'auto',\n}: BootstrapProviderProps & { mode?: 'manual' | 'auto' } = {}) => {\n  const usePathname = useMemo(\n    () => useExternalPathname || useDefaultPathname,\n    [useExternalPathname],\n  );\n\n  const { anchorRef, handleInitialize } = useInitialize();\n\n  useOnMount(() => {\n    if (mode === 'auto') handleInitialize();\n    return () => {\n      if (anchorRef.current) anchorRef.current.remove();\n    };\n  });\n\n  const initialize = useCallback(\n    (element: HTMLElement) => {\n      if (mode === 'manual') handleInitialize(element);\n    },\n    [mode, handleInitialize],\n  );\n\n  const portal =\n    anchorRef.current &&\n    bootstrap({\n      usePathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      anchor: anchorRef.current,\n    });\n\n  return { portal, initialize };\n};\n","import { useEffect, useRef } from 'react';\n\nimport { convertMsFromDuration, isString } from '@winglet/common-utils';\n\nimport type { Duration } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModal } from '@/promise-modal/providers';\n\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n  modalId: ModalNode['id'],\n  duration: Duration | number,\n) => {\n  const { modal, onDestroy } = useModal(modalId);\n  const tick = useSubscribeModal(modal);\n\n  const reference = useRef({\n    modal,\n    onDestroy,\n    milliseconds: isString(duration)\n      ? convertMsFromDuration(duration)\n      : duration,\n  });\n\n  useEffect(() => {\n    const { modal, onDestroy, milliseconds } = reference.current;\n    if (!modal || modal.visible || !modal.alive) return;\n    const timer = setTimeout(() => {\n      onDestroy();\n    }, milliseconds);\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, [tick]);\n};\n","import { useLayoutEffect, useRef } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\ninterface ModalAnimationHandler {\n  onVisible?: Fn;\n  onHidden?: Fn;\n}\n\nexport const useModalAnimation = (\n  visible: boolean,\n  handler: ModalAnimationHandler,\n) => {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n  useLayoutEffect(() => {\n    if (!handlerRef.current) return;\n    let frame: ReturnType<typeof requestAnimationFrame>;\n    if (visible)\n      frame = requestAnimationFrame(() => handlerRef.current.onVisible?.());\n    else frame = requestAnimationFrame(() => handlerRef.current.onHidden?.());\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n    };\n  }, [visible]);\n};\n"],"names":["ModalManager","activate","__classPrivateFieldGet","_a","_ModalManager_active","__classPrivateFieldSet","anchor","options","_ModalManager_anchor","document","getElementById","id","tag","prefix","root","body","node","createElement","setAttribute","getRandomString","appendChild","prerender","_ModalManager_prerenderList","openHandler","handler","_ModalManager_openHandler","unanchored","reset","modal","push","open","call","value","alert","subtype","title","subtitle","content","background","footer","dimmed","manualDestroy","closeOnBackdropClick","ForegroundComponent","BackgroundComponent","Promise","resolve","reject","type","error","confirm","result","prompt","defaultValue","Input","disabled","returnOnCancel","AbstractNode","alive","this","_AbstractNode_alive","visible","_AbstractNode_visible","constructor","initiator","set","_AbstractNode_resolve","_AbstractNode_listeners","Set","subscribe","listener","add","delete","publish","onDestroy","needPublish","onShow","onHide","AlertNode","super","onClose","onConfirm","ConfirmNode","PromptNode","_PromptNode_value","onChange","nodeFactory","Error","ModalManagerContext","createContext","ModalManagerContextProvider","memo","usePathname","children","modalDictionary","useRef","Map","modalIds","setModalIds","useState","modalIdsRef","useReference","pathname","modalIdSequence","useConfigurationOptions","duration","useMemo","convertMsFromDuration","useOnMountLayout","data","current","undefined","ids","aliveIds","get","useLayoutEffect","getModalNode","useCallback","modalId","updaterRef","hideModal","setTimeout","getModal","setUpdater","updater","_jsx","Provider","useModalManagerContext","useContext","useModal","fallback","css","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","frame","FallbackTitle","className","FallbackSubtitle","FallbackContent","FallbackFooter","confirmLabel","hideConfirm","cancelLabel","hideCancel","onCancel","_jsxs","onClick","defaultValidate","useActiveModalCount","validate","refreshKey","count","FallbackForegroundFrame","forwardRef","onChangeOrder","ref","activeCount","level","offset","stacked","Math","floor","style","marginBottom","marginLeft","transform","ConfigurationContext","ConfigurationContextProvider","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","backdrop","useConfigurationContext","useConfigurationDuration","context","milliseconds","useConfigurationBackdrop","UserDefinedContext","UserDefinedContextProvider","contextValue","useUserDefinedContext","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","active","BackgroundFrame","userDefinedContext","handleClose","event","stopPropagation","Background","cx","visible$1","active$1","foreground","AlertInner","handlers","handleConfirm","useHandle","Fragment","isString","renderComponent","ConfirmInner","cancel","PromptInner","checkDisabled","withErrorBoundary","setValue","handleChange","inputValue","input","isFunction","ForegroundFrame","Foreground","useSubscribeModal","version","update","useVersion","useEffect","presenter","increment","counterFactory","Presenter","handleChangeOrder","zIndex","validateDimmable","Anchor","transitionDuration","backgroundColor","map","bootstrap","createPortal","useInitialize","permitted","anchorRef","handleInitialize","printError","info","BootstrapProvider","useExternalPathname","handleRef","useDefaultPathname","useImperativeHandle","initialize","useOnMount","remove","useBootstrap","mode","element","portal","useDestroyAfter","tick","reference","timer","clearTimeout","useModalAnimation","handlerRef","onVisible","onHidden"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/app/ModalManager.ts","../src/core/handle/alert.ts","../src/core/handle/confirm.ts","../src/core/handle/prompt.ts","../src/core/node/ModalNode/AbstractNode.ts","../src/core/node/ModalNode/AlertNode.ts","../src/core/node/ModalNode/ConfirmNode.ts","../src/core/node/ModalNode/PromptNode.ts","../src/core/node/nodeFactory.ts","../src/providers/ModalManagerContext/ModalManagerContext.ts","../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx","../src/providers/ModalManagerContext/useModalManagerContext.ts","../src/components/FallbackComponents/classNames.emotion.ts","../src/components/FallbackComponents/FallbackTitle.tsx","../src/components/FallbackComponents/FallbackSubtitle.tsx","../src/components/FallbackComponents/FallbackContent.tsx","../src/components/FallbackComponents/FallbackFooter.tsx","../src/hooks/useActiveModalCount.ts","../src/components/FallbackComponents/FallbackForegroundFrame.tsx","../src/providers/ConfigurationContext/ConfigurationContext.ts","../src/providers/ConfigurationContext/ConfigurationContextProvider.tsx","../src/app/constant.ts","../src/providers/ConfigurationContext/useConfigurationContext.ts","../src/providers/UserDefinedContext/UserDefinedContext.ts","../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx","../src/providers/UserDefinedContext/useUserDefinedContext.ts","../src/hooks/useDefaultPathname.ts","../src/components/Background/classNames.emotion.ts","../src/components/Background/Background.tsx","../src/components/Foreground/classNames.emotion.ts","../src/components/Foreground/components/AlertInner.tsx","../src/components/Foreground/components/ConfirmInner.tsx","../src/components/Foreground/components/PromptInner.tsx","../src/components/Foreground/Foreground.tsx","../src/hooks/useSubscribeModal.ts","../src/components/Presenter/classNames.emotion.ts","../src/components/Presenter/Presenter.tsx","../src/components/Anchor/classNames.emotion.ts","../src/components/Anchor/Anchor.tsx","../src/bootstrap/BootstrapProvider/helpers/bootstrap.tsx","../src/bootstrap/BootstrapProvider/hooks/useInitialize.ts","../src/bootstrap/BootstrapProvider/BootstrapProvider.tsx","../src/bootstrap/BootstrapProvider/useBootstrap.tsx","../src/hooks/useDestroyAfter.ts","../src/hooks/useModalAnimation.ts"],"sourcesContent":["import { getRandomString } from '@winglet/common-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { Modal } from '@/promise-modal/types';\n\nexport class ModalManager {\n  static #active = false;\n  static activate() {\n    if (ModalManager.#active) return false;\n    return (ModalManager.#active = true);\n  }\n\n  static #anchor: HTMLElement | null = null;\n  static anchor(options?: {\n    tag?: string;\n    prefix?: string;\n    root?: HTMLElement;\n  }): HTMLElement {\n    if (ModalManager.#anchor) {\n      const anchor = document.getElementById(ModalManager.#anchor.id);\n      if (anchor) return anchor;\n    }\n    const {\n      tag = 'div',\n      prefix = 'promise-modal',\n      root = document.body,\n    } = options || {};\n    const node = document.createElement(tag);\n    node.setAttribute('id', `${prefix}-${getRandomString(36)}`);\n    root.appendChild(node);\n    ModalManager.#anchor = node;\n    return node;\n  }\n\n  static #prerenderList: Modal[] = [];\n  static get prerender() {\n    return ModalManager.#prerenderList;\n  }\n\n  static #openHandler: Fn<[Modal], void> = (modal: Modal) =>\n    ModalManager.#prerenderList.push(modal);\n  static set openHandler(handler: Fn<[Modal], void>) {\n    ModalManager.#openHandler = handler;\n    ModalManager.#prerenderList = [];\n  }\n\n  static get unanchored() {\n    return !ModalManager.#anchor;\n  }\n\n  static reset() {\n    ModalManager.#active = false;\n    ModalManager.#anchor = null;\n    ModalManager.#prerenderList = [];\n    ModalManager.#openHandler = (modal: Modal) =>\n      ModalManager.#prerenderList.push(modal);\n  }\n\n  static open(modal: Modal) {\n    ModalManager.#openHandler(modal);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface AlertProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<AlertContentProps>;\n  background?: ModalBackground<B>;\n  footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const alert = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: AlertProps<B>) => {\n  return new Promise<void>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'alert',\n        subtype,\n        resolve: () => resolve(),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ninterface ConfirmProps<B> {\n  subtype?: 'info' | 'success' | 'warning' | 'error';\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<ConfirmContentProps>;\n  background?: ModalBackground<B>;\n  footer?: ConfirmFooterRender | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const confirm = <B = any>({\n  subtype,\n  title,\n  subtitle,\n  content,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: ConfirmProps<B>) => {\n  return new Promise<boolean>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'confirm',\n        subtype,\n        resolve: (result) => resolve(result ?? false),\n        title,\n        subtitle,\n        content,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ComponentType, ReactNode } from 'react';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport type {\n  BackgroundComponent,\n  FooterOptions,\n  ForegroundComponent,\n  ModalBackground,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n} from '@/promise-modal/types';\n\ninterface PromptProps<T, B = any> {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  content?: ReactNode | ComponentType<PromptContentProps>;\n  Input: (props: PromptInputProps<T>) => ReactNode;\n  defaultValue?: T;\n  disabled?: (value: T) => boolean;\n  returnOnCancel?: boolean;\n  background?: ModalBackground<B>;\n  footer?: PromptFooterRender<T> | FooterOptions | false;\n  dimmed?: boolean;\n  manualDestroy?: boolean;\n  closeOnBackdropClick?: boolean;\n  ForegroundComponent?: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n}\n\nexport const prompt = <T, B = any>({\n  defaultValue,\n  title,\n  subtitle,\n  content,\n  Input,\n  disabled,\n  returnOnCancel,\n  background,\n  footer,\n  dimmed,\n  manualDestroy,\n  closeOnBackdropClick,\n  ForegroundComponent,\n  BackgroundComponent,\n}: PromptProps<T, B>) => {\n  return new Promise<T>((resolve, reject) => {\n    try {\n      ModalManager.open({\n        type: 'prompt',\n        resolve: (result) => resolve(result as T),\n        title,\n        subtitle,\n        content,\n        Input,\n        defaultValue,\n        disabled,\n        returnOnCancel,\n        background,\n        footer,\n        dimmed,\n        manualDestroy,\n        closeOnBackdropClick,\n        ForegroundComponent,\n        BackgroundComponent,\n      });\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n","import type { ReactNode } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  BaseModal,\n  ForegroundComponent,\n  ManagedEntity,\n  ModalBackground,\n} from '@/promise-modal/types';\n\ntype AbstractNodeProps<T, B> = BaseModal<T, B> & ManagedEntity;\n\nexport abstract class AbstractNode<T, B> {\n  readonly id: number;\n  readonly initiator: string;\n\n  readonly title?: ReactNode;\n  readonly subtitle?: ReactNode;\n  readonly background?: ModalBackground<B>;\n\n  readonly manualDestroy: boolean;\n  readonly closeOnBackdropClick: boolean;\n  readonly dimmed: boolean;\n\n  readonly ForegroundComponent?: ForegroundComponent;\n  readonly BackgroundComponent?: BackgroundComponent;\n\n  #alive: boolean;\n  get alive() {\n    return this.#alive;\n  }\n  #visible: boolean;\n  get visible() {\n    return this.#visible;\n  }\n\n  #resolve: (result: T | null) => void;\n  #listeners: Set<Fn> = new Set();\n\n  constructor({\n    id,\n    initiator,\n    title,\n    subtitle,\n    background,\n    dimmed = true,\n    manualDestroy = false,\n    closeOnBackdropClick = true,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AbstractNodeProps<T, B>) {\n    this.id = id;\n    this.initiator = initiator;\n    this.title = title;\n    this.subtitle = subtitle;\n    this.background = background;\n\n    this.dimmed = dimmed;\n    this.manualDestroy = manualDestroy;\n    this.closeOnBackdropClick = closeOnBackdropClick;\n\n    this.ForegroundComponent = ForegroundComponent;\n    this.BackgroundComponent = BackgroundComponent;\n\n    this.#alive = true;\n    this.#visible = true;\n    this.#resolve = resolve;\n  }\n\n  subscribe(listener: Fn) {\n    this.#listeners.add(listener);\n    return () => {\n      this.#listeners.delete(listener);\n    };\n  }\n  publish() {\n    for (const listener of this.#listeners) listener();\n  }\n  protected resolve(result: T | null) {\n    this.#resolve(result);\n  }\n  onDestroy() {\n    const needPublish = this.#alive === true;\n    this.#alive = false;\n    if (this.manualDestroy && needPublish) this.publish();\n  }\n  onShow() {\n    const needPublish = this.#visible === false;\n    this.#visible = true;\n    if (needPublish) this.publish();\n  }\n  onHide() {\n    const needPublish = this.#visible === true;\n    this.#visible = false;\n    if (needPublish) this.publish();\n  }\n  abstract onClose(): void;\n  abstract onConfirm(): void;\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  AlertContentProps,\n  AlertFooterRender,\n  AlertModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype AlertNodeProps<B> = AlertModal<B> & ManagedEntity;\n\nexport class AlertNode<B> extends AbstractNode<null, B> {\n  readonly type: 'alert';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<AlertContentProps>;\n  readonly footer?:\n    | AlertFooterRender\n    | Pick<FooterOptions, 'confirm' | 'hideConfirm'>\n    | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: AlertNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(null);\n  }\n  onConfirm() {\n    this.resolve(null);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  ConfirmContentProps,\n  ConfirmFooterRender,\n  ConfirmModal,\n  FooterOptions,\n  ManagedEntity,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype ConfirmNodeProps<B> = ConfirmModal<B> & ManagedEntity;\n\nexport class ConfirmNode<B> extends AbstractNode<boolean, B> {\n  readonly type: 'confirm';\n  readonly subtype?: 'info' | 'success' | 'warning' | 'error';\n  readonly content?: ReactNode | ComponentType<ConfirmContentProps>;\n  readonly footer?: ConfirmFooterRender | FooterOptions | false;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    subtype,\n    title,\n    subtitle,\n    content,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: ConfirmNodeProps<B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.subtype = subtype;\n    this.content = content;\n    this.footer = footer;\n  }\n  onClose() {\n    this.resolve(false);\n  }\n  onConfirm() {\n    this.resolve(true);\n  }\n}\n","import type { ComponentType, ReactNode } from 'react';\n\nimport type {\n  FooterOptions,\n  ManagedEntity,\n  PromptContentProps,\n  PromptFooterRender,\n  PromptInputProps,\n  PromptModal,\n} from '@/promise-modal/types';\n\nimport { AbstractNode } from './AbstractNode';\n\ntype PromptNodeProps<T, B> = PromptModal<T, B> & ManagedEntity;\n\nexport class PromptNode<T, B> extends AbstractNode<T, B> {\n  readonly type: 'prompt';\n  readonly content?: ReactNode | ComponentType<PromptContentProps>;\n  readonly defaultValue: T | undefined;\n  readonly Input: (props: PromptInputProps<T>) => ReactNode;\n  readonly disabled?: (value: T) => boolean;\n  readonly returnOnCancel?: boolean;\n  readonly footer?: PromptFooterRender<T> | FooterOptions | false;\n  #value: T | undefined;\n\n  constructor({\n    id,\n    initiator,\n    type,\n    title,\n    subtitle,\n    content,\n    defaultValue,\n    Input,\n    disabled,\n    returnOnCancel,\n    footer,\n    background,\n    dimmed,\n    manualDestroy,\n    closeOnBackdropClick,\n    resolve,\n    ForegroundComponent,\n    BackgroundComponent,\n  }: PromptNodeProps<T, B>) {\n    super({\n      id,\n      initiator,\n      title,\n      subtitle,\n      background,\n      dimmed,\n      manualDestroy,\n      closeOnBackdropClick,\n      resolve,\n      ForegroundComponent,\n      BackgroundComponent,\n    });\n    this.type = type;\n    this.content = content;\n    this.Input = Input;\n    this.defaultValue = defaultValue;\n    this.#value = defaultValue;\n    this.disabled = disabled;\n    this.returnOnCancel = returnOnCancel;\n    this.footer = footer;\n  }\n\n  onChange(value: T) {\n    this.#value = value;\n  }\n  onConfirm() {\n    this.resolve(this.#value ?? null);\n  }\n  onClose() {\n    if (this.returnOnCancel) this.resolve(this.#value ?? null);\n    else this.resolve(null);\n  }\n}\n","import type { ManagedModal } from '@/promise-modal/types';\n\nimport { AlertNode, ConfirmNode, PromptNode } from './ModalNode';\n\nexport const nodeFactory = <T, B>(modal: ManagedModal<T, B>) => {\n  switch (modal.type) {\n    case 'alert':\n      return new AlertNode<B>(modal);\n    case 'confirm':\n      return new ConfirmNode<B>(modal);\n    case 'prompt':\n      return new PromptNode<T, B>(modal);\n  }\n  // @ts-expect-error: This state is unreachable by design and should NEVER occur.\n  throw new Error(`Unknown modal: ${modal.type}`, { modal });\n};\n","import { createContext } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport type { ModalActions, ModalHandlersWithId } from '@/promise-modal/types';\n\nexport interface ModalManagerContextProps extends ModalHandlersWithId {\n  modalIds: ModalNode['id'][];\n  getModal: Fn<[id: ModalNode['id']], ModalActions>;\n  getModalNode: Fn<[id: ModalNode['id']], ModalNode | undefined>;\n  setUpdater: Fn<[updater: Fn]>;\n}\n\nexport const ModalManagerContext = createContext<ModalManagerContextProps>(\n  {} as ModalManagerContextProps,\n);\n","import {\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\nimport { useOnMountLayout, useReference } from '@winglet/react-utils';\n\nimport type { Fn } from '@aileron/declare';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\nimport { type ModalNode, nodeFactory } from '@/promise-modal/core';\nimport { useConfigurationOptions } from '@/promise-modal/providers';\nimport type { Modal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\ninterface ModalManagerContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n}\n\nexport const ModalManagerContextProvider = memo(\n  ({\n    usePathname,\n    children,\n  }: PropsWithChildren<ModalManagerContextProviderProps>) => {\n    const modalDictionary = useRef<Map<ModalNode['id'], ModalNode>>(new Map());\n\n    const [modalIds, setModalIds] = useState<ModalNode['id'][]>([]);\n    const modalIdsRef = useReference(modalIds);\n    const { pathname } = usePathname();\n\n    const initiator = useRef(pathname);\n    const modalIdSequence = useRef(0);\n\n    const options = useConfigurationOptions();\n\n    const duration = useMemo(\n      () => convertMsFromDuration(options.duration),\n      [options],\n    );\n\n    useOnMountLayout(() => {\n      const { manualDestroy, closeOnBackdropClick } = options;\n\n      for (const data of ModalManager.prerender) {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => [...ids, modal.id]);\n      }\n\n      ModalManager.openHandler = (data: Modal) => {\n        const modal = nodeFactory({\n          ...data,\n          id: modalIdSequence.current++,\n          initiator: initiator.current,\n          manualDestroy:\n            data.manualDestroy !== undefined\n              ? data.manualDestroy\n              : manualDestroy,\n          closeOnBackdropClick:\n            data.closeOnBackdropClick !== undefined\n              ? data.closeOnBackdropClick\n              : closeOnBackdropClick,\n        });\n        modalDictionary.current.set(modal.id, modal);\n        setModalIds((ids) => {\n          const aliveIds: number[] = [];\n          for (const id of ids) {\n            const destroyed = !modalDictionary.current.get(id)?.alive;\n            if (destroyed) modalDictionary.current.delete(id);\n            else aliveIds.push(id);\n          }\n          return [...aliveIds, modal.id];\n        });\n      };\n      return () => {\n        ModalManager.reset();\n      };\n    });\n\n    useLayoutEffect(() => {\n      for (const id of modalIdsRef.current) {\n        const modal = modalDictionary.current.get(id);\n        if (!modal?.alive) continue;\n        if (modal.initiator === pathname) modal.onShow();\n        else modal.onHide();\n      }\n      initiator.current = pathname;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pathname]);\n\n    const getModalNode = useCallback((modalId: ModalNode['id']) => {\n      return modalDictionary.current.get(modalId);\n    }, []);\n\n    const onDestroy = useCallback((modalId: ModalNode['id']) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      modal.onDestroy();\n      updaterRef.current?.();\n    }, []);\n\n    const updaterRef = useRef<Fn>(undefined);\n    const hideModal = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onHide();\n        updaterRef.current?.();\n        if (!modal.manualDestroy)\n          setTimeout(() => {\n            modal.onDestroy();\n          }, duration);\n      },\n      [duration],\n    );\n\n    const onChange = useCallback((modalId: ModalNode['id'], value: any) => {\n      const modal = modalDictionary.current.get(modalId);\n      if (!modal) return;\n      if (modal.type === 'prompt') modal.onChange(value);\n    }, []);\n\n    const onConfirm = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onConfirm();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const onClose = useCallback(\n      (modalId: ModalNode['id']) => {\n        const modal = modalDictionary.current.get(modalId);\n        if (!modal) return;\n        modal.onClose();\n        hideModal(modalId);\n      },\n      [hideModal],\n    );\n\n    const getModal = useCallback(\n      (modalId: ModalNode['id']) => ({\n        modal: getModalNode(modalId),\n        onConfirm: () => onConfirm(modalId),\n        onClose: () => onClose(modalId),\n        onChange: (value: any) => onChange(modalId, value),\n        onDestroy: () => onDestroy(modalId),\n      }),\n      [getModalNode, onConfirm, onClose, onChange, onDestroy],\n    );\n\n    const value = useMemo(() => {\n      return {\n        modalIds,\n        getModalNode,\n        onChange,\n        onConfirm,\n        onClose,\n        onDestroy,\n        getModal,\n        setUpdater: (updater: Fn) => {\n          updaterRef.current = updater;\n        },\n      };\n    }, [\n      modalIds,\n      getModal,\n      getModalNode,\n      onChange,\n      onConfirm,\n      onClose,\n      onDestroy,\n    ]);\n\n    return (\n      <ModalManagerContext.Provider value={value}>\n        {children}\n      </ModalManagerContext.Provider>\n    );\n  },\n);\n","import { useContext, useMemo } from 'react';\n\nimport type { ManagedModal } from '@/promise-modal/types';\n\nimport { ModalManagerContext } from './ModalManagerContext';\n\nexport const useModalManagerContext = () => useContext(ModalManagerContext);\n\nexport const useModal = (id: ManagedModal['id']) => {\n  const { getModal } = useModalManagerContext();\n  return useMemo(() => getModal(id), [id, getModal]);\n};\n","import { css } from '@emotion/css';\n\nexport const fallback = css`\n  margin: unset;\n`;\n\nexport const frame = css`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: white;\n  padding: 20px 80px;\n  gap: 10px;\n  border: 1px solid black;\n`;\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackTitle = ({ children }: PropsWithChildren) => {\n  return <h2 className={fallback}>{children}</h2>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackSubtitle = ({ children }: PropsWithChildren) => {\n  return <h3 className={fallback}>{children}</h3>;\n};\n","import type { PropsWithChildren } from 'react';\n\nimport { fallback } from './classNames.emotion';\n\nexport const FallbackContent = ({ children }: PropsWithChildren) => {\n  return <div className={fallback}>{children}</div>;\n};\n","import type { FooterComponentProps } from '@/promise-modal/types';\n\nexport const FallbackFooter = ({\n  confirmLabel,\n  hideConfirm = false,\n  cancelLabel,\n  hideCancel = false,\n  disabled,\n  onConfirm,\n  onCancel,\n}: FooterComponentProps) => {\n  return (\n    <div>\n      {!hideConfirm && (\n        <button onClick={onConfirm} disabled={disabled}>\n          {confirmLabel || '확인'}\n        </button>\n      )}\n\n      {!hideCancel && typeof onCancel === 'function' && (\n        <button onClick={onCancel}>{cancelLabel || '취소'}</button>\n      )}\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModalManagerContext } from '@/promise-modal/providers';\n\nconst defaultValidate = (modal?: ModalNode) => modal?.visible;\n\nexport const useActiveModalCount = (\n  validate: Fn<[ModalNode?], boolean | undefined> = defaultValidate,\n  refreshKey: string | number = 0,\n) => {\n  const { modalIds, getModalNode } = useModalManagerContext();\n  return useMemo(() => {\n    let count = 0;\n    for (const id of modalIds) {\n      if (validate(getModalNode(id))) count++;\n    }\n    return count;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getModalNode, modalIds, refreshKey]);\n};\n","import {\n  type ForwardedRef,\n  type PropsWithChildren,\n  forwardRef,\n  useMemo,\n} from 'react';\n\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport type { ModalFrameProps } from '@/promise-modal/types';\n\nimport { frame } from './classNames.emotion';\n\nconst MAX_MODAL_COUNT = 5;\nconst MAX_MODAL_LEVEL = 3;\n\nexport const FallbackForegroundFrame = forwardRef(\n  (\n    { id, onChangeOrder, children }: PropsWithChildren<ModalFrameProps>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const activeCount = useActiveModalCount();\n    const [level, offset] = useMemo(() => {\n      const stacked = activeCount > 1;\n      const level = stacked\n        ? (Math.floor(id / MAX_MODAL_COUNT) % MAX_MODAL_LEVEL) * 100\n        : 0;\n      const offset = stacked ? (id % MAX_MODAL_COUNT) * 35 : 0;\n      return [level, offset];\n    }, [activeCount, id]);\n\n    return (\n      <div\n        ref={ref}\n        className={frame}\n        onClick={onChangeOrder}\n        style={{\n          marginBottom: `calc(25vh + ${level}px)`,\n          marginLeft: `${level}px`,\n          transform: `translate(${offset}px, ${offset}px)`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n","import { type ComponentType, createContext } from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport type {\n  BackgroundComponent,\n  FooterComponentProps,\n  ForegroundComponent,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nexport interface ConfigurationContextProps {\n  ForegroundComponent: ForegroundComponent;\n  BackgroundComponent?: BackgroundComponent;\n  TitleComponent: ComponentType<WrapperComponentProps>;\n  SubtitleComponent: ComponentType<WrapperComponentProps>;\n  ContentComponent: ComponentType<WrapperComponentProps>;\n  FooterComponent: ComponentType<FooterComponentProps>;\n  options: {\n    duration: Duration;\n    backdrop: Color;\n    manualDestroy: boolean;\n    closeOnBackdropClick: boolean;\n  };\n}\n\nexport const ConfigurationContext = createContext<ConfigurationContextProps>(\n  {} as ConfigurationContextProps,\n);\n","import {\n  type ComponentType,\n  type PropsWithChildren,\n  memo,\n  useMemo,\n} from 'react';\n\nimport type { Color, Duration } from '@aileron/declare';\n\nimport {\n  DEFAULT_ANIMATION_DURATION,\n  DEFAULT_BACKDROP_COLOR,\n} from '@/promise-modal/app/constant';\nimport {\n  FallbackContent,\n  FallbackFooter,\n  FallbackForegroundFrame,\n  FallbackSubtitle,\n  FallbackTitle,\n} from '@/promise-modal/components/FallbackComponents';\nimport type {\n  FooterComponentProps,\n  ModalFrameProps,\n  WrapperComponentProps,\n} from '@/promise-modal/types';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport interface ConfigurationContextProviderProps {\n  BackgroundComponent?: ComponentType<ModalFrameProps>;\n  ForegroundComponent?: ComponentType<ModalFrameProps>;\n  TitleComponent?: ComponentType<WrapperComponentProps>;\n  SubtitleComponent?: ComponentType<WrapperComponentProps>;\n  ContentComponent?: ComponentType<WrapperComponentProps>;\n  FooterComponent?: ComponentType<FooterComponentProps>;\n  options?: {\n    /** Modal transition time(ms, s) */\n    duration?: Duration;\n    /** Modal backdrop color */\n    backdrop?: Color;\n    /** Whether to destroy the modal manually */\n    manualDestroy?: boolean;\n    /** Whether to close the modal when the backdrop is clicked */\n    closeOnBackdropClick?: boolean;\n  };\n}\n\nexport const ConfigurationContextProvider = memo(\n  ({\n    ForegroundComponent,\n    BackgroundComponent,\n    TitleComponent,\n    SubtitleComponent,\n    ContentComponent,\n    FooterComponent,\n    options,\n    children,\n  }: PropsWithChildren<ConfigurationContextProviderProps>) => {\n    const value = useMemo(\n      () => ({\n        BackgroundComponent,\n        ForegroundComponent: ForegroundComponent || FallbackForegroundFrame,\n        TitleComponent: TitleComponent || FallbackTitle,\n        SubtitleComponent: SubtitleComponent || FallbackSubtitle,\n        ContentComponent: memo(ContentComponent || FallbackContent),\n        FooterComponent: memo(FooterComponent || FallbackFooter),\n        options: {\n          duration: DEFAULT_ANIMATION_DURATION,\n          backdrop: DEFAULT_BACKDROP_COLOR,\n          closeOnBackdropClick: true,\n          manualDestroy: false,\n          ...options,\n        } satisfies ConfigurationContextProviderProps['options'],\n      }),\n      [\n        ForegroundComponent,\n        BackgroundComponent,\n        ContentComponent,\n        FooterComponent,\n        SubtitleComponent,\n        TitleComponent,\n        options,\n      ],\n    );\n    return (\n      <ConfigurationContext.Provider value={value}>\n        {children}\n      </ConfigurationContext.Provider>\n    );\n  },\n);\n","import type { Color, Duration } from '@aileron/declare';\n\nexport const DEFAULT_ANIMATION_DURATION: Duration = '300ms';\n\nexport const DEFAULT_BACKDROP_COLOR: Color = 'rgba(0, 0, 0, 0.5)';\n","import { useContext } from 'react';\n\nimport { convertMsFromDuration } from '@winglet/common-utils';\n\nimport { ConfigurationContext } from './ConfigurationContext';\n\nexport const useConfigurationContext = () => useContext(ConfigurationContext);\n\nexport const useConfigurationOptions = () => {\n  const context = useContext(ConfigurationContext);\n  return context.options;\n};\n\nexport const useConfigurationDuration = () => {\n  const context = useConfigurationOptions();\n  return {\n    duration: context.duration,\n    milliseconds: convertMsFromDuration(context.duration),\n  };\n};\n\nexport const useConfigurationBackdrop = () => {\n  const context = useConfigurationOptions();\n  return context.backdrop;\n};\n","import { createContext } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nexport interface UserDefinedContext {\n  context: Dictionary;\n}\n\nexport const UserDefinedContext = createContext<UserDefinedContext>(\n  {} as UserDefinedContext,\n);\n","import { PropsWithChildren, useMemo } from 'react';\n\nimport type { Dictionary } from '@aileron/declare';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\ninterface UserDefinedContextProviderProps {\n  /** 사용자 정의 컨텍스트 */\n  context?: Dictionary;\n}\n\nexport const UserDefinedContextProvider = ({\n  context,\n  children,\n}: PropsWithChildren<UserDefinedContextProviderProps>) => {\n  const contextValue = useMemo(() => ({ context: context || {} }), [context]);\n  return (\n    <UserDefinedContext.Provider value={contextValue}>\n      {children}\n    </UserDefinedContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { UserDefinedContext } from './UserDefinedContext';\n\nexport const useUserDefinedContext = () => {\n  return useContext(UserDefinedContext);\n};\n","import { useLayoutEffect, useState } from 'react';\n\nexport const usePathname = () => {\n  const [pathname, setPathname] = useState(window.location.pathname);\n  useLayoutEffect(() => {\n    let requestId: number;\n    const checkPathname = () => {\n      if (requestId) cancelAnimationFrame(requestId);\n      if (pathname !== window.location.pathname) {\n        setPathname(window.location.pathname);\n      } else {\n        requestId = requestAnimationFrame(checkPathname);\n      }\n    };\n    requestId = requestAnimationFrame(checkPathname);\n    return () => {\n      if (requestId) cancelAnimationFrame(requestId);\n    };\n  }, [pathname]);\n  return { pathname };\n};\n","import { css } from '@emotion/css';\n\nexport const background = css`\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: -999;\n  pointer-events: none;\n  > * {\n    pointer-events: none;\n  }\n`;\n\nexport const active = css`\n  pointer-events: all;\n`;\n\nexport const visible = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n","import { type MouseEvent, useCallback, useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, background, visible } from './classNames.emotion';\n\nexport const BackgroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { BackgroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n  const { modal, onClose, onChange, onConfirm, onDestroy } = useModal(modalId);\n\n  const handleClose = useCallback(\n    (event: MouseEvent) => {\n      if (modal && modal.closeOnBackdropClick && modal.visible) onClose();\n      event.stopPropagation();\n    },\n    [modal, onClose],\n  );\n\n  const Background = useMemo(\n    () => modal?.BackgroundComponent || BackgroundComponent,\n    [BackgroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(background, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.closeOnBackdropClick && modal.visible,\n      })}\n      onClick={handleClose}\n    >\n      {Background && (\n        <Background\n          id={modal.id}\n          type={modal.type}\n          alive={modal.alive}\n          visible={modal.visible}\n          initiator={modal.initiator}\n          manualDestroy={modal.manualDestroy}\n          closeOnBackdropClick={modal.closeOnBackdropClick}\n          background={modal.background}\n          onChange={onChange}\n          onConfirm={onConfirm}\n          onClose={onClose}\n          onDestroy={onDestroy}\n          onChangeOrder={onChangeOrder}\n          context={userDefinedContext}\n        />\n      )}\n    </div>\n  );\n};\n","import { css } from '@emotion/css';\n\nexport const foreground = css`\n  pointer-events: none;\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n`;\n\nexport const active = css`\n  > * {\n    pointer-events: all;\n  }\n`;\n\nexport const visible = css`\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n`;\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { AlertNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface AlertInnerProps<B> {\n  modal: AlertNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm'>;\n}\n\nexport const AlertInner = memo(\n  <B,>({ modal, handlers }: AlertInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              confirmLabel={footer?.confirm}\n              hideConfirm={footer?.hideConfirm}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useMemo } from 'react';\n\nimport { isString } from '@winglet/common-utils';\nimport { renderComponent, useHandle } from '@winglet/react-utils';\n\nimport type { ConfirmNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface ConfirmInnerProps<B> {\n  modal: ConfirmNode<B>;\n  handlers: Pick<ModalActions, 'onConfirm' | 'onClose'>;\n}\n\nexport const ConfirmInner = memo(\n  <B,>({ modal, handlers }: ConfirmInnerProps<B>) => {\n    const { title, subtitle, content, footer } = useMemo(() => modal, [modal]);\n    const { context: userDefinedContext } = useUserDefinedContext();\n    const { onConfirm, onClose } = useMemo(() => handlers, [handlers]);\n\n    const handleConfirm = useHandle(onConfirm);\n    const handleClose = useHandle(onClose);\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { Fragment, memo, useCallback, useMemo, useState } from 'react';\n\nimport { isFunction, isString } from '@winglet/common-utils';\nimport {\n  renderComponent,\n  useHandle,\n  withErrorBoundary,\n} from '@winglet/react-utils';\n\nimport type { PromptNode } from '@/promise-modal/core';\nimport {\n  useConfigurationContext,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalActions } from '@/promise-modal/types';\n\ninterface PromptInnerProps<T, B> {\n  modal: PromptNode<T, B>;\n  handlers: Pick<ModalActions, 'onChange' | 'onClose' | 'onConfirm'>;\n}\n\nexport const PromptInner = memo(\n  <T, B>({ modal, handlers }: PromptInnerProps<T, B>) => {\n    const {\n      Input,\n      defaultValue,\n      disabled: checkDisabled,\n      title,\n      subtitle,\n      content,\n      footer,\n    } = useMemo(\n      () => ({\n        ...modal,\n        Input: memo(withErrorBoundary(modal.Input)),\n      }),\n      [modal],\n    );\n\n    const { context: userDefinedContext } = useUserDefinedContext();\n\n    const [value, setValue] = useState<T | undefined>(defaultValue);\n\n    const { onChange, onClose, onConfirm } = useMemo(\n      () => handlers,\n      [handlers],\n    );\n\n    const handleClose = useHandle(onClose);\n    const handleChange = useHandle(\n      (inputValue?: T | ((prevState: T | undefined) => T | undefined)) => {\n        const input = isFunction(inputValue) ? inputValue(value) : inputValue;\n        setValue(input);\n        onChange(input);\n      },\n    );\n\n    const handleConfirm = useCallback(() => {\n      // NOTE: wait for the next tick to ensure the value is updated\n      setTimeout(() => {\n        onConfirm();\n      });\n    }, [onConfirm]);\n\n    const disabled = useMemo(\n      () => (value ? !!checkDisabled?.(value) : false),\n      [checkDisabled, value],\n    );\n\n    const {\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n    } = useConfigurationContext();\n\n    return (\n      <Fragment>\n        {title &&\n          (isString(title) ? (\n            <TitleComponent context={userDefinedContext}>\n              {title}\n            </TitleComponent>\n          ) : (\n            title\n          ))}\n        {subtitle &&\n          (isString(subtitle) ? (\n            <SubtitleComponent context={userDefinedContext}>\n              {subtitle}\n            </SubtitleComponent>\n          ) : (\n            subtitle\n          ))}\n        {content &&\n          (isString(content) ? (\n            <ContentComponent context={userDefinedContext}>\n              {content}\n            </ContentComponent>\n          ) : (\n            renderComponent(content, {\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ))}\n\n        {Input && (\n          <Input\n            defaultValue={defaultValue}\n            value={value}\n            onChange={handleChange}\n            onConfirm={handleConfirm}\n            onCancel={handleClose}\n            context={userDefinedContext}\n          />\n        )}\n\n        {footer !== false &&\n          (typeof footer === 'function' ? (\n            footer({\n              value,\n              disabled,\n              onChange: handleChange,\n              onConfirm: handleConfirm,\n              onCancel: handleClose,\n              context: userDefinedContext,\n            })\n          ) : (\n            <FooterComponent\n              disabled={disabled}\n              onConfirm={handleConfirm}\n              onCancel={handleClose}\n              confirmLabel={footer?.confirm}\n              cancelLabel={footer?.cancel}\n              hideConfirm={footer?.hideConfirm}\n              hideCancel={footer?.hideCancel}\n              context={userDefinedContext}\n            />\n          ))}\n      </Fragment>\n    );\n  },\n);\n","import { useMemo } from 'react';\n\nimport { cx } from '@emotion/css';\n\nimport {\n  useConfigurationContext,\n  useModal,\n  useUserDefinedContext,\n} from '@/promise-modal/providers';\nimport type { ModalLayerProps } from '@/promise-modal/types';\n\nimport { active, foreground, visible } from './classNames.emotion';\nimport { AlertInner, ConfirmInner, PromptInner } from './components';\n\nexport const ForegroundFrame = ({\n  modalId,\n  onChangeOrder,\n}: ModalLayerProps) => {\n  const { ForegroundComponent } = useConfigurationContext();\n  const { context: userDefinedContext } = useUserDefinedContext();\n\n  const { modal, onChange, onConfirm, onClose, onDestroy } = useModal(modalId);\n\n  const Foreground = useMemo(\n    () => modal?.ForegroundComponent || ForegroundComponent,\n    [ForegroundComponent, modal],\n  );\n\n  if (!modal) return null;\n\n  return (\n    <div\n      className={cx(foreground, {\n        [visible]: modal.manualDestroy ? modal.alive : modal.visible,\n        [active]: modal.visible,\n      })}\n    >\n      <Foreground\n        id={modal.id}\n        type={modal.type}\n        alive={modal.alive}\n        visible={modal.visible}\n        initiator={modal.initiator}\n        manualDestroy={modal.manualDestroy}\n        closeOnBackdropClick={modal.closeOnBackdropClick}\n        background={modal.background}\n        onChange={onChange}\n        onConfirm={onConfirm}\n        onClose={onClose}\n        onDestroy={onDestroy}\n        onChangeOrder={onChangeOrder}\n        context={userDefinedContext}\n      >\n        {modal.type === 'alert' && (\n          <AlertInner modal={modal} handlers={{ onConfirm }} />\n        )}\n        {modal.type === 'confirm' && (\n          <ConfirmInner modal={modal} handlers={{ onConfirm, onClose }} />\n        )}\n        {modal.type === 'prompt' && (\n          <PromptInner\n            modal={modal}\n            handlers={{ onChange, onConfirm, onClose }}\n          />\n        )}\n      </Foreground>\n    </div>\n  );\n};\n","import { useEffect } from 'react';\n\nimport { useVersion } from '@winglet/react-utils';\n\nimport type { ModalNode } from '@/promise-modal/core';\n\nexport const useSubscribeModal = (modal?: ModalNode) => {\n  const [version, update] = useVersion();\n  useEffect(() => {\n    if (!modal) return;\n    const unsubscribe = modal.subscribe(update);\n    return unsubscribe;\n  }, [modal, update]);\n  return version;\n};\n","import { css } from '@emotion/css';\n\nexport const presenter = css`\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n`;\n","import { memo, useRef } from 'react';\n\nimport { counterFactory } from '@winglet/common-utils';\nimport { useHandle } from '@winglet/react-utils';\n\nimport { Background } from '@/promise-modal/components/Background';\nimport { Foreground } from '@/promise-modal/components/Foreground';\nimport { useSubscribeModal } from '@/promise-modal/hooks/useSubscribeModal';\nimport { useModal } from '@/promise-modal/providers';\nimport type { ModalIdProps } from '@/promise-modal/types';\n\nimport { presenter } from './classNames.emotion';\n\nconst { increment } = counterFactory(1);\n\nexport const Presenter = memo(({ modalId }: ModalIdProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { modal } = useModal(modalId);\n  useSubscribeModal(modal);\n  const handleChangeOrder = useHandle(() => {\n    if (ref.current) {\n      ref.current.style.zIndex = `${increment()}`;\n    }\n  });\n  return (\n    <div ref={ref} className={presenter}>\n      <Background modalId={modalId} onChangeOrder={handleChangeOrder} />\n      <Foreground modalId={modalId} onChangeOrder={handleChangeOrder} />\n    </div>\n  );\n});\n","import { css } from '@emotion/css';\n\nexport const anchor = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 1000;\n  transition: background-color ease-in-out;\n`;\n","import { memo, useEffect } from 'react';\n\nimport { map } from '@winglet/common-utils';\nimport { useVersion, withErrorBoundary } from '@winglet/react-utils';\n\nimport { Presenter } from '@/promise-modal/components/Presenter';\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useActiveModalCount } from '@/promise-modal/hooks/useActiveModalCount';\nimport {\n  useConfigurationOptions,\n  useModalManagerContext,\n} from '@/promise-modal/providers';\n\nimport { anchor } from './classNames.emotion';\n\nconst AnchorInner = () => {\n  const [version, update] = useVersion();\n\n  const { modalIds, setUpdater } = useModalManagerContext();\n\n  useEffect(() => {\n    setUpdater(update);\n  }, [setUpdater, update]);\n\n  const options = useConfigurationOptions();\n\n  const dimmed = useActiveModalCount(validateDimmable, version);\n\n  return (\n    <div\n      className={anchor}\n      style={{\n        transitionDuration: options.duration,\n        backgroundColor: dimmed ? options.backdrop : 'transparent',\n      }}\n    >\n      {map(modalIds, (id) => (\n        <Presenter key={id} modalId={id} />\n      ))}\n    </div>\n  );\n};\n\nconst validateDimmable = (modal?: ModalNode) => modal?.visible && modal.dimmed;\n\nexport const Anchor = memo(withErrorBoundary(AnchorInner));\n","import { createPortal } from 'react-dom';\n\nimport type { Dictionary, Fn } from '@aileron/declare';\n\nimport { Anchor } from '@/promise-modal/components/Anchor';\nimport {\n  ConfigurationContextProvider,\n  type ConfigurationContextProviderProps,\n} from '@/promise-modal/providers/ConfigurationContext';\nimport { ModalManagerContextProvider } from '@/promise-modal/providers/ModalManagerContext';\nimport { UserDefinedContextProvider } from '@/promise-modal/providers/UserDefinedContext';\n\ninterface BootstrapProps extends ConfigurationContextProviderProps {\n  usePathname: Fn<[], { pathname: string }>;\n  context?: Dictionary;\n  anchor: HTMLElement;\n}\n\nexport const bootstrap = ({\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  usePathname,\n  options,\n  context,\n  anchor,\n}: BootstrapProps) =>\n  createPortal(\n    <UserDefinedContextProvider context={context}>\n      <ConfigurationContextProvider\n        ForegroundComponent={ForegroundComponent}\n        BackgroundComponent={BackgroundComponent}\n        TitleComponent={TitleComponent}\n        SubtitleComponent={SubtitleComponent}\n        ContentComponent={ContentComponent}\n        FooterComponent={FooterComponent}\n        options={options}\n      >\n        <ModalManagerContextProvider usePathname={usePathname}>\n          <Anchor />\n        </ModalManagerContextProvider>\n      </ConfigurationContextProvider>\n    </UserDefinedContextProvider>,\n    anchor,\n  );\n","import { useCallback, useRef } from 'react';\n\nimport { printError } from '@winglet/common-utils';\nimport { useVersion } from '@winglet/react-utils';\n\nimport { ModalManager } from '@/promise-modal/app/ModalManager';\n\nexport const useInitialize = () => {\n  const permitted = useRef(ModalManager.activate());\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const [, update] = useVersion();\n\n  const handleInitialize = useCallback(\n    (root?: HTMLElement) => {\n      if (permitted.current) {\n        anchorRef.current = ModalManager.anchor({ root });\n        update();\n      } else\n        printError(\n          'ModalProvider is already initialized',\n          [\n            'ModalProvider can only be initialized once.',\n            'Nesting ModalProvider will be ignored...',\n          ],\n          {\n            info: 'Something is wrong with the ModalProvider initialization...',\n          },\n        );\n    },\n    [update],\n  );\n\n  return {\n    anchorRef,\n    handleInitialize,\n  } as const;\n};\n","import {\n  Fragment,\n  type PropsWithChildren,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderHandle, BootstrapProviderProps } from './type';\n\nexport const BootstrapProvider = forwardRef<\n  BootstrapProviderHandle,\n  PropsWithChildren<BootstrapProviderProps>\n>(\n  (\n    {\n      usePathname: useExternalPathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      children,\n    },\n    handleRef,\n  ) => {\n    const usePathname = useMemo(\n      () => useExternalPathname || useDefaultPathname,\n      [useExternalPathname],\n    );\n\n    const { anchorRef, handleInitialize } = useInitialize();\n\n    useImperativeHandle(\n      handleRef,\n      () => ({\n        initialize: handleInitialize,\n      }),\n      [handleInitialize],\n    );\n\n    useOnMount(() => {\n      /**\n       * NOTE: `handleRef` being null indicates that no `ref` was provided.\n       *   In this case, the `ModalProvider`(=`BootstrapProvider`) is not receiving the `ref`,\n       *   so it should be initialized automatically.\n       */\n      if (handleRef === null) handleInitialize();\n      return () => {\n        if (anchorRef.current) anchorRef.current.remove();\n      };\n    });\n\n    return (\n      <Fragment>\n        {children}\n        {anchorRef.current &&\n          bootstrap({\n            ForegroundComponent,\n            BackgroundComponent,\n            TitleComponent,\n            SubtitleComponent,\n            ContentComponent,\n            FooterComponent,\n            usePathname,\n            options,\n            context,\n            anchor: anchorRef.current,\n          })}\n      </Fragment>\n    );\n  },\n);\n","import { useCallback, useMemo } from 'react';\n\nimport { useOnMount } from '@winglet/react-utils';\n\nimport { usePathname as useDefaultPathname } from '@/promise-modal/hooks/useDefaultPathname';\n\nimport { bootstrap } from './helpers/bootstrap';\nimport { useInitialize } from './hooks/useInitialize';\nimport type { BootstrapProviderProps } from './type';\n\nexport const useBootstrap = ({\n  usePathname: useExternalPathname,\n  ForegroundComponent,\n  BackgroundComponent,\n  TitleComponent,\n  SubtitleComponent,\n  ContentComponent,\n  FooterComponent,\n  options,\n  context,\n  mode = 'auto',\n}: BootstrapProviderProps & { mode?: 'manual' | 'auto' } = {}) => {\n  const usePathname = useMemo(\n    () => useExternalPathname || useDefaultPathname,\n    [useExternalPathname],\n  );\n\n  const { anchorRef, handleInitialize } = useInitialize();\n\n  useOnMount(() => {\n    if (mode === 'auto') handleInitialize();\n    return () => {\n      if (anchorRef.current) anchorRef.current.remove();\n    };\n  });\n\n  const initialize = useCallback(\n    (element: HTMLElement) => {\n      if (mode === 'manual') handleInitialize(element);\n    },\n    [mode, handleInitialize],\n  );\n\n  const portal =\n    anchorRef.current &&\n    bootstrap({\n      usePathname,\n      ForegroundComponent,\n      BackgroundComponent,\n      TitleComponent,\n      SubtitleComponent,\n      ContentComponent,\n      FooterComponent,\n      options,\n      context,\n      anchor: anchorRef.current,\n    });\n\n  return { portal, initialize };\n};\n","import { useEffect, useRef } from 'react';\n\nimport { convertMsFromDuration, isString } from '@winglet/common-utils';\n\nimport type { Duration } from '@aileron/declare';\n\nimport type { ModalNode } from '@/promise-modal/core';\nimport { useModal } from '@/promise-modal/providers';\n\nimport { useSubscribeModal } from './useSubscribeModal';\n\nexport const useDestroyAfter = (\n  modalId: ModalNode['id'],\n  duration: Duration | number,\n) => {\n  const { modal, onDestroy } = useModal(modalId);\n  const tick = useSubscribeModal(modal);\n\n  const reference = useRef({\n    modal,\n    onDestroy,\n    milliseconds: isString(duration)\n      ? convertMsFromDuration(duration)\n      : duration,\n  });\n\n  useEffect(() => {\n    const { modal, onDestroy, milliseconds } = reference.current;\n    if (!modal || modal.visible || !modal.alive) return;\n    const timer = setTimeout(() => {\n      onDestroy();\n    }, milliseconds);\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, [tick]);\n};\n","import { useLayoutEffect, useRef } from 'react';\n\nimport type { Fn } from '@aileron/declare';\n\ninterface ModalAnimationHandler {\n  onVisible?: Fn;\n  onHidden?: Fn;\n}\n\nexport const useModalAnimation = (\n  visible: boolean,\n  handler: ModalAnimationHandler,\n) => {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n  useLayoutEffect(() => {\n    if (!handlerRef.current) return;\n    let frame: ReturnType<typeof requestAnimationFrame>;\n    if (visible)\n      frame = requestAnimationFrame(() => handlerRef.current.onVisible?.());\n    else frame = requestAnimationFrame(() => handlerRef.current.onHidden?.());\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n    };\n  }, [visible]);\n};\n"],"names":["ModalManager","activate","__classPrivateFieldGet","_a","_ModalManager_active","__classPrivateFieldSet","anchor","options","_ModalManager_anchor","document","getElementById","id","tag","prefix","root","body","node","createElement","setAttribute","getRandomString","appendChild","prerender","_ModalManager_prerenderList","openHandler","handler","_ModalManager_openHandler","unanchored","reset","modal","push","open","call","value","alert","subtype","title","subtitle","content","background","footer","dimmed","manualDestroy","closeOnBackdropClick","ForegroundComponent","BackgroundComponent","Promise","resolve","reject","type","error","confirm","result","prompt","defaultValue","Input","disabled","returnOnCancel","AbstractNode","alive","this","_AbstractNode_alive","visible","_AbstractNode_visible","constructor","initiator","set","_AbstractNode_resolve","_AbstractNode_listeners","Set","subscribe","listener","add","delete","publish","onDestroy","needPublish","onShow","onHide","AlertNode","super","onClose","onConfirm","ConfirmNode","PromptNode","_PromptNode_value","onChange","nodeFactory","Error","ModalManagerContext","createContext","ModalManagerContextProvider","memo","usePathname","children","modalDictionary","useRef","Map","modalIds","setModalIds","useState","modalIdsRef","useReference","pathname","modalIdSequence","useConfigurationOptions","duration","useMemo","convertMsFromDuration","useOnMountLayout","data","current","undefined","ids","aliveIds","get","useLayoutEffect","getModalNode","useCallback","modalId","updaterRef","hideModal","setTimeout","getModal","setUpdater","updater","_jsx","Provider","useModalManagerContext","useContext","useModal","fallback","css","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","frame","FallbackTitle","className","FallbackSubtitle","FallbackContent","FallbackFooter","confirmLabel","hideConfirm","cancelLabel","hideCancel","onCancel","_jsxs","onClick","defaultValidate","useActiveModalCount","validate","refreshKey","count","FallbackForegroundFrame","forwardRef","onChangeOrder","ref","activeCount","level","offset","stacked","Math","floor","style","marginBottom","marginLeft","transform","ConfigurationContext","ConfigurationContextProvider","TitleComponent","SubtitleComponent","ContentComponent","FooterComponent","backdrop","useConfigurationContext","useConfigurationDuration","context","milliseconds","useConfigurationBackdrop","UserDefinedContext","UserDefinedContextProvider","contextValue","useUserDefinedContext","setPathname","window","location","requestId","checkPathname","cancelAnimationFrame","requestAnimationFrame","active","BackgroundFrame","userDefinedContext","handleClose","event","stopPropagation","Background","cx","visible$1","active$1","foreground","AlertInner","handlers","handleConfirm","useHandle","Fragment","isString","renderComponent","ConfirmInner","cancel","PromptInner","checkDisabled","withErrorBoundary","setValue","handleChange","inputValue","input","isFunction","ForegroundFrame","Foreground","useSubscribeModal","version","update","useVersion","useEffect","presenter","increment","counterFactory","Presenter","handleChangeOrder","zIndex","validateDimmable","Anchor","transitionDuration","backgroundColor","map","bootstrap","createPortal","useInitialize","permitted","anchorRef","handleInitialize","printError","info","BootstrapProvider","useExternalPathname","handleRef","useDefaultPathname","useImperativeHandle","initialize","useOnMount","remove","useBootstrap","mode","element","portal","useDestroyAfter","tick","reference","timer","clearTimeout","useModalAnimation","handlerRef","onVisible","onHidden"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerx/promise-modal",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "repository": {
     "type": "git",
     "url": "https://github.com/vincent-kk/albatrion.git",
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@emotion/css": "^11.0.0",
-    "@winglet/common-utils": "^0.0.52",
-    "@winglet/react-utils": "^0.0.52"
+    "@winglet/common-utils": "^0.0.53",
+    "@winglet/react-utils": "^0.0.53"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",