define([
    'jquery',
    '/common/hyperscript.js',
    '/common/common-ui-elements.js',
    '/customize/messages.js',
], function ($, h, UIElements, Messages) {

    var handlers = {};

    handlers['FRIEND_REQUEST'] = function (common, data, el) {
        var content = data.content;
        var msg = content.msg;

        // Check authenticity
        if (msg.author !== msg.content.curvePublic) { return; }

        common.addFriendRequest(data);

        // Display the notification
        $(el).find('.cp-notification-content').addClass("cp-clickable");
        $(el).find('.cp-notification-content p')
            .html(Messages._getKey('friendRequest_notification', [msg.content.displayName || Messages.anonymous]))
            .click(function () {
                UIElements.displayFriendRequestModal(common, data);
            });
    };

    handlers['FRIEND_REQUEST_ACCEPTED'] = function (common, data, el) {
        var content = data.content;
        var msg = content.msg;
        $(el).find('.cp-notification-content p')
            .html(Messages._getKey('friendRequest_accepted', [msg.content.name || Messages.anonymous]));
        $(el).find('.cp-notification-dismiss').css('display', 'flex');
    };

    handlers['FRIEND_REQUEST_DECLINED'] = function (common, data, el) {
        var content = data.content;
        var msg = content.msg;
        $(el).find('.cp-notification-content p')
            .html(Messages._getKey('friendRequest_declined', [msg.content.name || Messages.anonymous]));
        $(el).find('.cp-notification-dismiss').css('display', 'flex');
    };

    return {
        add: function (common, data, el) {
            var type = data.content.msg.type;

            if (handlers[type]) {
                handlers[type](common, data, el);
            } else {
                $(el).find('.cp-notification-dismiss').css('display', 'flex');
            }
        },
        remove: function (common, data) {
            common.removeFriendRequest(data.hash);
        },
    };
});