squidex/frontend/app/shared/state/plans.state.ts

/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';

import {
    DialogService,
    shareSubscribed,
    State,
    Version
} from '@app/framework';

import { AuthService } from './../services/auth.service';
import { PlanDto, PlansService } from './../services/plans.service';
import { AppsState } from './apps.state';

export interface PlanInfo {
    // The plan.
    plan: PlanDto;

    // Indicates if the yearly subscription is selected.
    isYearlySelected?: boolean;

    // Indicates if the monthly subscription is selected.
    isSelected?: boolean;
}

interface Snapshot {
    // The current plans.
    plans: ReadonlyArray<PlanInfo>;

    // Indicates if the user is the plan owner.
    isOwner?: boolean;

    // Indicates if the plans are loaded.
    isLoaded?: boolean;

    // Indicates if there is a billing portal for the current Squidex instance.
    hasPortal?: boolean;

    // The app version.
    version: Version;
}

@Injectable()
export class PlansState extends State<Snapshot> {
    public plans =
        this.project(x => x.plans);

    public isOwner =
        this.project(x => x.isOwner === true);

    public isLoaded =
        this.project(x => x.isLoaded === true);

    public isDisabled =
        this.project(x => !x.isOwner);

    public hasPortal =
        this.project(x => x.hasPortal);

    public window = window;

    constructor(
        private readonly appsState: AppsState,
        private readonly authState: AuthService,
        private readonly dialogs: DialogService,
        private readonly plansService: PlansService
    ) {
        super({ plans: [], version: Version.EMPTY });
    }

    public load(isReload = false, overridePlanId?: string): Observable<any> {
        if (!isReload) {
            this.resetState();
        }

        return this.plansService.getPlans(this.appName).pipe(
            tap(({ version, payload }) => {
                if (isReload) {
                    this.dialogs.notifyInfo('Plans reloaded.');
                }

                this.next(s => {
                    const planId = overridePlanId || payload.currentPlanId;
                    const plans = payload.plans.map(x => this.createPlan(x, planId));

                    return {
                        ...s,
                        plans: plans,
                        isOwner: !payload.planOwner || payload.planOwner === this.userId,
                        isLoaded: true,
                        version,
                        hasPortal: payload.hasPortal
                    };
                });
            }),
            shareSubscribed(this.dialogs));
    }

    public change(planId: string): Observable<any> {
        return this.plansService.putPlan(this.appName, { planId }, this.version).pipe(
            tap(({ payload, version }) => {
                if (payload.redirectUri && payload.redirectUri.length > 0) {
                    this.window.location.href = payload.redirectUri;
                } else {
                    this.next(s => {
                        const plans = s.plans.map(x => this.createPlan(x.plan, planId));

                        return { ...s, plans, isOwner: true, version };
                    });
                }
            }),
            shareSubscribed(this.dialogs));
    }

    private createPlan(plan: PlanDto, id: string) {
        return { plan, isYearlySelected: plan.yearlyId === id, isSelected: plan.id === id };
    }

    private get appName() {
        return this.appsState.appName;
    }

    private get userId() {
        return this.authState.user!.id;
    }

    private get version() {
        return this.snapshot.version;
    }
}