1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
import {
action,
observable,
computed,
} from 'mobx';
import { remote } from 'electron';
import { planSelectionActions } from './actions';
import { FeatureStore } from '../utils/FeatureStore';
// import { createReactions } from '../../stores/lib/Reaction';
import { createActionBindings } from '../utils/ActionBinding';
import { downgradeUserRequest } from './api';
const debug = require('debug')('Franz:feature:planSelection:store');
const { BrowserWindow } = remote;
export default class PlanSelectionStore extends FeatureStore {
@observable isFeatureEnabled = false;
@observable isFeatureActive = false;
@observable hideOverlay = false;
@computed get showPlanSelectionOverlay() {
const { team } = this.stores.user;
if (team && !this.hideOverlay) {
return team.state === 'expired' && !team.userHasDowngraded;
}
return false;
}
// ========== PUBLIC API ========= //
@action start(stores, actions, api) {
debug('PlanSelectionStore::start');
this.stores = stores;
this.actions = actions;
this.api = api;
// ACTIONS
this._registerActions(createActionBindings([
[planSelectionActions.upgradeAccount, this._upgradeAccount],
[planSelectionActions.downgradeAccount, this._downgradeAccount],
[planSelectionActions.hideOverlay, this._hideOverlay],
]));
// REACTIONS
// this._allReactions = createReactions([
// this._setFeatureEnabledReaction,
// this._updateTodosConfig,
// this._firstLaunchReaction,
// this._routeCheckReaction,
// ]);
// this._registerReactions(this._allReactions);
this.isFeatureActive = true;
}
@action stop() {
super.stop();
debug('PlanSelectionStore::stop');
this.reset();
this.isFeatureActive = false;
}
// ========== PRIVATE METHODS ========= //
// Actions
@action _upgradeAccount = ({ planId, onCloseWindow = () => null }) => {
let hostedPageURL = this.stores.features.features.subscribeURL;
const parsedUrl = new URL(hostedPageURL);
const params = new URLSearchParams(parsedUrl.search.slice(1));
params.set('plan', planId);
hostedPageURL = this.stores.user.getAuthURL(`${parsedUrl.origin}${parsedUrl.pathname}?${params.toString()}`);
const win = new BrowserWindow({
parent: remote.getCurrentWindow(),
modal: true,
title: '🔒 Upgrade Your Franz Account',
width: 800,
height: window.innerHeight - 100,
maxWidth: 800,
minWidth: 600,
webPreferences: {
nodeIntegration: true,
webviewTag: true,
},
});
win.loadURL(`file://${__dirname}/../../index.html#/payment/${encodeURIComponent(hostedPageURL)}`);
win.on('closed', () => {
this.stores.user.getUserInfoRequest.invalidate({ immediately: true });
this.stores.features.featuresRequest.invalidate({ immediately: true });
onCloseWindow();
});
};
@action _downgradeAccount = () => {
downgradeUserRequest.execute();
}
@action _hideOverlay = () => {
this.hideOverlay = true;
}
}
|