clients/src/angular/components/premium.component.ts

import { Directive, OnInit } from '@angular/core';

import { ApiService } from '../../abstractions/api.service';
import { I18nService } from '../../abstractions/i18n.service';
import { PlatformUtilsService } from '../../abstractions/platformUtils.service';
import { TokenService } from '../../abstractions/token.service';
import { UserService } from '../../abstractions/user.service';

@Directive()
export class PremiumComponent implements OnInit {
    isPremium: boolean = false;
    price: number = 10;
    refreshPromise: Promise<any>;

    constructor(protected i18nService: I18nService, protected platformUtilsService: PlatformUtilsService,
        protected apiService: ApiService, protected userService: UserService) { }

    async ngOnInit() {
        this.isPremium = await this.userService.canAccessPremium();
    }

    async refresh() {
        try {
            this.refreshPromise = this.apiService.refreshIdentityToken();
            await this.refreshPromise;
            this.platformUtilsService.showToast('success', null, this.i18nService.t('refreshComplete'));
            this.isPremium = await this.userService.canAccessPremium();
        } catch { }
    }

    async purchase() {
        const confirmed = await this.platformUtilsService.showDialog(this.i18nService.t('premiumPurchaseAlert'),
            this.i18nService.t('premiumPurchase'), this.i18nService.t('yes'), this.i18nService.t('cancel'));
        if (confirmed) {
            this.platformUtilsService.launchUri('https://vault.bitwarden.com/#/?premium=purchase');
        }
    }

    async manage() {
        const confirmed = await this.platformUtilsService.showDialog(this.i18nService.t('premiumManageAlert'),
            this.i18nService.t('premiumManage'), this.i18nService.t('yes'), this.i18nService.t('cancel'));
        if (confirmed) {
            this.platformUtilsService.launchUri('https://vault.bitwarden.com/#/?premium=manage');
        }
    }
}