import React, { createContext, useState, useContext, useEffect } from "react";
import { canUseDOM, safeUseId } from "../../utils";
import { Portal } from "../Portal";
import { hasModals } from "../Modal/ModalContext";
import { ClientOnlyPortal } from "./ClientOnlyPortal";
import { StyledPortal } from "./Popup.styles";
export const POPUP_PORTAL_ID = 'plasma-popup-root';
/**
 * INFO:
 * Глобальный координатор overflow для нескольких экземпляров PopupProvider.
 * Каждый PopupProvider независимо управляет своими items, но overflow на body — общий ресурс.
 * Используется Set с ID провайдеров вместо счётчика — Set.add/delete идемпотентны,
 * поэтому повторные вызовы при ремаунте (hydration mismatch, Strict Mode) не ломают состояние.
 * Overflow сохраняется при ∅→1 и восстанавливается при 1→∅.
 */ const globalOverflowState = {
    activeProviders: new Set(),
    savedOverflowY: ''
};
const lockBodyOverflow = (providerId)=>{
    if (globalOverflowState.activeProviders.has(providerId)) {
        return;
    }
    if (globalOverflowState.activeProviders.size === 0) {
        globalOverflowState.savedOverflowY = document.body.style.overflowY;
    }
    globalOverflowState.activeProviders.add(providerId);
    document.body.style.overflowY = 'hidden';
};
const unlockBodyOverflow = (providerId)=>{
    const wasActive = globalOverflowState.activeProviders.delete(providerId);
    if (wasActive && globalOverflowState.activeProviders.size === 0) {
        document.body.style.overflowY = globalOverflowState.savedOverflowY;
    }
};
const initialItems = new Map();
const PopupContext = /*#__PURE__*/ createContext({
    items: initialItems,
    rootId: POPUP_PORTAL_ID,
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    register (_info) {
        throw new Error('Function not implemented. Add PopupProvider');
    },
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    unregister (_id) {
        throw new Error('Function not implemented. Add PopupProvider');
    }
});
export const usePopupContext = ()=>useContext(PopupContext);
// TODO: #1599
export const PopupProvider = ({ children, providerFrame, UNSAFE_SSR_ENABLED })=>{
    const [items, setItems] = useState(initialItems);
    const uuid = safeUseId();
    const rootId = `${POPUP_PORTAL_ID}-${uuid}`;
    useEffect(()=>{
        if (!canUseDOM) {
            return;
        }
        const currentHasModals = hasModals(Array.from(items.values()));
        if (currentHasModals) {
            lockBodyOverflow(rootId);
        } else {
            unlockBodyOverflow(rootId);
        }
    }, [
        items,
        rootId
    ]);
    /**
     * INFO:
     * Cleanup при unmount: если PopupProvider размонтируется с открытой модалкой
     * (например, при смене роута или hydration mismatch), провайдер удаляется из Set
     * и overflow восстанавливается, если активных провайдеров не осталось.
     * Выделен в отдельный эффект, чтобы не срабатывать при каждой смене items.
     */ useEffect(()=>{
        return ()=>{
            unlockBodyOverflow(rootId);
        };
    }, [
        rootId
    ]);
    const register = (info)=>{
        if (!canUseDOM) {
            return;
        }
        setItems((prevItems)=>{
            const newItems = new Map(prevItems);
            newItems.set(info.id, info);
            return newItems;
        });
    };
    const unregister = (id)=>{
        if (!canUseDOM) {
            return;
        }
        setItems((prevItems)=>{
            if (!prevItems.has(id)) {
                return prevItems;
            }
            const newItems = new Map(prevItems);
            newItems.delete(id);
            return newItems;
        });
    };
    const context = {
        items,
        rootId,
        register,
        unregister
    };
    const getDefaultPortal = ()=>{
        if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current && canUseDOM) {
            return /*#__PURE__*/ React.createElement(Portal, {
                container: providerFrame.current
            }, /*#__PURE__*/ React.createElement(StyledPortal, {
                id: rootId
            }));
        }
        const withFrameId = typeof providerFrame === 'string' && providerFrame !== 'document';
        const containerElement = withFrameId && canUseDOM && document.getElementById(providerFrame);
        if (containerElement) {
            return /*#__PURE__*/ React.createElement(Portal, {
                container: containerElement
            }, /*#__PURE__*/ React.createElement(StyledPortal, {
                id: rootId
            }));
        }
        return /*#__PURE__*/ React.createElement(Portal, {
            container: document.body
        }, /*#__PURE__*/ React.createElement(StyledPortal, {
            id: rootId
        }));
    };
    return /*#__PURE__*/ React.createElement(PopupContext.Provider, {
        value: context
    }, children, UNSAFE_SSR_ENABLED ? /*#__PURE__*/ React.createElement(ClientOnlyPortal, null, /*#__PURE__*/ React.createElement(StyledPortal, {
        id: rootId
    })) : getDefaultPortal());
};
