@rango-dev/widget-embedded 0.50.1-next.5 → 0.50.1-next.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.50.1-next.5",
+  "version": "0.50.1-next.7",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,15 +25,15 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.11.0",
-    "@rango-dev/provider-all": "^0.52.1-next.3",
+    "@rango-dev/provider-all": "^0.52.1-next.5",
     "@rango-dev/queue-manager-core": "^0.32.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.52.1-next.2",
+    "@rango-dev/queue-manager-rango-preset": "^0.52.1-next.4",
     "@rango-dev/queue-manager-react": "^0.32.0",
     "@rango-dev/signer-solana": "^0.44.0",
-    "@rango-dev/ui": "^0.53.1-next.4",
-    "@rango-dev/wallets-core": "^0.49.1-next.2",
-    "@rango-dev/wallets-react": "^0.36.1-next.2",
-    "@rango-dev/wallets-shared": "^0.50.1-next.2",
+    "@rango-dev/ui": "^0.53.1-next.6",
+    "@rango-dev/wallets-core": "^0.49.1-next.4",
+    "@rango-dev/wallets-react": "^0.36.1-next.4",
+    "@rango-dev/wallets-shared": "^0.50.1-next.4",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/WalletStatefulConnect/ConnectStatus.styles.ts

@@ -36,9 +36,3 @@ export const Spinner = styled('div', {
   right: 0,
   left: 0,
 });
-
-export const WalletImageContainer = styled('div', {
-  '& img': {
-    borderRadius: '50%',
-  },
-});

package/src/components/WalletStatefulConnect/ConnectStatus.tsx

@@ -1,17 +1,18 @@
 import type { ConnectStatusProps } from './ConnectStatus.types';
 
 import { i18n } from '@lingui/core';
-import { Image, MessageBox, WalletState } from '@rango-dev/ui';
+import {
+  Image,
+  MessageBox,
+  WalletImageContainer,
+  WalletState,
+} from '@rango-dev/ui';
 import { useWallets } from '@rango-dev/wallets-react';
 import React from 'react';
 
 import { mapStatusToWalletState } from '../../utils/wallets';
 
-import {
-  LogoContainer,
-  Spinner,
-  WalletImageContainer,
-} from './ConnectStatus.styles';
+import { LogoContainer, Spinner } from './ConnectStatus.styles';
 
 export function ConnectStatus(props: ConnectStatusProps) {
   // See `wallet` notes on its type definition

package/src/components/WalletStatefulConnect/Detached.tsx

@@ -3,7 +3,14 @@ import type { LegacyNamespaceMeta } from '@rango-dev/wallets-core/legacy';
 import type { Namespace } from '@rango-dev/wallets-core/namespaces/common';
 
 import { i18n } from '@lingui/core';
-import { Alert, Button, Divider, Image, MessageBox } from '@rango-dev/ui';
+import {
+  Alert,
+  Button,
+  Divider,
+  Image,
+  MessageBox,
+  WalletImageContainer,
+} from '@rango-dev/ui';
 import { useWallets } from '@rango-dev/wallets-react';
 import React from 'react';
 
@@ -146,7 +153,11 @@ export function Detached(props: PropTypes) {
         description={i18n.t(
           'This wallet supports multiple chains. Choose which chains you’d like to connect or disconnect.'
         )}
-        icon={<Image src={targetWallet.image} size={45} />}
+        icon={
+          <WalletImageContainer>
+            <Image src={targetWallet.image} size={45} />
+          </WalletImageContainer>
+        }
       />
       {renderNamespaceListHeader()}
       <NamespaceList id="widget-detached-namespace-list">

package/src/components/WalletStatefulConnect/Namespaces.tsx

@@ -9,6 +9,7 @@ import {
   Image,
   MessageBox,
   RadioRoot,
+  WalletImageContainer,
 } from '@rango-dev/ui';
 import React, { useEffect, useMemo, useState } from 'react';
 
@@ -111,7 +112,11 @@ export function Namespaces(props: PropTypes) {
         description={i18n.t(
           'This wallet supports multiple chains. Choose which chains you’d like to connect.'
         )}
-        icon={<Image src={providerImage} size={45} />}
+        icon={
+          <WalletImageContainer>
+            <Image src={providerImage} size={45} />
+          </WalletImageContainer>
+        }
       />
       {singleNamespace ? (
         <>