@magicbell/react-headless/dist/commonjs/lib/realtime.js

Hooks to build a notification inbox

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.eventAggregator = exports.pushEventAggregator = void 0;
exports.getAuthHeaders = getAuthHeaders;
exports.emitEvent = emitEvent;
exports.handleAblyEvent = handleAblyEvent;
const tslib_1 = require("tslib");
const mittly_1 = tslib_1.__importDefault(require("mittly"));
const clientSettings_js_1 = tslib_1.__importDefault(require("../stores/clientSettings.js"));
const NotificationRepository_js_1 = tslib_1.__importDefault(require("../stores/notifications/NotificationRepository.js"));
const pkg_js_1 = require("./pkg.js");
function getAuthHeaders() {
    const { apiKey, userEmail, userExternalId, userKey } = clientSettings_js_1.default.getState();
    const headers = {
        'x-magicbell-api-key': apiKey,
        'x-magicbell-client-user-agent': `${pkg_js_1.pkg.name}/${pkg_js_1.pkg.version}`,
    };
    if (userEmail)
        headers['x-magicbell-user-email'] = userEmail;
    if (userKey)
        headers['x-magicbell-user-hmac'] = userKey;
    if (userExternalId)
        headers['x-magicbell-user-external-id'] = userExternalId;
    return headers;
}
// Note that we have two event emitters. An internal emitter which is used to
// keep the store in sync with remote events. For example to mark a notification
// as read when the user reads it in a different tab. And a public emitter, which
// is not used by our code, but can be used by consumers such as the embeddable.
// Technically, a single emitter could serve both goals, but that would involve
// publishing a breaking change.
// The internal emitter that used to keep the store in sync with remote
/** @deprecated */
exports.pushEventAggregator = (0, mittly_1.default)();
// A public emitter, that's not used by our internal code, but can be used by
// consumers, such as the embeddable.
exports.eventAggregator = (0, mittly_1.default)();
/**
 * Publish events to the internal and public event emitter, based on the event source.
 *
 * @param event The name of the event.
 * @param data The data object to pass along with the event.
 * @param source The origin of the event, local for an action that's triggered by the user in the current tab, remote if it's an event from another instance that should be mirrored.
 */
function emitEvent(event, data, source) {
    if (source === 'remote') {
        // Only to maintain backwards compatibility.
        exports.pushEventAggregator.emit(event, data);
    }
    // wrap the argument in an object, as mitt is limited to a single argument,
    // and we don't want to change the interface of `data`.
    exports.eventAggregator.emit(event, { data, source });
}
/**
 * Publish an ably event to the push event emitter. If the push event contains
 * the ID of a notification, this is fetched before emitting the event.
 *
 * @param event The realtime event
 */
function handleAblyEvent(event) {
    const { clientId } = clientSettings_js_1.default.getState();
    const eventName = event.name.replace(/\//gi, '.');
    const eventData = event.data;
    const isLoopbackEvent = eventData.client_id && eventData.client_id === clientId;
    if (isLoopbackEvent)
        return Promise.resolve(false);
    if (typeof eventData.id === 'string') {
        if (eventName === 'notifications.delete') {
            emitEvent(eventName, eventData, 'remote');
            return Promise.resolve(true);
        }
        else {
            const repository = new NotificationRepository_js_1.default();
            return repository.get(eventData.id).then((data) => {
                emitEvent(eventName, data.notification, 'remote');
                return true;
            });
        }
    }
    emitEvent(eventName, eventData, 'remote');
    return Promise.resolve(true);
}
//# sourceMappingURL=realtime.js.map