@dynamic-labs/legacy-embedded-wallet-migration 5.6.0 → 5.7.0

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [5.7.0](https://github.com/dynamic-labs/dynamic-auth/compare/v5.6.1...v5.7.0) (2026-09-08)
+
+
+### Features
+
+* **social:** add gemini social provider ([#12292](https://github.com/dynamic-labs/dynamic-auth/issues/12292)) ([fa72cb0](https://github.com/dynamic-labs/dynamic-auth/commit/fa72cb09f678506a5f34188eb7d62415bcb7073b))
+
+
+### Bug Fixes
+
+* **locale:** add missing dyn_upgrade_wallet.no_legacy_wallets and .close keys ([#12350](https://github.com/dynamic-labs/dynamic-auth/issues/12350)) ([50da3fa](https://github.com/dynamic-labs/dynamic-auth/commit/50da3fa3078de4ecbd88031a3e533a4ff6ced89b))
+* **sdk-react-core:** expose SDK i18next instance for extension packages ([#12351](https://github.com/dynamic-labs/dynamic-auth/issues/12351)) ([f3d95b1](https://github.com/dynamic-labs/dynamic-auth/commit/f3d95b1bb1c30114d32d93dec4e9c2455ab4fdbb))
+* **sdk-react-core:** publish ./icons and ./components subpath exports ([#12334](https://github.com/dynamic-labs/dynamic-auth/issues/12334)) ([519487c](https://github.com/dynamic-labs/dynamic-auth/commit/519487cf5f4f7abe895a125c5bf38800cae04bb5))
+
+### [5.6.1](https://github.com/dynamic-labs/dynamic-auth/compare/v5.6.0...v5.6.1) (2026-09-01)
+
+
+### Bug Fixes
+
+* **sdk-react-core:** drop legacy-client dependency by moving SdkWebViewLoadState to types ([#12314](https://github.com/dynamic-labs/dynamic-auth/issues/12314)) ([8ae0110](https://github.com/dynamic-labs/dynamic-auth/commit/8ae011056604ec28de9daa5ab37c5ec2b6c378bb))
+
 ## [5.6.0](https://github.com/dynamic-labs/dynamic-auth/compare/v5.5.0...v5.6.0) (2026-09-01)
 
 

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "5.6.0";
+var version = "5.7.0";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/legacy-embedded-wallet-migration",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "license": "MIT",
   "main": "./src/index.js",
   "module": "./src/index.js",
@@ -17,15 +17,15 @@
   },
   "dependencies": {
     "@dynamic-labs-sdk/client": "1.31.0",
-    "@dynamic-labs/assert-package-version": "5.6.0",
-    "@dynamic-labs/sdk-api-core": "0.12.0",
-    "@dynamic-labs/utils": "5.6.0",
-    "@dynamic-labs/wallet-connector-core": "5.6.0"
+    "@dynamic-labs/assert-package-version": "5.7.0",
+    "@dynamic-labs/sdk-api-core": "0.32.0",
+    "@dynamic-labs/utils": "5.7.0",
+    "@dynamic-labs/wallet-connector-core": "5.7.0"
   },
   "peerDependencies": {
-    "@dynamic-labs/sdk-react-core": "5.6.0",
+    "@dynamic-labs/sdk-react-core": "5.7.0",
     "react": ">=18.0.0 <20.0.0",
     "react-i18next": ">=13.0.0",
-    "@dynamic-labs/types": "5.6.0"
+    "@dynamic-labs/types": "5.7.0"
   }
 }

package/src/lib/ui/AccountUpgradedView/AccountUpgradedView.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { IconButton, ModalHeader, Typography, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { CloseIcon, SparklesIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -36,7 +37,8 @@ const messageStyle = {
 };
 const actionsStyle = { maxWidth: 340, width: '100%' };
 const AccountUpgradedView = ({ onFinish, }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const closeButton = (jsx(IconButton, { onClick: onFinish, type: 'button', children: jsx(CloseIcon, {}) }));
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, displayBorder: true, children: jsx(Typography, { variant: 'title', color: 'primary', children: t('dyn_account_upgraded.title') }) }), jsxs("div", { style: containerStyle, children: [jsxs("div", { style: contentStyle, children: [jsx("div", { style: iconBackgroundStyle, children: jsx(SparklesIcon, { style: iconStyle }) }), jsx("div", { style: messageStyle, children: jsx(Typography, { variant: 'body_normal', color: 'primary', style: { textAlign: 'center' }, children: t('dyn_account_upgraded.message') }) })] }), jsx("div", { style: actionsStyle, children: jsx(TypographyButton, { onClick: onFinish, buttonVariant: 'brand-primary', expanded: true, buttonPadding: 'large', typographyProps: { color: 'white' }, dataTestId: 'account-upgraded-continue-button', children: t('dyn_account_upgraded.continue_button') }) })] })] }));
 };

package/src/lib/ui/WaasUpgradeView/WaasUpgradeView.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { ModalHeader, Typography, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { UpgradeIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -54,7 +55,8 @@ const actionsStyle = {
 };
 const shortenAddress = (address) => `${address.slice(0, 6)}...${address.slice(-4)}`;
 const WaasUpgradeView = ({ wallets, onContinue, onCancel, isLoading = false, }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const hasWallets = wallets.length > 0;
     return (jsxs("div", { style: containerStyle, children: [jsx(ModalHeader, { children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', children: t('dyn_upgrade_wallet.title') }) }), jsxs("div", { style: contentStyle, children: [jsx("div", { style: illustrationStyle, children: jsx(UpgradeIcon, {}) }), jsx(Typography, { as: 'p', variant: 'body_normal', color: 'primary', style: descriptionStyle, children: t('dyn_upgrade_wallet.description') }), hasWallets ? (jsxs("div", { style: walletsSectionStyle, children: [jsx(Typography, { color: 'primary', children: t('dyn_upgrade_wallet.eligible_wallets') }), jsx("div", { style: walletsListStyle, "data-testid": 'waas-upgrade-view-wallets-list', children: wallets.map((wallet) => (jsxs("div", { style: walletItemStyle, "data-testid": 'waas-upgrade-view-wallet-item', children: [jsx(Typography, { color: 'primary', children: wallet.chain }), jsx(Typography, { color: 'primary', children: shortenAddress(wallet.address) })] }, wallet.id))) })] })) : (jsx(Typography, { color: 'secondary', style: descriptionStyle, copykey: 'dyn_upgrade_wallet.no_legacy_wallets', "data-testid": 'waas-upgrade-view-no-legacy-wallets', children: t('dyn_upgrade_wallet.no_legacy_wallets') })), jsx("div", { style: actionsStyle, children: hasWallets ? (jsx(TypographyButton, { buttonVariant: 'brand-primary', onClick: onContinue, disabled: isLoading, loading: isLoading, copykey: 'dyn_upgrade_wallet.upgrade', typographyProps: { color: 'inherit' }, dataTestId: 'waas-upgrade-view-continue-button', children: t('dyn_upgrade_wallet.upgrade') })) : (jsx(TypographyButton, { buttonVariant: 'tertiary', onClick: onCancel, dataTestId: 'waas-upgrade-view-close-button', children: t('dyn_upgrade_wallet.close') })) })] })] }));
 };

package/src/lib/ui/WalletUpgradeFlowView/WalletUpgradeFlowView.js

@@ -3,6 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { ModalHeader, Typography, ErrorContainer, Textarea, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { LegacyEmbeddedWalletExport } from '../LegacyEmbeddedWalletExport/LegacyEmbeddedWalletExport.js';
 
@@ -70,7 +71,8 @@ const getStepIndicatorStyle = (current, completed) => {
     return Object.assign(Object.assign({}, baseStepIndicatorStyle), { background: 'transparent', borderColor: 'var(--dynamic-border-color)', color: 'var(--dynamic-text-secondary)' });
 };
 const WalletUpgradeFlowView = ({ wallets, onUpgrade, onFinish, }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const [currentIndex, setCurrentIndex] = useState(0);
     const [privateKeyInput, setPrivateKeyInput] = useState('');
     const [isUpgrading, setIsUpgrading] = useState(false);

package/src/lib/ui/recovery/LegacyAddRecoveryEmailView/LegacyAddRecoveryEmailView.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { IconButton, ModalHeader, Typography, EmailForm } from '@dynamic-labs/sdk-react-core/components';
 import { CloseIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -13,7 +14,8 @@ const containerStyle = {
 };
 const descriptionStyle = { maxWidth: 360 };
 const LegacyAddRecoveryEmailView = ({ onSubmit, onCancel, defaultEmail, isSubmitting, errorMessage }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const closeButton = (jsx(IconButton, { onClick: onCancel, type: 'button', children: jsx(CloseIcon, {}) }));
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', children: t('dyn_passkey_recovery.add_email.title') }) }), jsxs("div", { style: containerStyle, children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', style: descriptionStyle, children: t('dyn_passkey_recovery.add_email.description') }), errorMessage && (jsx(Typography, { variant: 'body_small', color: 'error-1', children: errorMessage })), jsx(EmailForm, { onSubmit: onSubmit, isLoading: Boolean(isSubmitting), currentEmail: defaultEmail, buttonCopyKey: EMAIL_SUBMIT_COPY_KEY })] })] }));
 };

package/src/lib/ui/recovery/LegacyEmbeddedAuthChoiceView/LegacyEmbeddedAuthChoiceView.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { IconButton, ModalHeader, Typography, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { CloseIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -19,7 +20,8 @@ const buttonGroupStyle = {
 // usePasskeyRecovery hook integration. For now this view renders one button
 // per supported authenticator so the step machine can be exercised.
 const LegacyEmbeddedAuthChoiceView = ({ supportedAuthenticators, onSelect, onCancel, isSubmitting }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const closeButton = (jsx(IconButton, { onClick: onCancel, type: 'button', children: jsx(CloseIcon, {}) }));
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', children: t('dyn_embedded_authenticator.title') }) }), jsxs("div", { style: containerStyle, children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_embedded_authenticator.description') }), jsx("div", { style: buttonGroupStyle, children: supportedAuthenticators.map((authenticatorType) => (jsx(TypographyButton, { dataTestId: `legacy-auth-choice-${authenticatorType}`, onClick: () => onSelect(authenticatorType), buttonVariant: 'brand-primary', expanded: true, disabled: isSubmitting, typographyProps: { color: 'white' }, children: authenticatorType === 'passkey'
                                 ? t('dyn_embedded_authenticator.passkey.title')

package/src/lib/ui/recovery/LegacyPasskeyBundleRecoveryView/LegacyPasskeyBundleRecoveryView.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { IconButton, ModalHeader, Typography, Input, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { CloseIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -19,7 +20,8 @@ const isValidBundle = (bundle) => bundle.length >= BUNDLE_MIN_LENGTH &&
     bundle.length < BUNDLE_MAX_LENGTH &&
     bundleRegex.test(bundle);
 const LegacyPasskeyBundleRecoveryView = ({ email, onSubmit, onResend, onCancel, isSubmitting, errorMessage }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const [bundleInput, setBundleInput] = useState('');
     const closeButton = (jsx(IconButton, { onClick: onCancel, type: 'button', children: jsx(CloseIcon, {}) }));
     const handleBundleChange = (event) => {

package/src/lib/ui/recovery/LegacyPasskeyCompleteRecoveryView/LegacyPasskeyCompleteRecoveryView.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { IconButton, ModalHeader, Typography, TypographyButton } from '@dynamic-labs/sdk-react-core/components';
 import { CloseIcon } from '@dynamic-labs/sdk-react-core/icons';
 
@@ -14,7 +15,8 @@ const containerStyle = {
 // usePasskeyRecovery hook integration. For now this view exposes the modal
 // header + submit hook so the step machine can be exercised.
 const LegacyPasskeyCompleteRecoveryView = ({ onSubmit, onCancel, isSubmitting, errorMessage }) => {
-    const { t } = useTranslation();
+    const { i18nSDKInstance } = useDynamicContext();
+    const { t } = useTranslation('translation', { i18n: i18nSDKInstance });
     const closeButton = (jsx(IconButton, { onClick: onCancel, type: 'button', children: jsx(CloseIcon, {}) }));
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', children: t('dyn_passkey_recovery.complete.title') }) }), jsxs("div", { style: containerStyle, children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_passkey_recovery.complete.description') }), errorMessage && (jsx(Typography, { variant: 'body_small', color: 'error-1', children: errorMessage })), jsx(TypographyButton, { dataTestId: 'legacy-passkey-complete-submit', onClick: () => onSubmit(), buttonVariant: 'brand-primary', expanded: true, disabled: isSubmitting, typographyProps: { color: 'white' }, children: t('dyn_passkey_recovery.complete.complete_button') })] })] }));
 };