diff --git a/.changeset/loud-carpets-destroy.md b/.changeset/loud-carpets-destroy.md new file mode 100644 index 000000000..e3a2f0d3d --- /dev/null +++ b/.changeset/loud-carpets-destroy.md @@ -0,0 +1,5 @@ +--- +'fuels-wallet': minor +--- + +Updated the texts on the screens diff --git a/packages/app/playwright/crx/crx.test.ts b/packages/app/playwright/crx/crx.test.ts index 0c77a66fd..9992227a6 100644 --- a/packages/app/playwright/crx/crx.test.ts +++ b/packages/app/playwright/crx/crx.test.ts @@ -126,12 +126,12 @@ test.describe('FuelWallet Extension', () => { await getButtonByText(page, /Next/i).click(); /** Confirm Mnemonic */ - await hasText(page, /Enter your Recovery Phrase/i); + await hasText(page, /Enter seed phrase/i); await getButtonByText(page, /Paste/i).click(); await getButtonByText(page, /Next/i).click(); /** Adding password */ - await hasText(page, /Encrypt your wallet/i); + await hasText(page, /Create password for encryption/i); const passwordInput = await getByAriaLabel(page, 'Your Password'); await passwordInput.type(WALLET_PASSWORD); await passwordInput.press('Tab'); diff --git a/packages/app/playwright/e2e/CreateWallet.test.ts b/packages/app/playwright/e2e/CreateWallet.test.ts index 4df73c4fa..e35247840 100644 --- a/packages/app/playwright/e2e/CreateWallet.test.ts +++ b/packages/app/playwright/e2e/CreateWallet.test.ts @@ -35,20 +35,20 @@ test.describe('CreateWallet', () => { await getButtonByText(page, /I accept/i).click(); /** Copy Mnemonic */ - await hasText(page, /Backup your Recovery Phrase/i); + await hasText(page, /Backup seed phrase/i); await getButtonByText(page, /Copy/i).click(); const savedCheckbox = await getByAriaLabel(page, 'Confirm Saved'); await savedCheckbox.click(); await getButtonByText(page, /Next/i).click(); /** Confirm Mnemonic */ - await hasText(page, /Enter your Recovery Phrase/i); + await hasText(page, /Enter seed phrase/i); await getButtonByText(page, /Paste/i).click(); await getButtonByText(page, /Next/i).click(); // await page.pause(); /** Adding password */ - await hasText(page, /Encrypt your wallet/i); + await hasText(page, /Create password for encryption/i); const passwordInput = await getByAriaLabel(page, 'Your Password'); await passwordInput.type(WALLET_PASSWORD); await passwordInput.press('Tab'); diff --git a/packages/app/playwright/e2e/RecoverWallet.test.ts b/packages/app/playwright/e2e/RecoverWallet.test.ts index 5127ffb6d..cb2fb8786 100644 --- a/packages/app/playwright/e2e/RecoverWallet.test.ts +++ b/packages/app/playwright/e2e/RecoverWallet.test.ts @@ -34,12 +34,12 @@ test.describe('RecoverWallet', () => { await getButtonByText(page, /Paste/i).click(); /** Confirm Mnemonic */ - await hasText(page, /Enter your Recovery Phrase/i); + await hasText(page, /Enter seed phrase/i); await getButtonByText(page, /Paste/i).click(); await getButtonByText(page, /Next/i).click(); /** Adding password */ - await hasText(page, /Encrypt your wallet/i); + await hasText(page, /Create password for encryption/i); const passwordInput = await getByAriaLabel(page, 'Your Password'); await passwordInput.type(WALLET_PASSWORD); await passwordInput.press('Tab'); @@ -65,7 +65,7 @@ test.describe('RecoverWallet', () => { await getButtonByText(page, /I accept/i).click(); await getByAriaLabel(page, 'Select format').selectOption( - 'I have a 24 words seed phrase' + 'I have a 24 words Seed Phrase' ); /** Copy words to clipboard area */ @@ -75,12 +75,12 @@ test.describe('RecoverWallet', () => { await getButtonByText(page, /Paste/i).click(); /** Confirm Mnemonic */ - await hasText(page, /Enter your Recovery Phrase/i); + await hasText(page, /Enter seed phrase/i); await getButtonByText(page, /Paste/i).click(); await getButtonByText(page, /Next/i).click(); /** Adding password */ - await hasText(page, /Encrypt your wallet/i); + await hasText(page, /Create password for encryption/i); const passwordInput = await getByAriaLabel(page, 'Your Password'); await passwordInput.type(WALLET_PASSWORD); await passwordInput.press('Tab'); diff --git a/packages/app/playwright/e2e/UnlockScreen.test.ts b/packages/app/playwright/e2e/UnlockScreen.test.ts index d7bb82635..d30d605f6 100644 --- a/packages/app/playwright/e2e/UnlockScreen.test.ts +++ b/packages/app/playwright/e2e/UnlockScreen.test.ts @@ -45,6 +45,7 @@ test.describe('UnlockScreen', () => { await page.getByText('Forgot password?').click(); await hasText(page, /Reset wallet/i); + await getByAriaLabel(page, 'Confirm Reset').click(); await getByAriaLabel(page, 'Reset wallet').click(); await hasText(page, /Create a new Fuel Wallet/i); }); diff --git a/packages/app/playwright/e2e/ViewRecoveryPhrase.test.ts b/packages/app/playwright/e2e/ViewRecoveryPhrase.test.ts index 8d27887b3..3dc488d6d 100644 --- a/packages/app/playwright/e2e/ViewRecoveryPhrase.test.ts +++ b/packages/app/playwright/e2e/ViewRecoveryPhrase.test.ts @@ -4,7 +4,7 @@ import test, { expect, chromium } from '@playwright/test'; import { getButtonByText, getByAriaLabel, hasText } from '../commons'; import { mockData, WALLET_PASSWORD } from '../mocks'; -test.describe('ViewRecoveryPhrase', () => { +test.describe('ViewSeedPhrase', () => { let browser: Browser; let page: Page; let mnemonic: string; @@ -16,10 +16,10 @@ test.describe('ViewRecoveryPhrase', () => { mnemonic = mock.mnemonic; }); - test('should view recovery phrase', async () => { + test('should view seed phrase', async () => { test.step('should show unlock screen', async () => { await getByAriaLabel(page, 'Menu').click(); - await page.getByText(/View Recovery Phrase/i).click(); + await page.getByText(/View Seed Phrase/i).click(); // Should show unlock screen await hasText(page, /Confirm your Password/i); @@ -29,7 +29,7 @@ test.describe('ViewRecoveryPhrase', () => { test.step('should show the seed phrase', async () => { // Should show unlock screen - await hasText(page, /Recovery Phrase/i); + await hasText(page, /Seed Phrase/i); await getButtonByText(page, 'Copy button').click(); const clipboardValue = await navigator.clipboard.readText(); expect(clipboardValue).toEqual(mnemonic); diff --git a/packages/app/src/systems/Account/pages/Logout/Logout.tsx b/packages/app/src/systems/Account/pages/Logout/Logout.tsx index 926c7c923..6941de8ed 100644 --- a/packages/app/src/systems/Account/pages/Logout/Logout.tsx +++ b/packages/app/src/systems/Account/pages/Logout/Logout.tsx @@ -32,11 +32,11 @@ export const Logout = () => { seedphrase and accounts. - Make sure you have securely backed up your seed phrase before + Make sure you have securely backed up your Seed Phrase before removing the wallet. - If you have not backed up your seed phrase, you will lose access to + If you have not backed up your Seed Phrase, you will lose access to your funds. diff --git a/packages/app/src/systems/Core/components/Mnemonic/Mnemonic.tsx b/packages/app/src/systems/Core/components/Mnemonic/Mnemonic.tsx index 93ac8b92c..fd1e60337 100644 --- a/packages/app/src/systems/Core/components/Mnemonic/Mnemonic.tsx +++ b/packages/app/src/systems/Core/components/Mnemonic/Mnemonic.tsx @@ -102,7 +102,7 @@ export function Mnemonic({ key={size} value={size} aria-label={`${size} words`} - >{`I have a ${size} words seed phrase`} + >{`I have a ${size} words Seed Phrase`} ))} diff --git a/packages/app/src/systems/Overlay/components/OverlayDialog/OverlayDialog.tsx b/packages/app/src/systems/Overlay/components/OverlayDialog/OverlayDialog.tsx index 98bea4a2b..eaa0d7c3d 100644 --- a/packages/app/src/systems/Overlay/components/OverlayDialog/OverlayDialog.tsx +++ b/packages/app/src/systems/Overlay/components/OverlayDialog/OverlayDialog.tsx @@ -8,7 +8,7 @@ import { ExportAccount } from '~/systems/Account/pages/ExportAccount'; import { ImportAccount } from '~/systems/Account/pages/ImportAccount'; import { AddNetwork, Networks, UpdateNetwork } from '~/systems/Network/pages'; import { useOverlay } from '~/systems/Overlay'; -import { ViewRecoveryPhrase } from '~/systems/Settings/pages'; +import { ViewSeedPhrase } from '~/systems/Settings/pages'; import { TxApprove } from '~/systems/Transaction'; export function OverlayDialog() { @@ -33,7 +33,7 @@ export function OverlayDialog() { {overlay.is('transactions.approve') && } {/* Settings */} - {overlay.is('settings.viewRecoveryPhrase') && } + {overlay.is('settings.viewSeedPhrase') && } ); diff --git a/packages/app/src/systems/Overlay/events.tsx b/packages/app/src/systems/Overlay/events.tsx index 29272f05a..aa45ffb80 100644 --- a/packages/app/src/systems/Overlay/events.tsx +++ b/packages/app/src/systems/Overlay/events.tsx @@ -67,11 +67,11 @@ export function overlayEvents(store: Store) { input: { modal: 'transactions.approve' }, }); }, - openViewRecoveryPhrase() { + openViewSeedPhrase() { store.send(Services.overlay, { type: 'OPEN', input: { - modal: 'settings.viewRecoveryPhrase', + modal: 'settings.viewSeedPhrase', }, }); }, diff --git a/packages/app/src/systems/Overlay/types.ts b/packages/app/src/systems/Overlay/types.ts index bb343e842..1c26dd7fe 100644 --- a/packages/app/src/systems/Overlay/types.ts +++ b/packages/app/src/systems/Overlay/types.ts @@ -10,5 +10,5 @@ export enum Overlays { 'networks.add' = 'networks.add', 'networks.update' = 'networks.update', 'transactions.approve' = 'transactions.approve', - 'settings.viewRecoveryPhrase' = 'settings.viewRecoveryPhrase', + 'settings.viewSeedPhrase' = 'settings.viewSeedPhrase', } diff --git a/packages/app/src/systems/Settings/pages/ChangePassword/ChangePassword.tsx b/packages/app/src/systems/Settings/pages/ChangePassword/ChangePassword.tsx index 1ac70e43b..ded4bbcc3 100644 --- a/packages/app/src/systems/Settings/pages/ChangePassword/ChangePassword.tsx +++ b/packages/app/src/systems/Settings/pages/ChangePassword/ChangePassword.tsx @@ -151,7 +151,7 @@ export function ChangePassword() { - If you lose your password and your seed phrase, all your funds + If you lose your password and your Seed Phrase, all your funds can be lost forever. diff --git a/packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/index.ts b/packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/index.ts deleted file mode 100644 index d76dd2836..000000000 --- a/packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './ViewRecoveryPhrase'; diff --git a/packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/ViewRecoveryPhrase.stories.tsx b/packages/app/src/systems/Settings/pages/ViewSeedPhrase/ViewSeedPhrase.stories.tsx similarity index 80% rename from packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/ViewRecoveryPhrase.stories.tsx rename to packages/app/src/systems/Settings/pages/ViewSeedPhrase/ViewSeedPhrase.stories.tsx index 68ec3852f..beef888e6 100644 --- a/packages/app/src/systems/Settings/pages/ViewRecoveryPhrase/ViewRecoveryPhrase.stories.tsx +++ b/packages/app/src/systems/Settings/pages/ViewSeedPhrase/ViewSeedPhrase.stories.tsx @@ -1,7 +1,7 @@ import { BoxCentered, Button, Stack, Text } from '@fuel-ui/react'; import type { ComponentStoryFn, Meta } from '@storybook/react'; -import { ViewRecoveryPhrase } from './ViewRecoveryPhrase'; +import { ViewSeedPhrase } from './ViewSeedPhrase'; import { store } from '~/store'; import { useAccounts } from '~/systems/Account'; @@ -9,8 +9,8 @@ import { Layout } from '~/systems/Core'; import { mockVault } from '~/systems/Core/__tests__/utils/mockVault'; export default { - component: ViewRecoveryPhrase, - title: 'Settings/Pages/2. View Recovery Phrase', + component: ViewSeedPhrase, + title: 'Settings/Pages/2. View Seed Phrase', decorators: [(Story) => ], parameters: { layout: 'fullscreen', @@ -20,7 +20,7 @@ export default { }, } as Meta; -const Template: ComponentStoryFn = () => { +const Template: ComponentStoryFn = () => { const { account, isLoading } = useAccounts(); return ( @@ -29,7 +29,7 @@ const Template: ComponentStoryFn = () => { Password: 123123123 {account && (