Release/2.1.0 (#1202)

* Add PortalTooltip

* Add MaybeLink

* Add HashTooltip

* Add CopyToClipboardComponent

* Add HeaderSigningAccount

* Add ActiveOriginFavicon redux state

* Add Hunan readable signing page

* Update tooltip behaviour

* Add disabled state to modal

* Refactor Hash component: integrate `PortalTooltip`, restructure props, and update UI

* Prepare app to execution_type_id = 7

* Add copy icon functionality and enhance `AccountInfoRow` component props

* Refactor deploy action row components to accept individual props instead of deploy objects and add optional `contractLink` and `accountLink` support.

* Add `nftTokenUrlsMap` support to NFT-related components and update `casper-wallet-core` dependency

* Try to fix an issue with wrapping on Windows Chrome

* Update `casper-wallet-core` dependency to latest commit

* Update `casper-wallet-core` dependency and adjust truncated size in `unknown-contract-action-rows` component

* Release 2.1.0 version

Author: Comp0te

package-lock.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.0.5",
+  "version": "2.1.0",
   "author": "MAKE LLC",
   "scripts": {
     "devtools:redux": "redux-devtools --hostname=localhost",
@@ -70,8 +70,8 @@
     "@zondax/ledger-casper": "^2.6.3",
     "base64-loader": "1.0.0",
     "big.js": "^6.2.1",
-    "casper-js-sdk": "5.0.5",
-    "casper-wallet-core": "git+ssh://git@github.com:make-software/casper-wallet-core.git#v1.0.5",
+    "casper-js-sdk": "^5.0.6",
+    "casper-wallet-core": "git+ssh://git@github.com:make-software/casper-wallet-core.git#v1.1.0",
     "confetti-js": "^0.0.18",
     "date-fns": "^2.30.0",
     "dotenv-webpack": "^8.1.0",

package.json

@@ -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.0.4#$HASH.zip ./* && npm run build:src
+npm run build:chrome && npm run build:firefox && cd ./build && zip -r casper-wallet-2.1.0rc8#$HASH.zip ./* && npm run build:src

scripts/build_all.sh

@@ -142,6 +142,7 @@ export function SelectAccountContent({
                     {account.name}
                   </Typography>
                   <Hash
+                    label={t('Public key')}
                     value={account.publicKey}
                     variant={HashVariant.CaptionHash}
                     truncated

src/apps/connect-to-app/pages/select-account/content.tsx

@@ -146,6 +146,7 @@ export function SwitchAccountContent({ requestId }: SwitchAccountContentProps) {
                         />
                         <Typography type="body">{account.name}</Typography>
                         <Hash
+                          label={t('Public key')}
                           value={account.publicKey}
                           csprName={csprName}
                           variant={HashVariant.CaptionHash}

src/apps/connect-to-app/pages/switch-account/content.tsx

@@ -81,6 +81,7 @@ export const UnconnectedAccountsList = ({
                   />
                   <Typography type="body">{unconnectedAccount.name}</Typography>
                   <Hash
+                    label={t('Public key')}
                     value={unconnectedAccount.publicKey}
                     variant={HashVariant.CaptionHash}
                     csprName={csprName}

src/apps/connect-to-app/pages/switch-account/unconnected-accounts-list.tsx

@@ -111,6 +111,7 @@ export function ConnectAnotherAccountPageContent() {
                 <LeftAlignedFlexColumn>
                   <Typography type="body">{targetAccount.name}</Typography>
                   <Hash
+                    label={t('Public key')}
                     value={targetAccount.publicKey}
                     csprName={targetAccountCsprName}
                     variant={HashVariant.CaptionHash}
@@ -153,6 +154,7 @@ export function ConnectAnotherAccountPageContent() {
                 <LeftAlignedFlexColumn>
                   <Typography type="body">{account.name}</Typography>
                   <Hash
+                    label={t('Public key')}
                     value={account.publicKey}
                     variant={HashVariant.CaptionHash}
                     csprName={csprName}

src/apps/popup/pages/connect-another-account/index.tsx

@@ -1,5 +1,6 @@
 import { Maybe } from 'casper-wallet-core/src/typings/common';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 
 import {
@@ -35,13 +36,16 @@ export function SiteGroupItem({
   hardware,
   csprName
 }: SiteGroupItemProps) {
+  const { t } = useTranslation();
+
   return (
     <SiteGroupItemContainer>
       <AccountNameAndPublicKeyContainer>
         <Typography type="body" dataTestId="account-name">
           {name}
         </Typography>
         <Hash
+          label={t('Public key')}
           variant={HashVariant.CaptionHash}
           csprName={csprName}
           value={publicKey}

src/apps/popup/pages/connected-sites/site-group-item.tsx

@@ -1,5 +1,6 @@
 import { Maybe } from 'casper-wallet-core/src/typings/common';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 
 import { RouterPath, useTypedNavigate } from '@popup/router';
@@ -27,6 +28,7 @@ export const ContactsPlate = ({
   brandingLogo
 }: ContactsPlateProps) => {
   const navigate = useTypedNavigate();
+  const { t } = useTranslation();
 
   return (
     <Container
@@ -44,6 +46,7 @@ export const ContactsPlate = ({
       <FlexColumn>
         <Typography type="captionRegular">{name}</Typography>
         <Hash
+          label={t('Public key')}
           value={publicKey}
           csprName={csprName}
           variant={HashVariant.CaptionHash}

src/apps/popup/pages/contacts/components/contacts-plate.tsx

@@ -20,13 +20,15 @@ interface AssociatedActionRowsProps {
   contractPackageHash: string;
   contractName: string;
   callerAccountInfo: Maybe<IAccountInfo>;
+  contractLink?: Maybe<string>;
 }
 
 export const AssociatedActionRows = ({
   publicKey,
   contractPackageHash,
   contractName,
-  callerAccountInfo
+  callerAccountInfo,
+  contractLink
 }: AssociatedActionRowsProps) => {
   const { t } = useTranslation();
 
@@ -47,6 +49,7 @@ export const AssociatedActionRows = ({
           isAction
           csprName={callerAccountInfo?.csprName}
           imgLogo={callerAccountInfo?.brandingLogo}
+          accountLink={callerAccountInfo?.explorerLink}
         />
       </AlignedFlexRow>
       <AlignedFlexRow gap={SpacingSize.Small}>
@@ -59,7 +62,7 @@ export const AssociatedActionRows = ({
           accountName={contractName}
           iconUrl={DeployIcon.AssociatedKeys}
         />
-        <Link color="contentAction" href={link} target="_blank">
+        <Link color="contentAction" href={contractLink ?? link} target="_blank">
           <Typography type="captionRegular">{contractName}</Typography>
         </Link>
       </AlignedFlexRow>