feat(wallet): update wallet name and icon (#1941)

* feat: update literal strings to IOTA

* feat: add IOTA icons

* feat: remove old assets

apps/wallet/configs/webpack/webpack.config.common.ts

@@ -44,7 +44,7 @@ const TS_CONFIGS_ROOT = resolve(CONFIGS_ROOT, 'ts');
 const IS_DEV = process.env.NODE_ENV === 'development';
 const IS_PROD = process.env.NODE_ENV === 'production';
 const TS_CONFIG_FILE = resolve(TS_CONFIGS_ROOT, `tsconfig.${IS_DEV ? 'dev' : 'prod'}.json`);
-const APP_NAME = WALLET_BETA ? 'Iota Wallet (BETA)' : IS_DEV ? 'Iota Wallet (DEV)' : 'Iota Wallet';
+const APP_NAME = WALLET_BETA ? 'IOTA Wallet (BETA)' : IS_DEV ? 'IOTA Wallet (DEV)' : 'IOTA Wallet';
 
 dotenv.config({
     path: [resolve(SDK_ROOT, '.env'), resolve(SDK_ROOT, '.env.defaults')],

apps/wallet/package.json

@@ -1,7 +1,7 @@
 {
     "name": "iota-wallet",
     "private": true,
-    "description": "A wallet for Iota",
+    "description": "A wallet for IOTA",
     "main": "./dist/ui.js",
     "scripts": {
         "build": "pnpm build:prod",

apps/wallet/src/dapp-interface/WalletStandardInterface.ts

@@ -52,7 +52,7 @@ type WalletEventsMap = {
 };
 
 // NOTE: Because this runs in a content script, we can't fetch the manifest.
-const NAME = process.env.APP_NAME || 'Iota Wallet';
+const NAME = process.env.APP_NAME || 'IOTA Wallet';
 
 export class IotaWallet implements Wallet {
     readonly #events: Emitter<WalletEventsMap>;

apps/wallet/src/shared/analytics/ampli/index.ts

@@ -74,7 +74,7 @@ export interface IdentifyProperties {
      */
     activeAccountType?: string;
     /**
-     * The Iota Network that the user is currently interacting with.
+     * The IOTA Network that the user is currently interacting with.
      */
     activeNetwork: string;
     /**
@@ -135,7 +135,7 @@ export interface ClickedCollectibleCardProperties {
      */
     collectibleType: string;
     /**
-     * The ID of an object on Iota.
+     * The ID of an object on IOTA.
      */
     objectId: string;
     sourceScreen?: string;
@@ -154,7 +154,7 @@ export interface ClickedHideAssetProperties {
      */
     collectibleType: string;
     /**
-     * The ID of an object on Iota.
+     * The ID of an object on IOTA.
      */
     objectId: string;
 }
@@ -331,7 +331,7 @@ export interface SentCoinsProperties {
 
 export interface SentCollectibleProperties {
     /**
-     * The ID of an object on Iota.
+     * The ID of an object on IOTA.
      */
     objectId: string;
 }

apps/wallet/src/ui/app/components/PasswordInputDialog.tsx

@@ -85,7 +85,7 @@ export function PasswordInputDialog({
                         </FieldLabel>
                         <div className="mt-4 text-center">
                             <Text variant="pBodySmall" color="steel-dark" weight="normal">
-                                This is the password you currently use to lock and unlock your Iota
+                                This is the password you currently use to lock and unlock your IOTA
                                 wallet.
                             </Text>
                         </div>

apps/wallet/src/ui/app/components/iota-apps/ConnectedAppsCard.tsx

@@ -70,7 +70,7 @@ function ConnectedDapps() {
             </div>
             <div className="my-4">
                 <Text variant="pBodySmall" color="gray-80" weight="normal">
-                    Apps you have connected to through the Iota Wallet in this browser.
+                    Apps you have connected to through the IOTA Wallet in this browser.
                 </Text>
             </div>
 

apps/wallet/src/ui/app/components/iota-apps/index.tsx

@@ -45,7 +45,7 @@ export function AppsPlayGround() {
         <>
             <div className="mb-4 flex justify-center">
                 <Heading variant="heading6" color="gray-90" weight="semibold">
-                    Iota Apps
+                    IOTA Apps
                 </Heading>
             </div>
 
@@ -55,7 +55,7 @@ export function AppsPlayGround() {
                 <div className="bg-gray-40 rounded-xl p-4">
                     <Text variant="pBodySmall" color="gray-75" weight="normal">
                         Apps below are actively curated but do not indicate any endorsement or
-                        relationship with Iota Wallet. Please DYOR.
+                        relationship with IOTA Wallet. Please DYOR.
                     </Text>
                 </div>
             ) : null}

apps/wallet/src/ui/app/components/ledger/ConnectLedgerModal.tsx

@@ -58,7 +58,7 @@ export function ConnectLedgerModal({ onClose, onConfirm, onError }: ConnectLedge
                     </div>
                     <div className="mt-4.5 break-words text-center">
                         <Text variant="pBodySmall" color="steel-darker" weight="normal">
-                            Connect your ledger to your computer, unlock it, and launch the Iota
+                            Connect your ledger to your computer, unlock it, and launch the IOTA
                             app. Click Continue when done.
                         </Text>
                         <div className="mt-2 flex items-center justify-center">

apps/wallet/src/ui/app/components/ledger/ledgerErrors.ts

@@ -37,7 +37,7 @@ export function convertErrorToLedgerConnectionFailedError(error: unknown) {
     );
 }
 
-// When something goes wrong in the Iota application itself, a TransportStatusError is
+// When something goes wrong in the IOTA application itself, a TransportStatusError is
 // thrown. Unfortunately, @ledgerhq/errors doesn't expose this error in the form of a
 // custom Error class. This makes identification of what went wrong less straightforward
 export function isLedgerTransportStatusError(error: unknown): error is LedgerTransportStatusError {

apps/wallet/src/ui/app/components/ledger/useDeriveLedgerAccounts.ts

@@ -27,7 +27,7 @@ export function useDeriveLedgerAccounts(options: UseDeriveLedgerAccountOptions)
         queryKey: ['derive-ledger-accounts'],
         queryFn: () => {
             if (!iotaLedgerClient) {
-                throw new Error("The Iota application isn't open on a connected Ledger device");
+                throw new Error("The IOTA application isn't open on a connected Ledger device");
             }
             return deriveAccountsFromLedger(iotaLedgerClient, numAccountsToDerive);
         },

apps/wallet/src/ui/app/components/menu/content/WalletSettingsMenuList.tsx

@@ -68,7 +68,7 @@ function MenuList() {
                     weight="semibold"
                 />
                 <Text variant="bodySmall" weight="medium" color="steel">
-                    On Iota Wallet version v{version}
+                    On IOTA Wallet version v{version}
                 </Text>
             </div>
         </MenuLayout>

apps/wallet/src/ui/app/components/receipt-card/TxnAddressLink.tsx

@@ -15,7 +15,7 @@ export function TxnAddressLink({ address }: TxnAddressLinkProps) {
         <ExplorerLink
             type={ExplorerLinkType.Address}
             address={address}
-            title="View on Iota Explorer"
+            title="View on IOTA Explorer"
             showIcon={false}
         >
             {isIotaNSName(address) ? address : formatAddress(address)}

apps/wallet/src/ui/app/components/transactions-card/index.tsx

@@ -28,7 +28,7 @@ export function TransactionCard({ txn, address }: TransactionCardProps) {
         recognizedPackagesList,
     });
 
-    // we only show Iota Transfer amount or the first non-Iota transfer amount
+    // we only show IOTA Transfer amount or the first non-IOTA transfer amount
 
     const recipientAddress = useGetTxnRecipientAddress({ txn, address });
 

apps/wallet/src/ui/app/helpers/errorMessages.ts

@@ -42,7 +42,7 @@ export function getLedgerConnectionErrorMessage(error: unknown) {
 
 /**
  * Helper method for producing user-friendly error messages from errors that arise from
- * operations on the Iota Ledger application
+ * operations on the IOTA Ledger application
  */
 export function getIotaApplicationErrorMessage(error: unknown) {
     if (error instanceof LockedDeviceError) {
@@ -51,7 +51,7 @@ export function getIotaApplicationErrorMessage(error: unknown) {
         if (error.statusCode === StatusCodes.INS_NOT_SUPPORTED) {
             return "Something went wrong. We're working on it!";
         } else {
-            return 'Make sure the Iota app is open on your device.';
+            return 'Make sure the IOTA app is open on your device.';
         }
     }
     return null;

apps/wallet/src/ui/app/pages/accounts/manage/AccountGroup.tsx

@@ -113,7 +113,7 @@ function AccountFooter({ accountID, showExport }: { accountID: string; showExpor
                     {totalAccounts === 1 ? (
                         <div className="text-center">
                             <DialogDescription>
-                                Removing this account will require you to set up your Iota wallet
+                                Removing this account will require you to set up your IOTA wallet
                                 again.
                             </DialogDescription>
                         </div>

apps/wallet/src/ui/app/pages/home/nft-details/index.tsx

@@ -117,7 +117,7 @@ function NFTDetailsPage() {
                                                 mono
                                                 href={ownerExplorerLink}
                                                 text={formatAddress(ownerAddress)}
-                                                title="View on Iota Explorer"
+                                                title="View on IOTA Explorer"
                                             />
                                         }
                                     />
@@ -133,7 +133,7 @@ function NFTDetailsPage() {
                                                 mono
                                                 href={objectExplorerLink || ''}
                                                 text={formatAddress(nftId)}
-                                                title="View on Iota Explorer"
+                                                title="View on IOTA Explorer"
                                             />
                                         ) : null
                                     }

apps/wallet/src/ui/app/pages/home/tokens/TokensDetails.tsx

@@ -462,7 +462,7 @@ function TokenDetails({ coinType }: TokenDetailsProps) {
                                                 >
                                                     {isMainnet
                                                         ? 'Buy IOTA to get started'
-                                                        : 'To send transactions on the Iota network, you need IOTA in your wallet.'}
+                                                        : 'To send transactions on the IOTA network, you need IOTA in your wallet.'}
                                                 </Text>
                                             </div>
                                             <FaucetRequestButton />

apps/wallet/src/ui/app/pages/home/transactions/CompletedTransactions.tsx

@@ -21,7 +21,7 @@ export function CompletedTransactions() {
                     </ErrorBoundary>
                 ))
             ) : (
-                <NoActivityCard message="When available, your Iota network transactions will show up here." />
+                <NoActivityCard message="When available, your IOTA network transactions will show up here." />
             )}
         </Loading>
     );

apps/wallet/src/ui/app/staking/getAllStakeIota.ts

@@ -4,7 +4,7 @@
 
 import { type DelegatedStake } from '@iota/iota-sdk/client';
 
-// Get staked Iota
+// Get staked IOTA
 export function getAllStakeIota(allDelegation: DelegatedStake[]) {
     return (
         allDelegation.reduce(