10 | {children}
11 |
12 | );
13 | };
14 |
15 | export default Content;
16 |
--------------------------------------------------------------------------------
/src/app/public/Footer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { classnames } from 'react-components';
3 |
4 | interface Props extends React.HTMLProps
11 | {children}
12 |
13 | );
14 | };
15 |
16 | export default Footer;
17 |
--------------------------------------------------------------------------------
/src/assets/logoConfig.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | logo: 'src/assets/protonaccount.svg',
3 | favicons: {
4 | appName: 'ProtonAccount',
5 | appDescription:
6 | "ProtonMail is the world's largest secure email service, developed by CERN and MIT scientists. We are open source and protected by Swiss privacy law",
7 | developerName: 'Proton Technologies AG',
8 | developerURL: 'https://github.com/ProtonMail/proton-account',
9 | background: '#1c223d',
10 | theme_color: '#1c223d',
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/src/app/public/BackButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { c } from 'ttag';
3 | import { Button, Icon } from 'react-components';
4 |
5 | interface Props {
6 | onClick: (event: React.MouseEvent
16 |
21 | );
22 | };
23 |
24 | export default CreatingAccount;
25 |
--------------------------------------------------------------------------------
/src/app/components/EmailUnsubscribeBorderedContainer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { classnames } from 'react-components';
3 | import './EmailUnsubscribeBorderedContainer.scss';
4 |
5 | interface EmailUnsubscribeBorderedContainerProps {
6 | children: React.ReactNode;
7 | className?: string;
8 | }
9 |
10 | const EmailUnsubscribeBorderedContainer = ({
11 | children,
12 | className: classNameProp,
13 | }: EmailUnsubscribeBorderedContainerProps) => {
14 | const className = classnames([
15 | 'flex flex-column flex-align-items-center mt4 bordered p2 email-unsubscribe-container',
16 | classNameProp,
17 | ]);
18 |
19 | return {c('Info').t`Creating your Proton account`}
18 |{email}
19 |{c('Info').t`Please wait...`}
20 |{children}
;
20 | };
21 |
22 | export default EmailUnsubscribeBorderedContainer;
23 |
--------------------------------------------------------------------------------
/src/app.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 | {left ? {left} : null}
13 | {title ? (
14 |
20 | );
21 | };
22 |
23 | export default Header;
24 |
--------------------------------------------------------------------------------
/src/app/containers/vpn/VpnSettingsRouter.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Route, Redirect, Switch, useRouteMatch, useLocation } from 'react-router-dom';
3 |
4 | import VpnDownloadSettings from './VpnDownloadSettings';
5 | import VpnOpenVpnIKEv2Settings from './VpnOpenVpnIKEv2Settings';
6 |
7 | const VpnSettingsRouter = () => {
8 | const { path } = useRouteMatch();
9 | const location = useLocation();
10 |
11 | return (
12 | 15 | {title} 16 |
17 | ) : null} 18 | {subTitle ?{subTitle}
: null}
19 |
16 | {c('Link')
22 | .t`Finish`}
23 |
24 | );
25 | };
26 |
27 | export default Complete;
28 |
--------------------------------------------------------------------------------
/src/app/signup/SignupSupportDropdown.tsx:
--------------------------------------------------------------------------------
1 | import { c } from 'ttag';
2 | import React from 'react';
3 | import { BugModal, DropdownMenuButton, DropdownMenuLink, Icon, useModals } from 'react-components';
4 | import SupportDropdown from '../public/SupportDropdown';
5 |
6 | const SignupSupportDropdown = () => {
7 | const { createModal } = useModals();
8 |
9 | const handleBugReportClick = () => {
10 | createModal({c('Signup title').t`Congratulations, your Proton Account ${email} has been created!`}
17 |{c('Info') 18 | .t`Keep your password safe and secure, as it is the key to unlocking all your emails, documents and any other private data on Proton.`}
19 |{c('Info') 20 | .t`Make sure you do not forget or lose your password. It is the key to unlocking all your emails, documents, and other private data on Proton. If you need to reset your password, you will lose access to this data.`}
21 |
14 |
16 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
16 |
17 | 
22 |
23 |
27 |
28 | {below &&
30 | );
31 | };
32 |
33 | export default EmailUnsubscribeLayout;
34 |
--------------------------------------------------------------------------------
/src/app/containers/account/AccountSecuritySettings.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { SessionsSection, LogsSection, SettingsPropsShared } from 'react-components';
3 | import { c } from 'ttag';
4 |
5 | import PrivateMainSettingsAreaWithPermissions from '../../components/PrivateMainSettingsAreaWithPermissions';
6 |
7 | export const getSecurityPage = () => {
8 | return {
9 | text: c('Title').t`Security`,
10 | to: '/security',
11 | icon: 'security',
12 | subsections: [
13 | {
14 | text: c('Title').t`Session management`,
15 | id: 'sessions',
16 | },
17 | {
18 | text: c('Title').t`Security logs`,
19 | id: 'logs',
20 | },
21 | ],
22 | };
23 | };
24 |
25 | const AccountSecuritySettings = ({ location, setActiveSection }: SettingsPropsShared) => {
26 | return (
27 | {main}
24 |
25 | {footer}
26 | {below}
}
29 |
27 |
29 | 23 | {c('Upgrade').ngettext( 24 | msgid`Upgrade to ${protonVpnName} ${ 25 | PLAN_NAMES[PLANS.VPNPLUS] 26 | } to connect up to ${plusVpnConnections} device to the VPN at once`, 27 | `Upgrade to ${protonVpnName} ${ 28 | PLAN_NAMES[PLANS.VPNPLUS] 29 | } to connect up to ${plusVpnConnections} devices to the VPN at once`, 30 | plusVpnConnections 31 | )} 32 |
33 | 34 |
54 |
62 | {expanded ?
64 | );
65 | }
66 |
67 | return null;
68 | };
69 |
70 | export default InsecureEmailInfo;
71 |
--------------------------------------------------------------------------------
/src/app/containers/calendar/CalendarCalendarsSettings.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {
3 | SettingsPropsShared,
4 | CalendarsSection,
5 | CalendarImportSection,
6 | CalendarShareSection,
7 | Card,
8 | ButtonLike,
9 | SettingsLink,
10 | SettingsSection,
11 | } from 'react-components';
12 | import { c } from 'ttag';
13 |
14 | import { Address, UserModel } from 'proton-shared/lib/interfaces';
15 | import { Calendar } from 'proton-shared/lib/interfaces/calendar';
16 |
17 | import PrivateMainSettingsAreaWithPermissions from '../../content/PrivateMainSettingsAreaWithPermissions';
18 |
19 | const generalSettingsConfig = {
20 | to: '/calendar/calendars',
21 | icon: 'calendar',
22 | text: c('Link').t`Calendars`,
23 | subsections: [
24 | {
25 | text: c('Title').t`Calendars`,
26 | id: 'calendars',
27 | },
28 | {
29 | text: c('Title').t`Import`,
30 | id: 'import',
31 | },
32 | {
33 | text: c('Title').t`Share outside Proton`,
34 | id: 'share',
35 | },
36 | ],
37 | };
38 |
39 | interface Props extends SettingsPropsShared {
40 | activeAddresses: Address[];
41 | calendars: Calendar[];
42 | disabledCalendars: Calendar[];
43 | activeCalendars: Calendar[];
44 | defaultCalendar?: Calendar;
45 | user: UserModel;
46 | }
47 |
48 | const CalendarCalendarsSettings = ({
49 | location,
50 | activeAddresses,
51 | calendars,
52 | activeCalendars,
53 | disabledCalendars,
54 | defaultCalendar,
55 | user,
56 | }: Props) => {
57 | return (
58 | {getInfo(domain)}
: null}
63 |
72 |
77 | {c('Action').t`Upgrade`}
78 |
79 |
80 | 73 | {c('Upgrade notice') 74 | .t`Upgrade to a paid plan to share your calendar with anyone with a link.`} 75 |
76 |
32 | 
33 |
35 | {c('Info')
36 | .t`Users can't make changes to organization settings. If you need admin privileges, reach out to your system administrator.`}
37 |
38 |
39 | );
40 | }
41 |
42 | if (!hasPermission(userPermissions, pagePermissions)) {
43 | return (
44 | {c('Title').t`Sorry, you can't access this page`}
34 |
45 | 
46 |
47 | {c('Info')
48 | .t`Upgrade to a paid plan to access premium features and increase your storage space.`}
49 |
50 | {c(
51 | 'Action'
52 | ).t`Upgrade now`}
53 |
54 | );
55 | }
56 | })();
57 |
58 | const childrenWithPermissions = React.Children.toArray(children)
59 | .filter(React.isValidElement)
60 | .map((child, index) => {
61 | const { permissions: sectionPermissions } = subsections[index] || {};
62 | return React.cloneElement(child, {
63 | // eslint-disable-next-line @typescript-eslint/ban-ts-comment
64 | // @ts-ignore
65 | permission: hasPermission(userPermissions, sectionPermissions),
66 | });
67 | });
68 |
69 | return (
70 |
36 | 
37 |
39 | {c('Info')
40 | .t`Users can't make changes to organization settings. If you need admin priviledges, reach out to your system administrator.`}
41 |
42 |
43 | );
44 | }
45 |
46 | if (!hasPermission(userPermissions, pagePermissions)) {
47 | return (
48 | {c('Title').t`Sorry, you can't access this page`}
38 |
49 |
50 |
51 | {c('Info')
52 | .t`Upgrade to a paid plan to access premium features and increase your storage space.`}
53 |
54 | {c(
55 | 'Action'
56 | ).t`Upgrade now`}
57 |
58 | );
59 | }
60 | })();
61 |
62 | const childrenWithPermissions = React.Children.toArray(children)
63 | .map((child, index) => {
64 | if (!React.isValidElement
60 | {c('Info')
61 | .t`Your ${BRAND_NAME} Account is associated with ${externalEmailAddress}. To use ${toAppName}, please create an address.`}
62 |
63 |
64 |
66 | )}
67 |
130 |
131 | );
132 | };
133 |
134 | export default LoginForm;
135 |
--------------------------------------------------------------------------------
/src/app/reset/ValidateResetTokenForm.tsx:
--------------------------------------------------------------------------------
1 | import { c } from 'ttag';
2 | import React, { useEffect, useRef } from 'react';
3 | import {
4 | Button,
5 | RequestNewCodeModal,
6 | useFormErrors,
7 | useLoading,
8 | useModals,
9 | ConfirmModal,
10 | InputFieldTwo,
11 | } from 'react-components';
12 | import { ResetPasswordSetters, ResetPasswordState } from 'react-components/containers/resetPassword/useResetPassword';
13 | import { BRAND_NAME } from 'proton-shared/lib/constants';
14 | import { requiredValidator } from 'proton-shared/lib/helpers/formValidators';
15 |
16 | interface Props {
17 | onSubmit: () => Promise
54 |
60 | {c('Info') 55 | .jt`You will ${loseAllData} in your ${BRAND_NAME} Account. To restore it, you will need to enter your old password.`}
56 |{c('Info') 57 | .t`This will also disable any two-factor authentication method associated with this account.`}
58 |{c('Info').t`Continue anyway?`}
59 |
55 |
92 |
113 |
56 | {children}
57 |
91 |
58 | {c('Info').t`One account for all Proton services`}
59 |
90 |
60 |
89 |
126 |
128 | );
129 | }
130 |
131 | switch (page) {
132 | case PAGE.UNSUBSCRIBE: {
133 | return (
134 |