npm - @lerx/promise-modal - Versions diffs - 0.0.51 → 0.0.52 - Mend

@lerx/promise-modal 0.0.51 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/index.esm.js.map CHANGED Viewed

	@@ -1 +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 }, [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>();\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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"}
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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"}

package/dist/providers/ModalManagerContext/ModalManagerContextProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalManagerContextProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAOvB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAS3C,UAAU,gCAAgC;IACxC,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,2BAA2B,mEAInC,iBAAiB,CAAC,gCAAgC,CAAC,~~6CA0KvD~~,CAAC"}
1	+ {"version":3,"file":"ModalManagerContextProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalManagerContext/ModalManagerContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAOvB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAS3C,UAAU,gCAAgC;IACxC,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,2BAA2B,mEAInC,iBAAiB,CAAC,gCAAgC,CAAC,6CA2KvD,CAAC"}

package/dist/providers/ModalManagerContext/useModalManagerContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModalManagerContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalManagerContext/useModalManagerContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,eAAO,MAAM,sBAAsB,gEAAwC,CAAC;AAE5E,eAAO,MAAM,QAAQ,~~OAAQ~~,YAAY,CAAC,IAAI,CAAC,iDAG9C,CAAC"}
1	+ {"version":3,"file":"useModalManagerContext.d.ts","sourceRoot":"","sources":["../../../src/providers/ModalManagerContext/useModalManagerContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,eAAO,MAAM,sBAAsB,gEAAwC,CAAC;AAE5E,eAAO,MAAM,QAAQ,GAAI,IAAI,YAAY,CAAC,IAAI,CAAC,iDAG9C,CAAC"}

package/dist/providers/UserDefinedContext/UserDefinedContextProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserDefinedContextProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,UAAU,+BAA+B;IAEvC,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,~~2BAGpC~~,iBAAiB,CAAC,+BAA+B,CAAC,4CAOpD,CAAC"}
1	+ {"version":3,"file":"UserDefinedContextProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/UserDefinedContext/UserDefinedContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,UAAU,+BAA+B;IAEvC,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,iBAAiB,CAAC,+BAA+B,CAAC,4CAOpD,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lerx/promise-modal",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "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.51",
-    "@winglet/react-utils": "^0.0.51"
+    "@winglet/common-utils": "^0.0.52",
+    "@winglet/react-utils": "^0.0.52"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -73,8 +73,8 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/rollup-plugin-peer-deps-external": "^2.2.5",
     "@typescript-eslint/eslint-plugin": "^8.14.0",
     "@typescript-eslint/parser": "^8.14.0",
@@ -87,8 +87,8 @@
     "eslint-plugin-storybook": "^0.11.6",
     "jsdom": "^25.0.1",
     "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup": "^4.27.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -102,7 +102,7 @@
     "vitest": "^2.1.5"
   },
   "peerDependencies": {
-    "react": ">=16 <=19",
-    "react-dom": ">=16 <=19"
+    "react": ">=16 <20",
+    "react-dom": ">=16 <20"
   }
 }