@dynamic-labs/sdk-react-core 1.1.0-alpha.18 → 1.1.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +10 -10
- package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs +1 -1
- package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +12 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +12 -1
- package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.d.ts +2 -1
- package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
|
|
2
|
+
## [1.1.0-alpha.19](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.18...v1.1.0-alpha.19) (2024-01-31)
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* add PhantomRedirect connector ([#4467](https://github.com/dynamic-labs/DynamicAuth/issues/4467)) ([75d6c95](https://github.com/dynamic-labs/DynamicAuth/commit/75d6c95940fcec185a699c2100b3e2d21a8233d5))
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* lock starknet to 5.25.0 since 5.27.0 breaks the build ([#4541](https://github.com/dynamic-labs/DynamicAuth/issues/4541)) ([00b4799](https://github.com/dynamic-labs/DynamicAuth/commit/00b479977f768cb067480e2e565eabf45e1000a2))
|
|
13
|
+
|
|
2
14
|
## [1.1.0-alpha.18](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.17...v1.1.0-alpha.18) (2024-01-30)
|
|
3
15
|
|
|
4
16
|
|
package/package.cjs
CHANGED
package/package.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dynamic-labs/sdk-react-core",
|
|
3
|
-
"version": "1.1.0-alpha.
|
|
3
|
+
"version": "1.1.0-alpha.19",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/dynamic-labs/DynamicAuth.git",
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
"react-focus-lock": "2.9.2",
|
|
18
18
|
"react-i18next": "^13.2.0",
|
|
19
19
|
"yup": "0.32.11",
|
|
20
|
-
"@dynamic-labs/ethereum": "1.1.0-alpha.
|
|
21
|
-
"@dynamic-labs/logger": "1.1.0-alpha.
|
|
22
|
-
"@dynamic-labs/multi-wallet": "1.1.0-alpha.
|
|
23
|
-
"@dynamic-labs/rpc-providers": "1.1.0-alpha.
|
|
24
|
-
"@dynamic-labs/types": "1.1.0-alpha.
|
|
25
|
-
"@dynamic-labs/utils": "1.1.0-alpha.
|
|
26
|
-
"@dynamic-labs/viem-utils": "1.1.0-alpha.
|
|
27
|
-
"@dynamic-labs/wallet-book": "1.1.0-alpha.
|
|
28
|
-
"@dynamic-labs/wallet-connector-core": "1.1.0-alpha.
|
|
20
|
+
"@dynamic-labs/ethereum": "1.1.0-alpha.19",
|
|
21
|
+
"@dynamic-labs/logger": "1.1.0-alpha.19",
|
|
22
|
+
"@dynamic-labs/multi-wallet": "1.1.0-alpha.19",
|
|
23
|
+
"@dynamic-labs/rpc-providers": "1.1.0-alpha.19",
|
|
24
|
+
"@dynamic-labs/types": "1.1.0-alpha.19",
|
|
25
|
+
"@dynamic-labs/utils": "1.1.0-alpha.19",
|
|
26
|
+
"@dynamic-labs/viem-utils": "1.1.0-alpha.19",
|
|
27
|
+
"@dynamic-labs/wallet-book": "1.1.0-alpha.19",
|
|
28
|
+
"@dynamic-labs/wallet-connector-core": "1.1.0-alpha.19",
|
|
29
29
|
"eventemitter3": "5.0.1"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
@@ -133,7 +133,7 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
|
|
|
133
133
|
if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
|
|
134
134
|
const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
|
|
135
135
|
const chainEnum = values.VerifiedCredentialNameToChainEnum[chain];
|
|
136
|
-
return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum }));
|
|
136
|
+
return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
|
|
137
137
|
}
|
|
138
138
|
if (MagicEmailOrSocialIcon) {
|
|
139
139
|
return showStatus ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsxRuntime.jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
|
|
@@ -129,7 +129,7 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
|
|
|
129
129
|
if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
|
|
130
130
|
const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
|
|
131
131
|
const chainEnum = VerifiedCredentialNameToChainEnum[chain];
|
|
132
|
-
return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum }));
|
|
132
|
+
return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
|
|
133
133
|
}
|
|
134
134
|
if (MagicEmailOrSocialIcon) {
|
|
135
135
|
return showStatus ? (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs
CHANGED
|
@@ -135,9 +135,20 @@ const ActiveWalletInformation = () => {
|
|
|
135
135
|
(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
|
|
136
136
|
[];
|
|
137
137
|
const showTestnetAlert = testnet && !isTurnkeyWalletWithoutAuthenticator;
|
|
138
|
+
const activeWalletAddress = () => {
|
|
139
|
+
if (isBitcoin) {
|
|
140
|
+
return (jsxRuntime.jsx(ActiveBitcoinWalletAddresses.ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options }));
|
|
141
|
+
}
|
|
142
|
+
else if (isEmbeddedWallet) {
|
|
143
|
+
return (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddreess, { address: address, nameServiceName: user === null || user === void 0 ? void 0 : user.email, menuOption: options }));
|
|
144
|
+
}
|
|
145
|
+
else {
|
|
146
|
+
return (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options }));
|
|
147
|
+
}
|
|
148
|
+
};
|
|
138
149
|
return (jsxRuntime.jsxs("div", { className: 'active-wallet-information-container', "data-testid": 'active-wallet-information', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__header', children: [jsxRuntime.jsx("div", { className: 'active-wallet-information__avatar', children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("div", { className: 'active-wallet-information__avatar', children: jsxRuntime.jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) })) : (jsxRuntime.jsx("div", { className: 'active-wallet-information__wallet-img', children: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { jwt: authToken, iconSize: ICON_SIZE, showStatus: !isEmbeddedWallet }) })) }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__details', children: [jsxRuntime.jsx("div", { className: classNames.classNames('active-wallet-information__addresses-container', {
|
|
139
150
|
'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
140
|
-
}), children:
|
|
151
|
+
}), children: activeWalletAddress() }), jsxRuntime.jsx(NetworkPicker.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 && (jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxRuntime.jsxs("div", { className: 'balance-container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsxRuntime.jsx(Balance.Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
|
|
141
152
|
};
|
|
142
153
|
|
|
143
154
|
exports.ActiveWalletInformation = ActiveWalletInformation;
|
package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js
CHANGED
|
@@ -131,9 +131,20 @@ const ActiveWalletInformation = () => {
|
|
|
131
131
|
(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
|
|
132
132
|
[];
|
|
133
133
|
const showTestnetAlert = testnet && !isTurnkeyWalletWithoutAuthenticator;
|
|
134
|
+
const activeWalletAddress = () => {
|
|
135
|
+
if (isBitcoin) {
|
|
136
|
+
return (jsx(ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options }));
|
|
137
|
+
}
|
|
138
|
+
else if (isEmbeddedWallet) {
|
|
139
|
+
return (jsx(ActiveWalletAddreess, { address: address, nameServiceName: user === null || user === void 0 ? void 0 : user.email, menuOption: options }));
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
return (jsx(ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options }));
|
|
143
|
+
}
|
|
144
|
+
};
|
|
134
145
|
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', {
|
|
135
146
|
'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
|
|
136
|
-
}), children:
|
|
147
|
+
}), children: activeWalletAddress() }), 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 }))] })] }));
|
|
137
148
|
};
|
|
138
149
|
|
|
139
150
|
export { ActiveWalletInformation };
|
package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs
CHANGED
|
@@ -23,12 +23,12 @@ var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs'
|
|
|
23
23
|
require('viem/chains');
|
|
24
24
|
var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
|
|
25
25
|
|
|
26
|
-
const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
|
|
26
|
+
const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, showNetwork = true, }) => {
|
|
27
27
|
const ChainIcon = chainName ? getChainIcon.getChainIcon(chainName) : undefined;
|
|
28
28
|
return (jsxRuntime.jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsxRuntime.jsx(Icon, { style: {
|
|
29
29
|
height: pixelToRem.pixelToRem(iconSize),
|
|
30
30
|
width: pixelToRem.pixelToRem(iconSize),
|
|
31
|
-
} }), ChainIcon && (jsxRuntime.jsx("div", { "data-testid": 'network-container', className: classNames.classNames('wallet-icon-with-network__network-container'), children: jsxRuntime.jsx(ChainIcon, {}) }))] }));
|
|
31
|
+
} }), ChainIcon && showNetwork && (jsxRuntime.jsx("div", { "data-testid": 'network-container', className: classNames.classNames('wallet-icon-with-network__network-container'), children: jsxRuntime.jsx(ChainIcon, {}) }))] }));
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
exports.WalletIconWithNetwork = WalletIconWithNetwork;
|
package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ type Props = {
|
|
|
4
4
|
iconSize?: number;
|
|
5
5
|
chainName: string;
|
|
6
6
|
Icon: Icon;
|
|
7
|
+
showNetwork?: boolean;
|
|
7
8
|
};
|
|
8
|
-
export declare const WalletIconWithNetwork: ({ iconSize, chainName, Icon, }: Props) => JSX.Element;
|
|
9
|
+
export declare const WalletIconWithNetwork: ({ iconSize, chainName, Icon, showNetwork, }: Props) => JSX.Element;
|
|
9
10
|
export {};
|
package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js
CHANGED
|
@@ -19,12 +19,12 @@ import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js
|
|
|
19
19
|
import 'viem/chains';
|
|
20
20
|
import { classNames } from '../../../../utils/functions/classNames/classNames.js';
|
|
21
21
|
|
|
22
|
-
const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
|
|
22
|
+
const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, showNetwork = true, }) => {
|
|
23
23
|
const ChainIcon = chainName ? getChainIcon(chainName) : undefined;
|
|
24
24
|
return (jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsx(Icon, { style: {
|
|
25
25
|
height: pixelToRem(iconSize),
|
|
26
26
|
width: pixelToRem(iconSize),
|
|
27
|
-
} }), ChainIcon && (jsx("div", { "data-testid": 'network-container', className: classNames('wallet-icon-with-network__network-container'), children: jsx(ChainIcon, {}) }))] }));
|
|
27
|
+
} }), ChainIcon && showNetwork && (jsx("div", { "data-testid": 'network-container', className: classNames('wallet-icon-with-network__network-container'), children: jsx(ChainIcon, {}) }))] }));
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
export { WalletIconWithNetwork };
|