(function (wp) {
    if (!wp || !wp.plugins || !wp.editPost || !wp.element || !wp.components || !wp.data) {
        return;
    }

    var registerPlugin = wp.plugins.registerPlugin;
    var PluginDocumentSettingPanel = wp.editPost.PluginDocumentSettingPanel;
    var ToggleControl = wp.components.ToggleControl;
    var useSelect = wp.data.useSelect;
    var useDispatch = wp.data.useDispatch;
    var createElement = wp.element.createElement;
    var __ = (wp.i18n && wp.i18n.__) || function (s) { return s; };

    var META_KEY = '_tsai_quiz_enabled';

    function QuizPanel() {
        var enabled = useSelect(function (select) {
            var meta = select('core/editor').getEditedPostAttribute('meta') || {};
            return !!meta[META_KEY];
        }, []);

        var editPost = useDispatch('core/editor').editPost;

        return createElement(
            PluginDocumentSettingPanel,
            {
                name: 'tsai-quiz-panel',
                title: __('Quiz', 'tsai'),
                className: 'tsai-quiz-panel',
            },
            createElement(ToggleControl, {
                label: __('Enable quiz for this post', 'tsai'),
                help: __(
                    'When enabled, readers will see a quiz under the article body.',
                    'tsai'
                ),
                checked: enabled,
                onChange: function (value) {
                    var update = {};
                    update[META_KEY] = !!value;
                    editPost({ meta: update });
                },
            })
        );
    }

    registerPlugin('tsai-quiz-meta', { render: QuizPanel });
})(window.wp);