2.3.0 to master

package.json

@@ -1,7 +1,7 @@
 {
   "name": "Casper Wallet",
   "description": "Securely manage your CSPR tokens and interact with dapps with the self-custody wallet for the Casper blockchain.",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "author": "MAKE LLC",
   "scripts": {
     "devtools:redux": "redux-devtools --hostname=localhost",
@@ -52,14 +52,14 @@
     "styled-components": "^5"
   },
   "dependencies": {
-    "@bringweb3/chrome-extension-kit": "^1.4.3",
+    "@bringweb3/chrome-extension-kit": "^1.5.2",
     "@formatjs/intl": "2.10.4",
     "@hookform/resolvers": "2.9.10",
     "@lapo/asn1js": "1.2.4",
-    "@ledgerhq/hw-transport": "^6.30.6",
-    "@ledgerhq/hw-transport-web-ble": "^6.28.6",
-    "@ledgerhq/hw-transport-webhid": "^6.30.0",
-    "@ledgerhq/hw-transport-webusb": "^6.28.6",
+    "@ledgerhq/hw-transport": "^6.31.12",
+    "@ledgerhq/hw-transport-web-ble": "^6.29.12",
+    "@ledgerhq/hw-transport-webhid": "^6.30.8",
+    "@ledgerhq/hw-transport-webusb": "^6.29.12",
     "@lottiefiles/react-lottie-player": "3.6.0",
     "@noble/ciphers": "^1.3.0",
     "@scure/bip32": "1.6.2",
@@ -71,14 +71,15 @@
     "base64-loader": "1.0.0",
     "big.js": "^6.2.1",
     "casper-js-sdk": "^5.0.6",
-    "casper-wallet-core": "git+ssh://[email protected]:make-software/casper-wallet-core.git#v1.1.5",
+    "casper-wallet-core": "git+ssh://[email protected]:make-software/casper-wallet-core.git#9e68c6e6fd2f39db9078d5fdc05348ea27f22e45",
     "date-fns": "^2.30.0",
     "dotenv-webpack": "^8.1.0",
     "i18next": "^23.11.0",
     "i18next-browser-languagedetector": "^7.2.1",
     "i18next-http-backend": "2.5.0",
     "i18next-parser": "^9.3.0",
     "jszip": "^3.10.1",
+    "libsodium-wrappers-sumo": "^0.8.2",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "4.1.1",
     "mac-scrollbar": "^0.13.6",
@@ -116,7 +117,7 @@
     "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "^7.23.3",
-    "@playwright/test": "^1.50.1",
+    "@playwright/test": "^1.56.1",
     "@redux-devtools/cli": "^4.0.0",
     "@redux-devtools/remote": "^0.9.3",
     "@testing-library/dom": "9.3.4",
@@ -164,7 +165,7 @@
     "lint-staged": "^15.5.1",
     "markdownlint": "0.34.0",
     "markdownlint-cli": "0.42.0",
-    "playwright": "^1.50.1",
+    "playwright": "^1.56.1",
     "prettier": "3.1.0",
     "source-map-loader": "5.0.0",
     "style-loader": "^3.3.4",
@@ -175,7 +176,7 @@
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "5.4.5",
     "url-loader": "^4.1.1",
-    "web-ext": "^8.4.0",
+    "web-ext": "^8.10.0",
     "webextension-polyfill": "0.10.0",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",

scripts/build_all.sh

@@ -1,3 +1,3 @@
 HASH=$(git rev-parse --short HEAD)
 
-npm run build:chrome && npm run build:firefox && cd ./build && zip -r casper-wallet-2.2.1rc1#$HASH.zip ./* && npm run build:src
+npm run build:chrome && npm run build:firefox && cd ./build && zip -r casper-wallet-2.3.0rc3#$HASH.zip ./* && npm run build:src

src/apps/popup/pages/deploy-details/components/action-rows/default-action-rows.tsx

@@ -1,3 +1,4 @@
+import { formatAddress } from 'casper-wallet-core';
 import { Maybe } from 'casper-wallet-core/src/typings/common';
 import React from 'react';
 
@@ -29,7 +30,7 @@ export const DefaultActionRows = ({
     <SimpleContainer title={title}>
       <ContractInfoRow
         contractPackageHash={contractPackageHash}
-        contractName={contractName || 'Unknown Contract'}
+        contractName={contractName || formatAddress(contractPackageHash)}
         label="with"
         iconUrl={iconUrl}
         additionalInfo={additionalInfo}

src/apps/popup/pages/deploy-details/components/deploy-details-action.tsx

@@ -6,7 +6,7 @@ import {
   isCep18Deploy,
   isNativeCsprDeploy,
   isNftDeploy,
-  isWasmDeployExecutionType
+  isWasmDeploy
 } from 'casper-wallet-core/src/utils/deploy';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -75,7 +75,7 @@ export const DeployDetailsAction = ({ deploy }: ActionProps) => {
     );
   }
 
-  if (isWasmDeployExecutionType(deploy)) {
+  if (isWasmDeploy(deploy)) {
     return (
       <Container>
         <Typography type="bodySemiBold">{title}</Typography>
@@ -134,6 +134,7 @@ export const DeployDetailsAction = ({ deploy }: ActionProps) => {
         title={title}
         contractName={deploy.contractName}
         contractPackageHash={deploy.contractPackageHash}
+        iconUrl={deploy.iconUrl ?? undefined}
       />
     </Container>
   );

src/apps/popup/pages/deploy-details/content.tsx

@@ -37,6 +37,7 @@ import { formatShortTimestamp } from '@libs/ui/utils';
 
 const TitleContainer = styled(SpaceBetweenFlexRow)`
   align-items: end;
+  gap: 8px;
 `;
 
 const RowsContainer = styled(FlexColumn)<BorderBottomPseudoElementProps>`
@@ -89,13 +90,13 @@ export const DeployDetailsPageContent = ({
     return null;
   }
 
-  const deployName = getEntryPointName(singleDeploy, true);
+  const deployName = getEntryPointName(singleDeploy, true, true);
 
   return (
     <ContentContainer>
       <ParagraphContainer top={SpacingSize.XL}>
-        <TitleContainer wrap={'wrap'}>
-          <Typography type="header" wordBreak>
+        <TitleContainer>
+          <Typography type="header">
             <Trans t={t}>{deployName}</Trans>
           </Typography>
           <DeployStatus

src/apps/popup/pages/deploy-details/utils.ts

@@ -1,18 +1,24 @@
-import { IDeploy } from 'casper-wallet-core';
-import { isWasmDeployExecutionType } from 'casper-wallet-core/src/utils/deploy';
+import { IDeploy, isWasmDeploy } from 'casper-wallet-core';
+import { isWasmProxyDeploy } from 'casper-wallet-core/src/utils/deploy';
 
 import {
   DeployActionEntryPointNameMap,
   DeployPlateEntryPointNameMap,
   ExecutionTypesMap
 } from '@src/constants';
 
-export const getEntryPointName = (deploy: IDeploy, isAction?: boolean) => {
+export const getEntryPointName = (
+  deploy: IDeploy,
+  isAction?: boolean,
+  isHeader = false
+) => {
   if (deploy?.type === 'CSPR_NATIVE') {
     return 'Transfer';
   } else if (deploy?.type === 'ASSOCIATED_KEYS') {
     return 'Update account';
-  } else if (isWasmDeployExecutionType(deploy)) {
+  } else if (isWasmDeploy(deploy)) {
+    return 'WASM transaction';
+  } else if (isWasmProxyDeploy(deploy) && isHeader) {
     return 'WASM transaction';
   }
 

src/apps/signature-request/app-router.tsx

@@ -14,6 +14,7 @@ import { selectVaultIsLocked } from '@background/redux/session/selectors';
 
 import { ErrorPath, LockedRouter, WindowErrorPage } from '@libs/layout';
 
+import { DecryptMessagePage } from './pages/decrypt-message';
 import { SignMessagePage } from './pages/sign-message';
 import { SignTransactionPage } from './pages/sign-transaction';
 
@@ -30,6 +31,10 @@ export function AppRouter() {
       <Routes>
         <Route path={RouterPath.SignDeploy} element={<SignTransactionPage />} />
         <Route path={RouterPath.SignMessage} element={<SignMessagePage />} />
+        <Route
+          path={RouterPath.DecryptMessage}
+          element={<DecryptMessagePage />}
+        />
         <Route
           path={ErrorPath}
           element={

src/apps/signature-request/pages/decrypt-message/decrypt-message-content.tsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useTheme } from 'styled-components';
+
+import {
+  ContentContainer,
+  PageContainer,
+  ParagraphContainer,
+  SpacingSize
+} from '@libs/layout';
+import { FormField, Input, TextArea, Typography } from '@libs/ui/components';
+import { truncateKey } from '@libs/ui/components/hash/utils';
+
+export interface SignMessageContentProps {
+  message: string;
+  hasDecryptionError: boolean;
+  decryptedMessage: string;
+  publicKeyHex: string;
+}
+
+export function DecryptMessageContent({
+  message,
+  hasDecryptionError,
+  decryptedMessage,
+  publicKeyHex
+}: SignMessageContentProps) {
+  const { t } = useTranslation();
+  const theme = useTheme();
+
+  return (
+    <PageContainer>
+      <ContentContainer>
+        <ParagraphContainer top={SpacingSize.XL}>
+          <Typography type="header">
+            <Trans t={t}>Decrypt Message Request</Trans>
+          </Typography>
+        </ParagraphContainer>
+        {hasDecryptionError && (
+          <ParagraphContainer top={SpacingSize.XL}>
+            <FormField label={t('Decryption error:')}>
+              <Typography type="body" color="contentWarning">
+                <TextArea
+                  value={'Unable to decrypt message with provided publicKey'}
+                  readOnly
+                  style={{
+                    maxHeight: 125,
+                    color: theme.color.contentActionCritical
+                  }}
+                />
+              </Typography>
+            </FormField>
+          </ParagraphContainer>
+        )}
+        <ParagraphContainer top={SpacingSize.XL}>
+          <FormField
+            label={t(decryptedMessage ? 'Decrypted message:' : 'Message:')}
+          >
+            <Typography type="body">
+              <TextArea
+                value={decryptedMessage || message}
+                readOnly
+                style={{ minHeight: 220 }}
+              />
+            </Typography>
+          </FormField>
+        </ParagraphContainer>
+        <ParagraphContainer top={SpacingSize.Small}>
+          <FormField label={t('Signing Key:')}>
+            <Typography type="body">
+              <Input
+                value={truncateKey(publicKeyHex, { size: 'max' })}
+                monotype
+                readOnly
+              />
+            </Typography>
+          </FormField>
+        </ParagraphContainer>
+      </ContentContainer>
+    </PageContainer>
+  );
+}