@dynamic-labs/sdk-react-core 1.0.2 → 1.0.4

package/src/lib/data/api.cjs

@@ -295,18 +295,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -534,7 +522,6 @@ exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
 exports.createTurnkeyEvmEmbeddedWallet = createTurnkeyEvmEmbeddedWallet;
 exports.createVisit = createVisit;
-exports.fetchNetworkSettings = fetchNetworkSettings;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;

package/src/lib/data/api.d.ts

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, NetworkConfigurationResponse, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential } from '@dynamic-labs/sdk-api';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
 export declare const getEmailProvider: ({ email, environmentId, }: {
@@ -49,7 +49,6 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletProvider: string;
 }) => Promise<void | undefined>;
 export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }: VerifyWallet) => Promise<string | undefined>;
-export declare const fetchNetworkSettings: (environmentId: string) => Promise<NetworkConfigurationResponse[] | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum, userJwt: string) => Promise<string | undefined>;

package/src/lib/data/api.js

@@ -291,18 +291,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -526,4 +514,4 @@ const getUserPasskeys = ({ userJwt, environmentId, }) => __awaiter(void 0, void
     }
 });
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -79,7 +79,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
     });
     const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const { showDynamicFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -75,7 +75,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
     });
     const { showConnectedWalletProgress } = useAuthLayoutChecks(walletConnector);
     const { showDynamicFooter } = useAuthLayoutChecks(walletConnector);
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -67,7 +67,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 
-const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     const { setError } = ErrorContext.useErrorContext();
     const { setShowQrCodeImage } = QrCodeContext.useQrCodeContext();
@@ -101,7 +101,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         leadingButtons.push(infoButton);
     }
     const qrCodePreHeader = (jsxRuntime.jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { ModalProps } from '../../../shared';
-export type WalletHeaderProps = Partial<ModalProps> & {
+import { CopyKey, ModalProps } from '../../../shared';
+export type WalletHeaderProps = Partial<ModalProps> & CopyKey & {
     heading: string | JSX.Element;
     projectSettings?: ProjectSettings;
     walletConnector?: WalletConnector | null;

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -63,7 +63,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
-const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext();
     const { setError } = useErrorContext();
     const { setShowQrCodeImage } = useQrCodeContext();
@@ -97,7 +97,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         leadingButtons.push(infoButton);
     }
     const qrCodePreHeader = (jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 export { Header };

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -70,7 +70,7 @@ const HelpHeader = () => {
     const { helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({ authMode, view });
     const { displayBorderBelowHeader } = useAuthLayoutChecks.useAuthLayoutChecks(selectedWalletConnector);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon', children: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'back-button ' }) }));
-    return (jsxRuntime.jsx("div", { className: 'help-header', children: jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
+    return (jsxRuntime.jsx("div", { className: 'help-header', children: jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', copykey: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.copykey, children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
 };
 
 exports.HelpHeader = HelpHeader;

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -66,7 +66,7 @@ const HelpHeader = () => {
     const { helpHeaderData } = useDynamicLayoutData({ authMode, view });
     const { displayBorderBelowHeader } = useAuthLayoutChecks(selectedWalletConnector);
     const backButton = (jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon', children: jsx(SvgChevronLeft, { className: 'back-button ' }) }));
-    return (jsx("div", { className: 'help-header', children: jsx(ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
+    return (jsx("div", { className: 'help-header', children: jsx(ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', copykey: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.copykey, children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
 };
 
 export { HelpHeader };

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -65,7 +65,7 @@ require('react-focus-lock');
 
 const PasskeyInfoHelper = () => {
     const { t } = reactI18next.useTranslation();
-    return (jsxRuntime.jsx("div", { className: 'passkey-info-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(userAccount2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_1.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerKeyIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_2.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
+    return (jsxRuntime.jsx("div", { className: 'passkey-info-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(userAccount2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_1.title', children: t('dyn_passkey_intro.helper.section_1.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_1.description', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerKeyIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_2.title', children: t('dyn_passkey_intro.helper.section_2.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_2.description', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
 };
 
 exports.PasskeyInfoHelper = PasskeyInfoHelper;

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -61,7 +61,7 @@ import 'react-focus-lock';
 
 const PasskeyInfoHelper = () => {
     const { t } = useTranslation();
-    return (jsx("div", { className: 'passkey-info-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgUserAccount2, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_1.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterKeyIcon, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_2.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
+    return (jsx("div", { className: 'passkey-info-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgUserAccount2, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_1.title', children: t('dyn_passkey_intro.helper.section_1.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_1.description', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterKeyIcon, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_2.title', children: t('dyn_passkey_intro.helper.section_2.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_2.description', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
 };
 
 export { PasskeyInfoHelper };

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -64,9 +64,9 @@ require('react-focus-lock');
 var Step = require('../../components/Step/Step.cjs');
 var Stepper = require('../../components/Stepper/Stepper.cjs');
 
-const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
+const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, copykey, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Stepper.Stepper, { children: chains.map((chain) => (jsxRuntime.jsx(Step.Step, { children: chain.name }, chain.id))) }) }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Stepper.Stepper, { children: chains.map((chain) => (jsxRuntime.jsx(Step.Step, { children: chain.name }, chain.id))) }) }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 exports.BridgeWelcomeLayout = BridgeWelcomeLayout;

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
+import { CopyKey } from '../../shared';
 export type BridgeWelcomeLayoutChainInfo = {
     id: number;
     name: string;
@@ -15,5 +16,5 @@ export type BridgeWelcomeLayoutProps = {
     }[];
     onClickClose?: MouseEventHandler<HTMLButtonElement>;
     onClickAction?: MouseEventHandler<HTMLButtonElement>;
-};
+} & CopyKey;
 export declare const BridgeWelcomeLayout: FC<BridgeWelcomeLayoutProps>;

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -60,9 +60,9 @@ import 'react-focus-lock';
 import { Step } from '../../components/Step/Step.js';
 import { Stepper } from '../../components/Stepper/Stepper.js';
 
-const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
+const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, copykey, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
-    return (jsxs("div", { className: 'bridge-welcome-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsx(Typography, { variant: 'title', color: 'primary', children: title }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsx("div", { children: jsx(Stepper, { children: chains.map((chain) => (jsx(Step, { children: chain.name }, chain.id))) }) }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxs("div", { className: 'bridge-welcome-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsx(Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsx("div", { children: jsx(Stepper, { children: chains.map((chain) => (jsx(Step, { children: chain.name }, chain.id))) }) }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 export { BridgeWelcomeLayout };

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -63,10 +63,10 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 
-const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
+const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', children: title }) }), jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }) }), jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 exports.ConnectedWalletsListLayout = ConnectedWalletsListLayout;

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+import { CopyKey } from '../../shared';
 export type ConnectedWalletsListLayoutProps = {
     title: ReactNode;
     body?: ReactNode;
@@ -6,5 +7,5 @@ export type ConnectedWalletsListLayoutProps = {
     onClickBack?: MouseEventHandler<HTMLButtonElement>;
     onClickAction?: MouseEventHandler<HTMLButtonElement>;
     actionButtonText?: ReactNode;
-};
+} & CopyKey;
 export declare const ConnectedWalletsListLayout: FC<PropsWithChildren<ConnectedWalletsListLayoutProps>>;

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -59,10 +59,10 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
-const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
+const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs("div", { className: 'connected-wallets-list-layout', children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', children: title }) }), jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsx(Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxs("div", { className: 'connected-wallets-list-layout', children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }) }), jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsx(Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 export { ConnectedWalletsListLayout };

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

@@ -58,6 +58,18 @@ const translation = {
             title: 'Connect to {{appName}}',
         },
     },
+    /**
+     * @description copy keys for Dynamic Captcha
+     * @default
+     * {
+        verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
+        verify_user_title: "Let's verify you're human",
+      }
+     */
+    dyn_captcha: {
+        verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
+        verify_user_title: "Let's verify you're human",
+    },
     /**
      * @description copy keys for chainalysis blocked wallet view
      * @default
@@ -118,6 +130,8 @@ const translation = {
           error_message: 'This network is not available, please update.',
           title: 'Update Network',
         },
+        update_email_tooltip:
+        'This email is tied to your wallet so cannot be updated',
       }
      */
     dyn_collect_user_data: {
@@ -167,6 +181,7 @@ const translation = {
             error_message: 'This network is not available, please update.',
             title: 'Update Network',
         },
+        update_email_tooltip: 'This email is tied to your wallet so cannot be updated',
     },
     /**
      * @description copy keys for email verification view after email logging in with magiclink
@@ -270,6 +285,12 @@ const translation = {
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
+        wrong_social_account: {
+          retry_button: 'Try again',
+          retry_title: 'Please connect with: ',
+          subtitle: 'You must connect with the same account you originally signed in with.',
+          title: 'Whoops. Wrong Account',
+  },
       }
      */
     dyn_login: {
@@ -315,6 +336,12 @@ const translation = {
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
+        wrong_social_account: {
+            retry_button: 'Try again',
+            retry_title: 'Please connect with: ',
+            subtitle: 'You must connect with the same account you originally signed in with.',
+            title: 'Whoops. Wrong Account',
+        },
     },
     /**
      * @description copy keys for Dynamic manage passkeys view which are used inside dynamic widget
@@ -356,14 +383,21 @@ const translation = {
      * {
         cancel_button: "No, I'll use a different email",
         confirm_button: 'Yes, link to existing account',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
+      },
       }
      */
     dyn_merge_user_accounts: {
         cancel_button: "No, I'll use a different email",
         confirm_button: 'Yes, link to existing account',
+        errors: {
+            merge_error: 'Something went wrong, please try again.',
+        },
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
@@ -471,6 +505,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
       }
      */
     dyn_otp_verification: {
@@ -479,6 +514,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
     },
     /**
      * @description copy key for passkey created success banner
@@ -555,7 +591,7 @@ const translation = {
             'To complete this process, ensure you are using the same device/browser.',
           start_button: 'Send me an email',
           title: 'Initiate Request',
-        },`
+        },
       }
      */
     dyn_passkey_recovery: {
@@ -579,6 +615,80 @@ const translation = {
             title: 'Initiate Request',
         },
     },
+    /**
+     * @description copy keys for Dynamic pending wallet connection
+     * @default
+     * {
+        mobile: 'Click connect in your mobile wallet',
+        computer: 'Click connect in your wallet popup',
+      }
+     */
+    dyn_pending_connection: {
+        mobile: 'Click connect in your mobile wallet',
+        computer: 'Click connect in your wallet popup',
+    },
+    /**
+       * @description copy keys for Dynamic pending signature, we have overrides for phantom ledger which does not support message signing.
+       * @default
+       * {
+          click_to_sign: 'Click to Sign',
+          note: 'Note: ',
+          phantom_ledger_sign: "Click sign in your wallet to confirm you own this wallet (this doesn't cost gas).",
+          phantom_ledger_warning: "Ledger with Phantom doesn't support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more.",
+          regular_sign_description: 'Click sign-in in your wallet to confirm you own this wallet.',
+    }
+       */
+    dyn_pending_signature: {
+        click_to_sign: 'Click to Sign',
+        note: 'Note: ',
+        phantom_ledger_sign: "Click sign in your wallet to confirm you own this wallet (this doesn't cost gas).",
+        phantom_ledger_warning: "Ledger with Phantom doesn't support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more.",
+        regular_sign_description: 'Click sign-in in your wallet to confirm you own this wallet.',
+    },
+    /**
+       * @description copy keys for Dynamic QR code Wallet Connection Pop-Up
+       * @default
+       * {
+          copy_button: 'Copy QR URI',
+          open_button: 'Open {{wallet}} App',
+          scan_title: "Scan this QR code from your mobile wallet or phone's camera to connect.",
+          wallet_not_installed: {
+            browser_install: 'Install {{browser}} extension',
+            install: 'Install {{wallet}} extension to connect',
+            refresh: 'Refresh the page once installed',
+            select: 'Select from your preferred options below:',
+          },
+        }
+       */
+    dyn_qr_code: {
+        copy_button: 'Copy QR URI',
+        open_button: 'Open {{wallet}} App',
+        scan_title: "Scan this QR code from your mobile wallet or phone's camera to connect.",
+        wallet_not_installed: {
+            browser_install: 'Install {{browser}} extension',
+            install: 'Install {{wallet}} extension to connect',
+            refresh: 'Refresh the page once installed',
+            select: 'Select from your preferred options below:',
+        },
+    },
+    /**
+       * @description copy keys for Dynamic wallet locked/disconnected
+       * @default
+       * {
+          connect_continue: 'Connect your wallet to continue',
+          title: 'Welcome back',
+          subtitle: "We couldn't connect to your wallet. Click connect to retry the connection ",
+          connect: 'Connect wallet',
+          logout: 'Log out',
+        }
+       */
+    dyn_wallet_locked: {
+        connect_continue: 'Connect your wallet to continue',
+        title: 'Welcome back',
+        subtitle: "We couldn't connect to your wallet. Click connect to retry the connection ",
+        connect: 'Connect wallet',
+        logout: 'Log out',
+    },
     /**
      * @description copy keys for passkeys creation flow for existent embedded wallets
      * @default
@@ -863,6 +973,7 @@ const translation = {
           warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?'
       }
      */
     dyn_wallet_link: {
@@ -878,6 +989,7 @@ const translation = {
             warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?',
     },
     /**
      * @description copy keys for connecting wallets list view
@@ -930,12 +1042,21 @@ const translation = {
      * @default
      * {
         sign: {
+          spinner: {
+            cancel: 'Cancel',
+            confirm_transfer:
+            'Sign the message to confirm transferring this wallet to this account.',
+          },
           title: 'Sign to confirm transfer',
         },
       }
      */
     dyn_wallet_transfer: {
         sign: {
+            spinner: {
+                cancel: 'Cancel',
+                confirm_transfer: 'Sign the message to confirm transferring this wallet to this account.',
+            },
             title: 'Sign to confirm transfer',
         },
     },
@@ -952,6 +1073,8 @@ const translation = {
         connect: 'Connect your wallet',
         empty_wallets: '{{action}} additional wallets to see them here.',
         other_wallets: 'My other wallets',
+        empty_wallets_action_link: 'Link',
+        empty_wallets_action_connect: 'Connect',
     },
 };