@dynamic-labs/sdk-react-core 1.1.0-alpha.15 → 1.1.0-alpha.17

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -79,6 +79,7 @@ import { ActiveWalletAddreess } from './ActiveWalletAddress/ActiveWalletAddress.
 
 const ICON_SIZE = 28;
 const ActiveWalletInformation = () => {
+    var _a, _b;
     const { t } = useTranslation();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
     const { primaryWallet, authToken, network, projectSettings, handleLogOut, user, } = useInternalDynamicContext();
@@ -92,6 +93,7 @@ const ActiveWalletInformation = () => {
         ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
         : primaryWallet;
     const isBitcoin = primaryWallet && isBitcoinConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
+    const isEmbeddedWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey')));
     const options = [
         {
             Icon: null,
@@ -121,7 +123,7 @@ const ActiveWalletInformation = () => {
         {
             Icon: null,
             callback: handleLogOut,
-            hide: Boolean(wallet && wallet.connector.key.startsWith('turnkey')),
+            hide: isEmbeddedWallet,
             text: 'Disconnect',
         },
     ];
@@ -129,7 +131,7 @@ const ActiveWalletInformation = () => {
         (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
         [];
     const showTestnetAlert = testnet && !isTurnkeyWalletWithoutAuthenticator;
-    return (jsxs("div", { className: 'active-wallet-information-container', "data-testid": 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information__header', children: [jsx("div", { className: 'active-wallet-information__avatar', children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("div", { className: 'active-wallet-information__avatar', children: jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) })) : (jsx("div", { className: 'active-wallet-information__wallet-img', children: jsx(AuthProviderIcon, { jwt: authToken, iconSize: ICON_SIZE, showStatus: true }) })) }), jsxs("div", { className: 'active-wallet-information__details', children: [jsx("div", { className: classNames('active-wallet-information__addresses-container', {
+    return (jsxs("div", { className: 'active-wallet-information-container', "data-testid": 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information__header', children: [jsx("div", { className: 'active-wallet-information__avatar', children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("div", { className: 'active-wallet-information__avatar', children: jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) })) : (jsx("div", { className: 'active-wallet-information__wallet-img', children: jsx(AuthProviderIcon, { jwt: authToken, iconSize: ICON_SIZE, showStatus: !isEmbeddedWallet }) })) }), jsxs("div", { className: 'active-wallet-information__details', children: [jsx("div", { className: classNames('active-wallet-information__addresses-container', {
                                             'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
                                         }), children: isBitcoin ? (jsx(ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options })) : (jsx(ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options })) }), jsx(NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] })] }), showTestnetAlert && (jsx(Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxs("div", { className: 'balance-container', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsx(Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
 };

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+var getChainIcon = require('../../../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('react');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../shared/consts/index.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('viem/chains');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
+
+const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
+    const ChainIcon = chainName ? getChainIcon.getChainIcon(chainName) : undefined;
+    return (jsxRuntime.jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsxRuntime.jsx(Icon, { style: {
+                    height: pixelToRem.pixelToRem(iconSize),
+                    width: pixelToRem.pixelToRem(iconSize),
+                } }), ChainIcon && (jsxRuntime.jsx("div", { "data-testid": 'network-container', className: classNames.classNames('wallet-icon-with-network__network-container'), children: jsxRuntime.jsx(ChainIcon, {}) }))] }));
+};
+
+exports.WalletIconWithNetwork = WalletIconWithNetwork;

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Icon } from '../../../../shared';
+type Props = {
+    iconSize?: number;
+    chainName: string;
+    Icon: Icon;
+};
+export declare const WalletIconWithNetwork: ({ iconSize, chainName, Icon, }: Props) => JSX.Element;
+export {};

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import { getChainIcon } from '../../../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import 'react';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
+import '../../../../shared/consts/index.js';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
+import 'viem/chains';
+import { classNames } from '../../../../utils/functions/classNames/classNames.js';
+
+const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
+    const ChainIcon = chainName ? getChainIcon(chainName) : undefined;
+    return (jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsx(Icon, { style: {
+                    height: pixelToRem(iconSize),
+                    width: pixelToRem(iconSize),
+                } }), ChainIcon && (jsx("div", { "data-testid": 'network-container', className: classNames('wallet-icon-with-network__network-container'), children: jsx(ChainIcon, {}) }))] }));
+};
+
+export { WalletIconWithNetwork };

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/index.d.ts

@@ -0,0 +1 @@
+export { WalletIconWithNetwork } from './WalletIconWithNetwork';