@sendbird/uikit-react/cjs/hooks/useModal.js

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

'use strict';

var _tslib = require('../chunks/bundle-jAsAzWpU.js');
var React = require('react');
var index = require('../chunks/bundle-DvHjgbFi.js');
var utils = require('../chunks/bundle-1F9guuKw.js');
var ui_Modal = require('../chunks/bundle-BFmC2V1o.js');
require('react-dom');
require('../chunks/bundle-ClT0IexP.js');
require('../chunks/bundle-D-_6Kk3L.js');
require('../chunks/bundle-BXuNw6bR.js');
require('../chunks/bundle-DDUAkmTu.js');
require('../ui/IconButton.js');
require('../ui/Button.js');
require('../chunks/bundle-DxZzcGya.js');
require('../ui/Icon.js');
require('../chunks/bundle-BNgfU9I_.js');
require('../chunks/bundle-on0zTbLT.js');
require('../chunks/bundle-Buar9ys-.js');
require('../chunks/bundle-DZN-28o5.js');
require('@sendbird/chat');
require('@sendbird/chat/groupChannel');
require('@sendbird/chat/openChannel');

function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefaultCompat(React);

var GlobalModalContext = React.createContext({
    openModal: utils.noop,
});
var GlobalModalProvider = function (_a) {
    var children = _a.children;
    // Idea from https://dev.to/nurislamov/simple-modals-queue-in-react-4g6c
    var _b = React.useState([]), globalModalQueue = _b[0], setGlobalModalQueue = _b[1];
    var openModal = React.useCallback(function (props) {
        setGlobalModalQueue(function (currentQue) { return _tslib.__spreadArray(_tslib.__spreadArray([], currentQue, true), [props], false); });
    }, []);
    var closeModal = React.useCallback(function () {
        setGlobalModalQueue(function (currentQue) { return currentQue.slice(1); });
    }, []);
    var ModalComponent = React.useMemo(function () { return function () {
        return index.K(globalModalQueue)
            .when(function (q) { return q.length === 0; }, function () {
            return React__default.default.createElement(React__default.default.Fragment, null);
        })
            .otherwise(function () {
            var _a = globalModalQueue[0], modalProps = _a.modalProps, childElement = _a.childElement;
            return (React__default.default.createElement(ui_Modal.Modal, _tslib.__assign({}, modalProps, { className: utils.classnames('sendbird-global-modal', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
                    var _a;
                    (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call(modalProps);
                    closeModal();
                } }), childElement({
                closeModal: closeModal,
            })));
        });
    }; }, [globalModalQueue]);
    return (React__default.default.createElement(GlobalModalContext.Provider, { value: {
            openModal: openModal,
        } },
        React__default.default.createElement(ModalComponent, null),
        children));
};
var useGlobalModalContext = function () { return React.useContext(GlobalModalContext); };

exports.MODAL_ROOT = ui_Modal.MODAL_ROOT;
exports.ModalRoot = ui_Modal.ModalRoot;
exports.GlobalModalProvider = GlobalModalProvider;
exports.useGlobalModalContext = useGlobalModalContext;
//# sourceMappingURL=useModal.js.map