@dynamic-labs/sdk-react-core 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [1.0.8](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.7...v1.0.8) (2024-01-26)
+
+
+### Bug Fixes
+
+* pass id to wagmi chain override ([#4512](https://github.com/dynamic-labs/DynamicAuth/issues/4512)) ([#4514](https://github.com/dynamic-labs/DynamicAuth/issues/4514)) ([0e6da01](https://github.com/dynamic-labs/DynamicAuth/commit/0e6da0108d30b9ae65062126f4a41543740acc87))
+
 ### [1.0.7](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.6...v1.0.7) (2024-01-25)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.0.7";
+var version = "1.0.8";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.48",
 	"@dynamic-labs/sdk-api": "0.0.347",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.0.7";
+var version = "1.0.8";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.48",
 	"@dynamic-labs/sdk-api": "0.0.347",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,15 +17,15 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.0.7",
-    "@dynamic-labs/logger": "1.0.7",
-    "@dynamic-labs/multi-wallet": "1.0.7",
-    "@dynamic-labs/rpc-providers": "1.0.7",
-    "@dynamic-labs/types": "1.0.7",
-    "@dynamic-labs/utils": "1.0.7",
-    "@dynamic-labs/viem-utils": "1.0.7",
-    "@dynamic-labs/wallet-book": "1.0.7",
-    "@dynamic-labs/wallet-connector-core": "1.0.7",
+    "@dynamic-labs/ethereum": "1.0.8",
+    "@dynamic-labs/logger": "1.0.8",
+    "@dynamic-labs/multi-wallet": "1.0.8",
+    "@dynamic-labs/rpc-providers": "1.0.8",
+    "@dynamic-labs/types": "1.0.8",
+    "@dynamic-labs/utils": "1.0.8",
+    "@dynamic-labs/viem-utils": "1.0.8",
+    "@dynamic-labs/wallet-book": "1.0.8",
+    "@dynamic-labs/wallet-connector-core": "1.0.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/Main.cjs

@@ -24,6 +24,7 @@ var index$1 = require('./shared/consts/index.cjs');
 require('./context/DynamicContext/DynamicContext.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
 var UserWalletsContext = require('./context/UserWalletsContext/UserWalletsContext.cjs');
+require('react-i18next');
 require('./context/CaptchaContext/CaptchaContext.cjs');
 require('./context/ErrorContext/ErrorContext.cjs');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
@@ -37,7 +38,6 @@ var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletN
 require('./context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('./context/MockContext/MockContext.cjs');
 require('./utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('./context/UserFieldEditorContext/UserFieldEditorContext.cjs');

package/src/lib/Main.js

@@ -20,6 +20,7 @@ import { authModalZIndex } from './shared/consts/index.js';
 import './context/DynamicContext/DynamicContext.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
 import { useUserWallets } from './context/UserWalletsContext/UserWalletsContext.js';
+import 'react-i18next';
 import './context/CaptchaContext/CaptchaContext.js';
 import './context/ErrorContext/ErrorContext.js';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
@@ -33,7 +34,6 @@ import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalle
 import './context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import './context/MockContext/MockContext.js';
 import './utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import './context/UserFieldEditorContext/UserFieldEditorContext.js';

package/src/lib/components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.d.ts

@@ -1,8 +1,9 @@
 import { FC, MouseEventHandler, PropsWithChildren, ReactElement } from 'react';
+import { CopyKey } from '../../../../shared';
 type InlineWidgetButtonProps = {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     icon?: ReactElement;
     className?: string;
-};
+} & CopyKey;
 export declare const InlineWidgetButton: FC<PropsWithChildren<InlineWidgetButtonProps>>;
 export {};

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var Typography = require('../Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
@@ -20,6 +21,7 @@ require('../../shared/consts/index.cjs');
 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);
         if (ens) {
@@ -27,7 +29,7 @@ const WalletInformationCard = ({ address, ens, balance, icon, network, menu, })
         }
         return (jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenAddress }));
     }, [ens, address]);
-    return (jsxRuntime.jsxs("div", { className: 'wallet-information-card', children: [jsxRuntime.jsxs("div", { className: 'wallet-information-card__header', children: [jsxRuntime.jsxs("div", { className: 'wallet-information-card__details-container', children: [icon && (jsxRuntime.jsx(Icon.Icon, { className: 'wallet-information-card__icon', children: icon })), jsxRuntime.jsx("div", { className: 'wallet-information-card__details', children: details }), jsxRuntime.jsx("div", { className: 'wallet-information-card__menu', children: menu })] }), network] }), jsxRuntime.jsxs("div", { className: 'wallet-information-card__balance-container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), balance] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'wallet-information-card', children: [jsxRuntime.jsxs("div", { className: 'wallet-information-card__header', children: [jsxRuntime.jsxs("div", { className: 'wallet-information-card__details-container', children: [icon && (jsxRuntime.jsx(Icon.Icon, { className: 'wallet-information-card__icon', children: icon })), jsxRuntime.jsx("div", { className: 'wallet-information-card__details', children: details }), jsxRuntime.jsx("div", { className: 'wallet-information-card__menu', children: menu })] }), network] }), jsxRuntime.jsxs("div", { className: 'wallet-information-card__balance-container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', copykey: 'dyn_wallet_information.balance', children: t('dyn_wallet_information.balance') }), balance] })] }));
 };
 
 exports.WalletInformationCard = WalletInformationCard;

package/src/lib/components/WalletInformationCard/WalletInformationCard.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactElement, ReactNode } from 'react';
+import { CopyKey } from '../../shared';
 type WalletInformationCardProps = {
     address: string;
     ens?: string;
@@ -6,6 +7,6 @@ type WalletInformationCardProps = {
     network?: ReactNode;
     balance?: ReactNode;
     menu?: ReactNode;
-};
+} & CopyKey;
 export declare const WalletInformationCard: FC<WalletInformationCardProps>;
 export {};

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

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Typography } from '../Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -16,6 +17,7 @@ import '../../shared/consts/index.js';
 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);
         if (ens) {
@@ -23,7 +25,7 @@ const WalletInformationCard = ({ address, ens, balance, icon, network, menu, })
         }
         return (jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: shortenAddress }));
     }, [ens, address]);
-    return (jsxs("div", { className: 'wallet-information-card', children: [jsxs("div", { className: 'wallet-information-card__header', children: [jsxs("div", { className: 'wallet-information-card__details-container', children: [icon && (jsx(Icon, { className: 'wallet-information-card__icon', children: icon })), jsx("div", { className: 'wallet-information-card__details', children: details }), jsx("div", { className: 'wallet-information-card__menu', children: menu })] }), network] }), jsxs("div", { className: 'wallet-information-card__balance-container', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), balance] })] }));
+    return (jsxs("div", { className: 'wallet-information-card', children: [jsxs("div", { className: 'wallet-information-card__header', children: [jsxs("div", { className: 'wallet-information-card__details-container', children: [icon && (jsx(Icon, { className: 'wallet-information-card__icon', children: icon })), jsx("div", { className: 'wallet-information-card__details', children: details }), jsx("div", { className: 'wallet-information-card__menu', children: menu })] }), network] }), jsxs("div", { className: 'wallet-information-card__balance-container', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', copykey: 'dyn_wallet_information.balance', children: t('dyn_wallet_information.balance') }), balance] })] }));
 };
 
 export { WalletInformationCard };

package/src/lib/locale/en/translation.cjs

@@ -45,6 +45,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -57,6 +69,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
         },
+        widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+                address: 'Copy wallet address',
+                ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+        },
     },
     /**
      * @description copy keys for Dynamic Captcha
@@ -1076,6 +1100,16 @@ const translation = {
         empty_wallets_action_link: 'Link',
         empty_wallets_action_connect: 'Connect',
     },
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: 'Balance',
+    },
 };
 
 exports.translation = translation;

package/src/lib/locale/en/translation.d.ts

@@ -40,6 +40,18 @@ export declare const translation: {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -52,6 +64,18 @@ export declare const translation: {
             description: string;
             title: string;
         };
+        widget: {
+            address: string;
+            connect: string;
+            connect_with_network: string;
+            copy: {
+                address: string;
+                ens: string;
+            };
+            disconnect: string;
+            edit_profile: string;
+            wallet_network: string;
+        };
     };
     /**
      * @description copy keys for Dynamic Captcha
@@ -1071,4 +1095,14 @@ export declare const translation: {
         empty_wallets_action_link: string;
         empty_wallets_action_connect: string;
     };
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: string;
+    };
 };

package/src/lib/locale/en/translation.js

@@ -41,6 +41,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
           },
+          widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+              address: 'Copy wallet address',
+              ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+          },
         }
      */
     dyn_bridge: {
@@ -53,6 +65,18 @@ const translation = {
             description: 'You’ll need to connect both your {{firstBlockchainName}} and {{secondBlockchainName}} wallets to get started',
             title: 'Connect to {{appName}}',
         },
+        widget: {
+            address: 'Copy wallet address',
+            connect: 'Connect wallet',
+            connect_with_network: 'Connect {{blockchainName}} wallet',
+            copy: {
+                address: 'Copy wallet address',
+                ens: 'Copy ENS',
+            },
+            disconnect: 'Disconnect',
+            edit_profile: 'Edit profile',
+            wallet_network: '{{networkName}} wallet',
+        },
     },
     /**
      * @description copy keys for Dynamic Captcha
@@ -1072,6 +1096,16 @@ const translation = {
         empty_wallets_action_link: 'Link',
         empty_wallets_action_connect: 'Connect',
     },
+    /**
+     * @description copy keys for Dynamic wallet information card
+     * @default
+     * {
+        balance: 'Balance'
+      }
+     */
+    dyn_wallet_information: {
+        balance: 'Balance',
+    },
 };
 
 export { translation };

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -31,7 +32,6 @@ require('react-dom');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -68,6 +68,7 @@ var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/D
 const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
+    const { t } = reactI18next.useTranslation();
     const closeOnOutsideClick = React.useCallback((e) => {
         var _a;
         const target = e.composedPath().shift();
@@ -84,7 +85,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                         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 (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), children: "Connect wallet" }, chain));
+                        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.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
@@ -27,7 +28,6 @@ import 'react-dom';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -64,6 +64,7 @@ import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetCont
 const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useDynamicBridgeWidgetContext();
+    const { t } = useTranslation();
     const closeOnOutsideClick = useCallback((e) => {
         var _a;
         const target = e.composedPath().shift();
@@ -80,7 +81,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                         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 (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), children: "Connect wallet" }, chain));
+                        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 })] }) }));
 };
 

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -28,7 +29,6 @@ require('react-dom');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -64,9 +64,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const DynamicBridgeWalletCard = ({ className, networkIcon, networkName, children }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('dynamic-bridge-wallet-card', className), children: [jsxRuntime.jsxs("div", { className: 'dynamic-bridge-wallet-card__network', children: [networkIcon &&
-                    React__default["default"].cloneElement(networkIcon, {
-                        className: 'dynamic-bridge-wallet-card__network-icon',
-                    }), networkName && (jsxRuntime.jsxs(Typography.Typography, { className: 'dynamic-bridge-wallet-card__network-name', variant: 'body_small', color: 'primary', weight: 'medium', as: 'span', children: [networkName, " wallet"] }))] }), children] }));
+const DynamicBridgeWalletCard = ({ className, networkIcon, networkName, children }) => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('dynamic-bridge-wallet-card', className), children: [jsxRuntime.jsxs("div", { className: 'dynamic-bridge-wallet-card__network', children: [networkIcon &&
+                        React__default["default"].cloneElement(networkIcon, {
+                            className: 'dynamic-bridge-wallet-card__network-icon',
+                        }), networkName && (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-bridge-wallet-card__network-name', variant: 'body_small', color: 'primary', weight: 'medium', as: 'span', copykey: 'dyn_bridge.widget.wallet_network', children: t('dyn_bridge.widget.wallet_network', {
+                            networkName,
+                        }) }))] }), children] }));
+};
 
 exports.DynamicBridgeWalletCard = DynamicBridgeWalletCard;

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

@@ -1,5 +1,6 @@
-import { jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
+import { useTranslation } from 'react-i18next';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -24,7 +25,6 @@ import 'react-dom';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -56,9 +56,14 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
-const DynamicBridgeWalletCard = ({ className, networkIcon, networkName, children }) => (jsxs("div", { className: classNames('dynamic-bridge-wallet-card', className), children: [jsxs("div", { className: 'dynamic-bridge-wallet-card__network', children: [networkIcon &&
-                    React__default.cloneElement(networkIcon, {
-                        className: 'dynamic-bridge-wallet-card__network-icon',
-                    }), networkName && (jsxs(Typography, { className: 'dynamic-bridge-wallet-card__network-name', variant: 'body_small', color: 'primary', weight: 'medium', as: 'span', children: [networkName, " wallet"] }))] }), children] }));
+const DynamicBridgeWalletCard = ({ className, networkIcon, networkName, children }) => {
+    const { t } = useTranslation();
+    return (jsxs("div", { className: classNames('dynamic-bridge-wallet-card', className), children: [jsxs("div", { className: 'dynamic-bridge-wallet-card__network', children: [networkIcon &&
+                        React__default.cloneElement(networkIcon, {
+                            className: 'dynamic-bridge-wallet-card__network-icon',
+                        }), networkName && (jsx(Typography, { className: 'dynamic-bridge-wallet-card__network-name', variant: 'body_small', color: 'primary', weight: 'medium', as: 'span', copykey: 'dyn_bridge.widget.wallet_network', children: t('dyn_bridge.widget.wallet_network', {
+                            networkName,
+                        }) }))] }), children] }));
+};
 
 export { DynamicBridgeWalletCard };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
 require('react');
 require('@dynamic-labs/utils');
@@ -27,7 +28,6 @@ require('react-dom');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -62,28 +62,29 @@ var WalletInformationCard = require('../../../../components/WalletInformationCar
 var useFetchNameService = require('../../../DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 
 const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey, onDisconnectClick }) => {
+    const { t } = reactI18next.useTranslation();
     const nameService = useFetchNameService.useFetchNameService(walletAddress);
     const options = [
         {
             Icon: null,
             callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
             hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
-            text: 'Copy ENS',
+            text: t('dyn_bridge.widget.copy.ens'),
         },
         {
             Icon: null,
             callback: () => walletAddress && navigator.clipboard.writeText(walletAddress),
             hide: !walletAddress,
-            text: 'Copy wallet address',
+            text: t('dyn_bridge.widget.copy.address'),
         },
         {
             Icon: null,
             callback: () => onDisconnectClick === null || onDisconnectClick === void 0 ? void 0 : onDisconnectClick(),
             hide: !onDisconnectClick,
-            text: 'Disconnect',
+            text: t('dyn_bridge.widget.disconnect'),
         },
     ];
-    return (jsxRuntime.jsx(WalletInformationCard.WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsxRuntime.jsx(DotsMenu.DotsMenu, { options: options }) }));
+    return (jsxRuntime.jsx(WalletInformationCard.WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsxRuntime.jsx(DotsMenu.DotsMenu, { options: options }), copykey: 'dyn_bridge.widget' }));
 };
 
 exports.DynamicBridgeWalletCardBody = DynamicBridgeWalletCardBody;

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

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import 'react';
 import '@dynamic-labs/utils';
@@ -23,7 +24,6 @@ import 'react-dom';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -58,28 +58,29 @@ import { WalletInformationCard } from '../../../../components/WalletInformationC
 import { useFetchNameService } from '../../../DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 
 const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey, onDisconnectClick }) => {
+    const { t } = useTranslation();
     const nameService = useFetchNameService(walletAddress);
     const options = [
         {
             Icon: null,
             callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
             hide: !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
-            text: 'Copy ENS',
+            text: t('dyn_bridge.widget.copy.ens'),
         },
         {
             Icon: null,
             callback: () => walletAddress && navigator.clipboard.writeText(walletAddress),
             hide: !walletAddress,
-            text: 'Copy wallet address',
+            text: t('dyn_bridge.widget.copy.address'),
         },
         {
             Icon: null,
             callback: () => onDisconnectClick === null || onDisconnectClick === void 0 ? void 0 : onDisconnectClick(),
             hide: !onDisconnectClick,
-            text: 'Disconnect',
+            text: t('dyn_bridge.widget.disconnect'),
         },
     ];
-    return (jsx(WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsx(WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsx(DotsMenu, { options: options }) }));
+    return (jsx(WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsx(WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsx(DotsMenu, { options: options }), copykey: 'dyn_bridge.widget' }));
 };
 
 export { DynamicBridgeWalletCardBody };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
@@ -28,7 +29,6 @@ require('react-dom');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -61,6 +61,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 
 const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
+    const { t } = reactI18next.useTranslation();
     const { bridgeChainsToConnect, setShowAuthFlow, setShowBridgeWidget } = useInternalDynamicContext.useInternalDynamicContext();
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
         return null;
@@ -70,7 +71,9 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     return (jsxRuntime.jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);
             setShowAuthFlow(true);
-        }, children: [jsxRuntime.jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', children: ["Connect ", chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName, " wallet"] })] }));
+        }, children: [jsxRuntime.jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', copykey: 'dyn_bridge.widget.connect_with_network', children: t('dyn_bridge.widget.connect_with_network', {
+                    blockchainName: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName,
+                }) })] }));
 };
 
 exports.DynamicBridgeWidgetEmptyCard = DynamicBridgeWidgetEmptyCard;

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

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/sdk-api';
@@ -24,7 +25,6 @@ import 'react-dom';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -57,6 +57,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
 const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
+    const { t } = useTranslation();
     const { bridgeChainsToConnect, setShowAuthFlow, setShowBridgeWidget } = useInternalDynamicContext();
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
         return null;
@@ -66,7 +67,9 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     return (jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);
             setShowAuthFlow(true);
-        }, children: [jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsxs(Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', children: ["Connect ", chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName, " wallet"] })] }));
+        }, children: [jsx(ChainIcon, { className: 'dynamic-bridge-widget-empty-card__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', as: 'span', color: 'primary', className: 'dynamic-bridge-widget-empty-card__text', copykey: 'dyn_bridge.widget.connect_with_network', children: t('dyn_bridge.widget.connect_with_network', {
+                    blockchainName: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName,
+                }) })] }));
 };
 
 export { DynamicBridgeWidgetEmptyCard };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var UserProfile = require('../../../../components/UserProfile/UserProfile.cjs');
 var DynamicWidgetFooter = require('../../../DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicBridgeWidgetContext = require('../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
@@ -17,6 +18,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 
 const ProfileView = () => {
+    const { t } = reactI18next.useTranslation();
     const { setBridgeWidgetView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     // Allow to navigate to edit profile view when there are fields what can be edited
@@ -24,7 +26,7 @@ const ProfileView = () => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(UserProfile.UserProfile, { rootClassName: 'profile-view' }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", { className: 'profile-view__footer', children: [editableUserFields.length > 0 && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
-                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsxRuntime.jsx(pencil.ReactComponent, {}), children: "Edit profile" })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: classNames.classNames('dynamic-widget-footer__button', {
+                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsxRuntime.jsx(pencil.ReactComponent, {}), copykey: 'dyn_bridge.widget.edit_profile', children: t('dyn_bridge.widget.edit_profile') })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: classNames.classNames('dynamic-widget-footer__button', {
                                 'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] }) })] }));
 };

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { UserProfile } from '../../../../components/UserProfile/UserProfile.js';
 import { DynamicWidgetFooter } from '../../../DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { useDynamicBridgeWidgetContext } from '../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
@@ -13,6 +14,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { getEditableUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 
 const ProfileView = () => {
+    const { t } = useTranslation();
     const { setBridgeWidgetView } = useDynamicBridgeWidgetContext();
     const { projectSettings } = useInternalDynamicContext();
     // Allow to navigate to edit profile view when there are fields what can be edited
@@ -20,7 +22,7 @@ const ProfileView = () => {
     return (jsxs(Fragment, { children: [jsx(UserProfile, { rootClassName: 'profile-view' }), jsx(DynamicWidgetFooter, { children: jsxs("div", { className: 'profile-view__footer', children: [editableUserFields.length > 0 && (jsx(Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
-                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsx(SvgPencil, {}), children: "Edit profile" })), jsx(LogoutButton, { isTextButton: true, buttonClassName: classNames('dynamic-widget-footer__button', {
+                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsx(SvgPencil, {}), copykey: 'dyn_bridge.widget.edit_profile', children: t('dyn_bridge.widget.edit_profile') })), jsx(LogoutButton, { isTextButton: true, buttonClassName: classNames('dynamic-widget-footer__button', {
                                 'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] }) })] }));
 };