Ghost/ghost/admin/app/components/gh-event-timeline.js

import Component from '@glimmer/component';
import moment from 'moment';
import {getNonDecimal, getSymbol} from 'ghost-admin/utils/currency';
import {tracked} from '@glimmer/tracking';

export default class EventTimeline extends Component {
    @tracked
    parsedEvents = null;

    constructor(...args) {
        super(...args);
        this.parseEvents(this.args.events);
    }

    getIcon(event) {
        return event.type;
    }

    getAction(event) {
        if (event.type === 'login_event') {
            return 'logged in';
        }

        if (event.type === 'payment_event') {
            return 'made a payment';
        }

        if (event.type === 'newsletter_event') {
            if (event.data.subscribed) {
                return 'subscribed to';
            } else {
                return 'unsubscribed from';
            }
        }

        if (event.type === 'subscription_event') {
            if (event.data.from_plan === null) {
                return 'started';
            }

            if (event.data.to_plan === null) {
                return 'cancelled';
            }

            return 'changed';
        }
    }

    getObject(event) {
        if (event.type === 'login_event') {
            return '';
        }

        if (event.type === 'payment_event') {
            return '';
        }

        if (event.type === 'newsletter_event') {
            return 'emails';
        }

        if (event.type === 'subscription_event') {
            return 'their subscription';
        }
    }

    getInfo(event) {
        if (event.type === 'subscription_event') {
            let mrrDelta = getNonDecimal(event.data.mrr_delta, event.data.currency);
            if (mrrDelta === 0) {
                return;
            }
            let sign = mrrDelta > 0 ? '+' : '-';
            let symbol = getSymbol(event.data.currency);
            return `(MRR ${sign}${symbol}${Math.abs(mrrDelta)})`;
        }
        return;
    }

    parseEvents(events) {
        this.parsedEvents = events.map((event) => {
            let subject = event.data.member.name || event.data.member.email;
            let icon = this.getIcon(event);
            let action = this.getAction(event);
            let object = this.getObject(event);
            let info = this.getInfo(event);
            let timestamp = moment(event.data.created_at).fromNow();
            return {
                member_id: event.data.member_id,
                icon,
                subject,
                action,
                object,
                info,
                timestamp
            };
        });
    }
}