[DDW-261] Shelley FF features (#2034)

* Disable address validation for Shelley networks

* [DDW-261] Shelley features

* [DDW-261] Shelley features WIP

* [DDW-261] Shelley features WIP

* [DDW-261] Implements new theme

* [DDW-261] Prevent theme change on Shelley Testnet builds

* [DDW-261] Improve Splash screen text copy

* [DDW-261] Add missing translations

* [DDW-261] Adds missing Japanese translation

* [DDW-261] Run translation manager

* [DDW-261] Update wallet creation text copy

* [DDW-261] Japanese translations update

* [DDW-261] Updates restoration dialog text copy

CHANGELOG.md

@@ -1,7 +1,7 @@
 Changelog
 =========
 
-## vNext
+## 1.0.0-STN1
 
 ### Features
 

README.md

@@ -69,7 +69,7 @@ Daedalus - Cryptocurrency Wallet
 1. Run `yarn nix:staging` from `daedalus`.
 2. Run `yarn dev` from the subsequent `nix-shell`
 
-#### Shelley Friends & Family Testnet
+#### Shelley Testnet
 
 1. Run `yarn nix:shelley_ff` from `daedalus`.
 2. Run `yarn dev` from the subsequent `nix-shell`

gulpfile.js

@@ -142,6 +142,7 @@ gulp.task('prepare:themes:daedalus', () =>
       'source/renderer/app/themes/daedalus/incentivized-testnet.js',
       'source/renderer/app/themes/daedalus/index.js',
       'source/renderer/app/themes/daedalus/light-blue.js',
+      'source/renderer/app/themes/daedalus/shelley-testnet.js',
       'source/renderer/app/themes/daedalus/white.js',
       'source/renderer/app/themes/daedalus/yellow.js',
     ])

nix/launcher-config.nix

@@ -66,7 +66,7 @@ let
       itn_rewards_v1 = "- Rewards v1";
       staging = "Staging";
       testnet = "Testnet";
-      ff = "Friends and Family";
+      ff = "Shelley Testnet";
       shelley_qa = "Shelley QA";
     };
     unsupported = "Unsupported";

package.json

@@ -1,7 +1,7 @@
 {
   "name": "daedalus",
   "productName": "Daedalus",
-  "version": "1.1.0",
+  "version": "1.0.0-STN1",
   "description": "Cryptocurrency Wallet",
   "main": "./dist/main/index.js",
   "scripts": {

source/common/types/environment.types.js

@@ -89,7 +89,7 @@ export const networkPrettyNames = {
   selfnode: 'Selfnode',
   staging: 'Staging',
   testnet: 'Testnet',
-  ff: 'Shelley Friends & Family Testnet',
+  ff: 'Shelley Testnet',
   shelley_qa: 'Shelley QA',
   development: 'Development',
   itn_rewards_v1: 'Incentivized Testnet v1 - Rewards',

source/renderer/app/api/api.js

@@ -189,7 +189,7 @@ import { deleteTransaction } from './transactions/requests/deleteTransaction';
 import { WALLET_BYRON_KINDS } from '../config/walletRestoreConfig';
 import ApiError from '../domains/ApiError';
 
-const { isIncentivizedTestnet } = global;
+const { isIncentivizedTestnet, isShelleyTestnet } = global;
 
 export default class AdaApi {
   config: RequestConfig;
@@ -209,9 +209,9 @@ export default class AdaApi {
       const wallets: AdaWallets = isIncentivizedTestnet
         ? await getWallets(this.config)
         : [];
-      const legacyWallets: LegacyAdaWallets = await getLegacyWallets(
-        this.config
-      );
+      const legacyWallets: LegacyAdaWallets = !isShelleyTestnet
+        ? await getLegacyWallets(this.config)
+        : [];
       logger.debug('AdaApi::getWallets success', { wallets, legacyWallets });
 
       map(legacyWallets, legacyAdaWallet => {

source/renderer/app/components/loading/syncing-connecting/SyncingConnecting.js

@@ -46,6 +46,7 @@ type Props = {
   disableDownloadLogs: boolean,
   showNewsFeedIcon: boolean,
   isIncentivizedTestnet: boolean,
+  isShelleyTestnet: boolean,
   onIssueClick: Function,
   onOpenExternalLink: Function,
   onDownloadLogs: Function,
@@ -173,6 +174,7 @@ export default class SyncingConnecting extends Component<Props, State> {
       onDownloadLogs,
       disableDownloadLogs,
       isIncentivizedTestnet,
+      isShelleyTestnet,
       isNodeResponding,
       isNodeSyncing,
       isNodeTimeCorrect,
@@ -196,6 +198,7 @@ export default class SyncingConnecting extends Component<Props, State> {
         <SyncingConnectingBackground
           hasLoadedCurrentTheme={hasLoadedCurrentTheme}
           isIncentivizedTestnet={isIncentivizedTestnet}
+          isShelleyTestnet={isShelleyTestnet}
           isConnecting={isConnecting}
           isSyncing={isSyncing}
         />
@@ -216,7 +219,9 @@ export default class SyncingConnecting extends Component<Props, State> {
             />
           )}
           <LogosDisplay isConnected={isConnected} />
-          {isIncentivizedTestnet && <SyncingConnectingTitle />}
+          {isIncentivizedTestnet && !isShelleyTestnet && (
+            <SyncingConnectingTitle />
+          )}
         </div>
         <SyncingConnectingStatus
           cardanoNodeState={cardanoNodeState}

source/renderer/app/components/loading/syncing-connecting/SyncingConnectingBackground.js

@@ -9,6 +9,7 @@ import styles from './SyncingConnectingBackground.scss';
 type Props = {
   hasLoadedCurrentTheme: boolean,
   isIncentivizedTestnet: boolean,
+  isShelleyTestnet: boolean,
   isConnecting: boolean,
   isSyncing: boolean,
 };
@@ -20,6 +21,7 @@ export default class SyncingConnectingBackground extends Component<Props> {
       isConnecting,
       isSyncing,
       isIncentivizedTestnet,
+      isShelleyTestnet,
       hasLoadedCurrentTheme,
     } = this.props;
     const componentStyles = classNames([
@@ -30,7 +32,7 @@ export default class SyncingConnectingBackground extends Component<Props> {
     ]);
     return (
       <div className={componentStyles}>
-        {isIncentivizedTestnet && (
+        {isIncentivizedTestnet && !isShelleyTestnet && (
           <>
             <div className={styles.backgroundOverlay} />
             <SVGInline

source/renderer/app/components/notifications/LegacyNotification.js

@@ -44,8 +44,8 @@ const messages = defineMessages({
   },
   addWallet: {
     id: 'wallet.legacy.notification.addWallet',
-    defaultMessage: '!!!Create a new Rewards wallet',
-    description: 'Create a new Rewards wallet action of legacy notification.',
+    defaultMessage: '!!!Create a new Shelley wallet',
+    description: 'Create a new Shelley wallet action of legacy notification.',
   },
   learnMoreLinkUrl: {
     id: 'wallet.legacy.notification.learnMore.url',

source/renderer/app/components/settings/categories/DisplaySettings.js

@@ -10,6 +10,7 @@ import themeDarkBluePreview from '../../../assets/images/themes/dark-blue.png';
 import themeDarkCardanoPreview from '../../../assets/images/themes/dark-cardano.png';
 import themeFlightCandidatePreview from '../../../assets/images/themes/flight-candidate.png';
 import themeLightBluePreview from '../../../assets/images/themes/light-blue.png';
+import themeShelleyTestnetPreview from '../../../assets/images/themes/shelley-testnet.png';
 import themeYellowPreview from '../../../assets/images/themes/yellow.png';
 import themeWhitePreview from '../../../assets/images/themes/white.png';
 import { THEMES } from '../../../themes/index';
@@ -54,6 +55,12 @@ const messages = defineMessages({
     description:
       'Name of the "Flight Candidate" theme on the display settings page.',
   },
+  themeShelleyTestnet: {
+    id: 'settings.display.themeNames.shelleyTestnet',
+    defaultMessage: '!!!Shelley Testnet',
+    description:
+      'Name of the "Shelley Testnet" theme on the display settings page.',
+  },
   themeYellow: {
     id: 'settings.display.themeNames.yellow',
     defaultMessage: '!!!Yellow',
@@ -80,7 +87,12 @@ export default class DisplaySettings extends Component<Props> {
   render() {
     const { theme, selectTheme } = this.props;
     const { intl } = this.context;
-    const { isIncentivizedTestnet, isFlight, environment } = global;
+    const {
+      isIncentivizedTestnet,
+      isShelleyTestnet,
+      isFlight,
+      environment,
+    } = global;
     const { isDev } = environment;
 
     const themeIncentivizedTestnetClasses = classnames([
@@ -113,6 +125,11 @@ export default class DisplaySettings extends Component<Props> {
       styles.themeImageWrapper,
     ]);
 
+    const themeShelleyTestnetClasses = classnames([
+      theme === THEMES.SHELLEY_TESTNET ? styles.active : styles.inactive,
+      styles.themeImageWrapper,
+    ]);
+
     const themeYellowClasses = classnames([
       theme === THEMES.YELLOW ? styles.active : styles.inactive,
       styles.themeImageWrapper,
@@ -239,6 +256,22 @@ export default class DisplaySettings extends Component<Props> {
               <span>{intl.formatMessage(messages.themeFlightCandidate)}</span>
             </button>
           )}
+
+          {(isDev || isShelleyTestnet) && (
+            <button
+              className={themeShelleyTestnetClasses}
+              onClick={selectTheme.bind(this, {
+                theme: THEMES.SHELLEY_TESTNET,
+              })}
+            >
+              <img
+                src={themeShelleyTestnetPreview}
+                role="presentation"
+                draggable="false"
+              />
+              <span>{intl.formatMessage(messages.themeShelleyTestnet)}</span>
+            </button>
+          )}
         </div>
       </div>
     );

source/renderer/app/components/settings/menu/SettingsMenu.js

@@ -31,6 +31,7 @@ const messages = defineMessages({
 
 type Props = {
   isFlight: boolean,
+  isShelleyTestnet: boolean,
   isActiveItem: Function,
   onItemClick: Function,
 };
@@ -43,7 +44,12 @@ export default class SettingsMenu extends Component<Props> {
 
   render() {
     const { intl } = this.context;
-    const { onItemClick, isActiveItem, isFlight } = this.props;
+    const {
+      onItemClick,
+      isActiveItem,
+      isFlight,
+      isShelleyTestnet,
+    } = this.props;
 
     return (
       <div>
@@ -54,7 +60,7 @@ export default class SettingsMenu extends Component<Props> {
             active={isActiveItem(ROUTES.SETTINGS.GENERAL)}
             className="general"
           />
-          {!isFlight && (
+          {!isFlight && !isShelleyTestnet && (
             <SettingsMenuItem
               label={intl.formatMessage(messages.display)}
               onClick={() => onItemClick(ROUTES.SETTINGS.DISPLAY)}

source/renderer/app/components/sidebar/SidebarCategoryNetworkInfo.js

@@ -22,7 +22,7 @@ const messages = defineMessages({
   },
   ff: {
     id: 'test.environment.shelleyFfLabel',
-    defaultMessage: '!!!Shelley Friends & Family Testnet',
+    defaultMessage: '!!!Shelley Testnet',
     description: 'Label for ff with version.',
   },
   shelley_qa: {

source/renderer/app/components/splash/SplashNetworkSTN.js

@@ -0,0 +1,74 @@
+// @flow
+import React, { Component } from 'react';
+import { defineMessages, intlShape } from 'react-intl';
+import Splash from '../widgets/splash/Splash';
+
+const messages = defineMessages({
+  title: {
+    id: 'static.splash.network.title',
+    defaultMessage: '!!!Daedalus',
+    description: 'Daedalus',
+  },
+  versionName: {
+    id: 'static.splash.network.stnVersionName',
+    defaultMessage: '!!!SHELLEY TESTNET',
+    description: 'SHELLEY TESTNET',
+  },
+  stnDescription: {
+    id: 'static.splash.network.stnDescription',
+    defaultMessage:
+      '!!!This version of Daedalus has been created specifically for the use with the second phase of the Shelley Testnet.',
+    description: 'stnDescription on network splash screen',
+  },
+  buttonLabel: {
+    id: 'static.splash.network.buttonLabel',
+    defaultMessage: '!!!I understand',
+    description: 'I understand',
+  },
+  linkLabel: {
+    id: 'static.splash.network.linkLabel',
+    defaultMessage: '!!!Learn more',
+    description: 'Learn more',
+  },
+  linkUrl: {
+    id: 'static.splash.network.stnLinkUrl',
+    defaultMessage: '!!!https://testnets.cardano.org/en/shelley/overview/',
+    description: '"Learn more" link URL on the STN network splash screen',
+  },
+});
+
+type Props = {
+  onClose: Function,
+  openExternalLink: Function,
+  currentLocale: string,
+};
+
+export default class SplashNetworkSTN extends Component<Props> {
+  static contextTypes = {
+    intl: intlShape.isRequired,
+  };
+
+  render() {
+    const { intl } = this.context;
+    const { onClose, openExternalLink, currentLocale } = this.props;
+    const title = intl.formatMessage(messages.title);
+    const subTitle1 = intl.formatMessage(messages.versionName);
+    const description = <p>{intl.formatMessage(messages.stnDescription)}</p>;
+    const buttonLabel = intl.formatMessage(messages.buttonLabel);
+    const linkLabel = intl.formatMessage(messages.linkLabel);
+    const onLinkClick = () =>
+      openExternalLink(intl.formatMessage(messages.linkUrl));
+
+    return (
+      <Splash
+        onButtonClick={onClose}
+        onLinkClick={onLinkClick}
+        title={title}
+        subTitle1={subTitle1}
+        description={description}
+        buttonLabel={buttonLabel}
+        linkLabel={currentLocale === 'en-US' && linkLabel}
+      />
+    );
+  }
+}

source/renderer/app/components/wallet/WalletAdd.js

@@ -24,9 +24,9 @@ const messages = defineMessages({
   },
   createDescriptionItn: {
     id: 'wallet.add.dialog.create.description.itn',
-    defaultMessage: '!!!Create a new Rewards wallet',
+    defaultMessage: '!!!Create a new Shelley wallet',
     description:
-      'Description for the "Create a new Rewards wallet" button on the wallet add dialog.',
+      'Description for the "Create a new Shelley wallet" button on the wallet add dialog.',
   },
   createDescription: {
     id: 'wallet.add.dialog.create.description',

source/renderer/app/components/wallet/WalletCreateDialog.js

@@ -25,9 +25,9 @@ import { submitOnEnter } from '../../utils/form';
 const messages = defineMessages({
   dialogTitleItn: {
     id: 'wallet.create.dialog.title.itn',
-    defaultMessage: '!!!Create a new Rewards wallet',
+    defaultMessage: '!!!Create a new Shelley wallet',
     description:
-      'Title "Create a new Rewards wallet" in the wallet create form.',
+      'Title "Create a new Shelley wallet" in the wallet create form.',
   },
   dialogTitle: {
     id: 'wallet.create.dialog.title',
@@ -48,9 +48,9 @@ const messages = defineMessages({
   },
   createPersonalWalletItn: {
     id: 'wallet.create.dialog.create.personal.wallet.button.label.itn',
-    defaultMessage: '!!!Create Rewards wallet',
+    defaultMessage: '!!!Create Shelley wallet',
     description:
-      'Label for the "Create Rewards wallet" button on create wallet dialog.',
+      'Label for the "Create Shelley wallet" button on create wallet dialog.',
   },
   createPersonalWallet: {
     id: 'wallet.create.dialog.create.personal.wallet.button.label',