@dynamic-labs/sdk-react-core 3.0.2 → 3.1.0

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+## [3.1.0](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.3...v3.1.0) (2024-09-19)
+
+
+### Features
+
+* add iconVariant prop to DynamicBridgeWidget ([#6915](https://github.com/dynamic-labs/DynamicAuth/issues/6915)) ([#6935](https://github.com/dynamic-labs/DynamicAuth/issues/6935)) ([e84874b](https://github.com/dynamic-labs/DynamicAuth/commit/e84874bedc965461ce5107e1cf773a55ed130d42))
+
+
+### Bug Fixes
+
+* don't try to set up event listeners if wallet provider doesn't support it ([#6944](https://github.com/dynamic-labs/DynamicAuth/issues/6944)) ([c043a85](https://github.com/dynamic-labs/DynamicAuth/commit/c043a853623951f2af32eefcd030931ca4c5a8be))
+
+### [3.0.3](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.2...v3.0.3) (2024-09-16)
+
+
+### Bug Fixes
+
+* deeplinking for  magic eden ethereum and btc ([#6919](https://github.com/dynamic-labs/DynamicAuth/issues/6919)) ([822efaa](https://github.com/dynamic-labs/DynamicAuth/commit/822efaabdec4415a031afabeef13b66ae7d3cd7c))
+* sendBitcoin for unisat ([#6903](https://github.com/dynamic-labs/DynamicAuth/issues/6903)) ([71f726d](https://github.com/dynamic-labs/DynamicAuth/commit/71f726df7d8ff8307048ba1390c4847a9b16ce64))
+
 ### [3.0.2](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.1...v3.0.2) (2024-09-13)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.2";
+var version = "3.1.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.529",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.2";
+var version = "3.1.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.529",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.2",
-    "@dynamic-labs/logger": "3.0.2",
-    "@dynamic-labs/message-transport": "3.0.2",
-    "@dynamic-labs/multi-wallet": "3.0.2",
-    "@dynamic-labs/rpc-providers": "3.0.2",
-    "@dynamic-labs/store": "3.0.2",
-    "@dynamic-labs/types": "3.0.2",
-    "@dynamic-labs/utils": "3.0.2",
-    "@dynamic-labs/wallet-book": "3.0.2",
-    "@dynamic-labs/wallet-connector-core": "3.0.2",
+    "@dynamic-labs/iconic": "3.1.0",
+    "@dynamic-labs/logger": "3.1.0",
+    "@dynamic-labs/message-transport": "3.1.0",
+    "@dynamic-labs/multi-wallet": "3.1.0",
+    "@dynamic-labs/rpc-providers": "3.1.0",
+    "@dynamic-labs/store": "3.1.0",
+    "@dynamic-labs/types": "3.1.0",
+    "@dynamic-labs/utils": "3.1.0",
+    "@dynamic-labs/wallet-book": "3.1.0",
+    "@dynamic-labs/wallet-connector-core": "3.1.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs

@@ -24,7 +24,7 @@ var Icon = require('../Icon/Icon.cjs');
 const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
     const { t } = reactI18next.useTranslation();
     const details = React.useMemo(() => {
-        const shortenAddress = shortenWalletAddress.shortenWalletAddress(address, 4, 4);
+        const shortenAddress = shortenWalletAddress.shortenWalletAddress(address);
         if (ens) {
             return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', truncate: true, children: ens }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: shortenAddress })] }));
         }

package/src/lib/components/WalletInformationCard/WalletInformationCard.js

@@ -20,7 +20,7 @@ import { Icon } from '../Icon/Icon.js';
 const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
     const { t } = useTranslation();
     const details = useMemo(() => {
-        const shortenAddress = shortenWalletAddress(address, 4, 4);
+        const shortenAddress = shortenWalletAddress(address);
         if (ens) {
             return (jsxs(Fragment, { children: [jsx(Typography, { color: 'primary', variant: 'body_normal', truncate: true, children: ens }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: shortenAddress })] }));
         }

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['bloctoevm', 'perawallet'];
+const specialCareWallets = ['bloctoevm', 'perawallet', 'metamaskstarknet'];
 const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.js

@@ -2,7 +2,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['bloctoevm', 'perawallet'];
+const specialCareWallets = ['bloctoevm', 'perawallet', 'metamaskstarknet'];
 const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+var walletBook = require('@dynamic-labs/wallet-book');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
@@ -16,7 +17,6 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -96,7 +96,7 @@ var InlineWidgetButton = require('../../components/InlineWidget/components/Inlin
 var InlineWidget = require('../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
+const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { t } = reactI18next.useTranslation();
@@ -114,7 +114,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                     const ChainIcon = getChainIcon.getChainIcon(chain);
                     const connectedChainWallets = connectedWallets.filter(({ chain: connectedChain }) => connectedChain === chain);
                     if (connectedChainWallets.length > 0) {
-                        return connectedChainWallets.map((wallet) => (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress.shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
+                        return connectedChainWallets.map((wallet) => (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: iconVariant === 'wallet' ? (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: wallet.connector.key })) : (jsxRuntime.jsx(ChainIcon, {})), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress.shortenWalletAddress(wallet.address) }, wallet.id)));
                     }
                     return (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                 }) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }));

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.d.ts

@@ -3,5 +3,6 @@ export type DynamicBridgeWidgetVariant = 'modal' | 'dropdown';
 export type DynamicBridgeWidgetProps = {
     className?: string;
     variant?: DynamicBridgeWidgetVariant;
+    iconVariant?: 'wallet' | 'chain';
 };
 export declare const DynamicBridgeWidget: FC<DynamicBridgeWidgetProps>;

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -2,6 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
@@ -12,7 +13,6 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
 import '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -92,7 +92,7 @@ import { InlineWidgetButton } from '../../components/InlineWidget/components/Inl
 import { InlineWidget } from '../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
+const DynamicBridgeWidget = ({ className, variant = 'modal', iconVariant = 'chain', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useDynamicBridgeWidgetContext();
     const { t } = useTranslation();
@@ -110,7 +110,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                     const ChainIcon = getChainIcon(chain);
                     const connectedChainWallets = connectedWallets.filter(({ chain: connectedChain }) => connectedChain === chain);
                     if (connectedChainWallets.length > 0) {
-                        return connectedChainWallets.map((wallet) => (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
+                        return connectedChainWallets.map((wallet) => (jsx(InlineWidgetButton, { icon: iconVariant === 'wallet' ? (jsx(WalletIcon, { walletKey: wallet.connector.key })) : (jsx(ChainIcon, {})), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress(wallet.address) }, wallet.id)));
                     }
                     return (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                 }) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }));