@dynamic-labs/sdk-react-core 2.1.0-alpha.18 → 2.1.0-alpha.19

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+## [2.1.0-alpha.19](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.18...v2.1.0-alpha.19) (2024-05-17)
+
+
+### Features
+
+* add createUserProfileFromSDKUser ([#5596](https://github.com/dynamic-labs/DynamicAuth/issues/5596)) ([d37a1b4](https://github.com/dynamic-labs/DynamicAuth/commit/d37a1b4119f5ff4fff1e987d157f6d5abf105a8b))
+* add headless social sign-in ([#5439](https://github.com/dynamic-labs/DynamicAuth/issues/5439)) ([e32fdf8](https://github.com/dynamic-labs/DynamicAuth/commit/e32fdf863718d661b90b592c8df734e92386ddf3))
+* fetch custom fields in profile and update user ([#5627](https://github.com/dynamic-labs/DynamicAuth/issues/5627)) ([3940c25](https://github.com/dynamic-labs/DynamicAuth/commit/3940c2542bb330f3ed9a8eb98eed9d05c8fcb03a))
+
+
+### Bug Fixes
+
+* include applinks details to AASA ([#5635](https://github.com/dynamic-labs/DynamicAuth/issues/5635)) ([ce94fec](https://github.com/dynamic-labs/DynamicAuth/commit/ce94fec80adbb3eb4efcb79d1aa2cc6eb35eab6f))
+* include the appOrigin to every api call to create correct passkey ([#5636](https://github.com/dynamic-labs/DynamicAuth/issues/5636)) ([ee64df3](https://github.com/dynamic-labs/DynamicAuth/commit/ee64df3b90037bd29cca161e601973ef202c58f0))
+* use PromptModal when using the DynamicMultiWalletPromptsWidget for pending connection views ([#5594](https://github.com/dynamic-labs/DynamicAuth/issues/5594)) ([c095b6e](https://github.com/dynamic-labs/DynamicAuth/commit/c095b6e4c974f02cfe632963be92d16bb201dfa5))
+
 ## [2.1.0-alpha.18](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.17...v2.1.0-alpha.18) (2024-05-15)
 
 ## [2.1.0-alpha.17](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.16...v2.1.0-alpha.17) (2024-05-15)

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.18";
+var version = "2.1.0-alpha.19";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.433",
+	"@dynamic-labs/sdk-api-core": "0.0.444",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.1.0-alpha.18";
+var version = "2.1.0-alpha.19";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.433",
+	"@dynamic-labs/sdk-api-core": "0.0.444",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.18",
+  "version": "2.1.0-alpha.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.433",
+    "@dynamic-labs/sdk-api-core": "0.0.444",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -18,17 +18,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "zustand": "4.5.2",
-    "@dynamic-labs/iconic": "2.1.0-alpha.18",
-    "@dynamic-labs/logger": "2.1.0-alpha.18",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.18",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.18",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.18",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.18",
-    "@dynamic-labs/types": "2.1.0-alpha.18",
-    "@dynamic-labs/utils": "2.1.0-alpha.18",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.18",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.18",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.18",
+    "@dynamic-labs/iconic": "2.1.0-alpha.19",
+    "@dynamic-labs/logger": "2.1.0-alpha.19",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.19",
+    "@dynamic-labs/types": "2.1.0-alpha.19",
+    "@dynamic-labs/utils": "2.1.0-alpha.19",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.19",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.19",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.19",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/MfaRecoveryIcon/MfaRecoveryIcon.cjs

@@ -0,0 +1,15 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../Icon/Icon.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+var mfaRecoveryIcon = require('../../shared/assets/mfa-recovery-icon.cjs');
+
+const MfaRecoveryScreenIcon = (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(mfaRecoveryIcon.ReactComponent, Object.assign({}, props, { "data-testid": 'mfa-recovery-icon' })) }));
+
+exports.MfaRecoveryScreenIcon = MfaRecoveryScreenIcon;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MfaRecoveryScreenIcon: FC;

package/src/lib/components/MfaRecoveryIcon/MfaRecoveryIcon.js

@@ -0,0 +1,11 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../Icon/Icon.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgMfaRecoveryIcon } from '../../shared/assets/mfa-recovery-icon.js';
+
+const MfaRecoveryScreenIcon = (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgMfaRecoveryIcon, Object.assign({}, props, { "data-testid": 'mfa-recovery-icon' })) }));
+
+export { MfaRecoveryScreenIcon };

package/src/lib/components/MfaRecoveryIcon/index.d.ts

@@ -0,0 +1 @@
+export { MfaRecoveryScreenIcon } from './MfaRecoveryIcon';

package/src/lib/components/Portal/Portal.cjs

@@ -83,7 +83,6 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
     const { view } = ViewContext.useViewContext();
     const shouldCloseOnBackdropClick = (view === null || view === void 0 ? void 0 : view.type) &&
         view.type !== 'collect-user-data' &&
-        view.type !== 'update-email' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&

package/src/lib/components/Portal/Portal.js

@@ -75,7 +75,6 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
     const { view } = useViewContext();
     const shouldCloseOnBackdropClick = (view === null || view === void 0 ? void 0 : view.type) &&
         view.type !== 'collect-user-data' &&
-        view.type !== 'update-email' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
@@ -42,7 +43,6 @@ require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -86,6 +86,7 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
+    const { t } = reactI18next.useTranslation();
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     // ====================================
     // INLINE VS DEFAULT PROVIDERS
@@ -123,7 +124,9 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel.providerLabel(provider)] }))] }, getProviderAsString(provider)));
+                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', copykey: 'dyn_login.social.button_label', children: t('dyn_login.social.button_label', {
+                    provider: providerLabel.providerLabel(provider),
+                }) }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
@@ -38,7 +39,6 @@ import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -82,6 +82,7 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
+    const { t } = useTranslation();
     const iconThemeVariant = useIconThemeVariant();
     // ====================================
     // INLINE VS DEFAULT PROVIDERS
@@ -119,7 +120,9 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsx(IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxs(Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel(provider)] }))] }, getProviderAsString(provider)));
+                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsx(Typography, { variant: 'button_primary', copykey: 'dyn_login.social.button_label', children: t('dyn_login.social.button_label', {
+                    provider: providerLabel(provider),
+                }) }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.d.ts

@@ -4,7 +4,7 @@ export type UserProfileFieldProps = {
     disabled?: boolean;
     label?: string;
     name: string;
-    value?: string | boolean | null;
+    value: string | boolean | null | undefined;
     autoComplete?: string;
 } & CopyKey;
 export declare const UserProfileField: ({ name, label, value, copykey, autoComplete, }: UserProfileFieldProps) => JSX.Element;

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

@@ -11,6 +11,7 @@ export * from './CopyButton';
 export * from './Divider';
 export * from './DynamicConnectButton';
 export * from './EmailIcon';
+export * from './MfaRecoveryIcon';
 export * from './EnterTileAnimation';
 export * from './ErrorContainer';
 export * from './FormFieldLabel';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -303,8 +303,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletBook: walletBook$1,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
-        authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
+        user,
     });
     const { clearAllWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -299,8 +299,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletBook,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
-        authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
+        user,
     });
     const { clearAllWalletConnectSessions } = useClearWalletConnectSessions({
         connectors: walletConnectors,

package/src/lib/context/DynamicContext/hooks/useNameService/useNameService.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -22,7 +21,7 @@ require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
 
-const useNameService = ({ currentWallet, authToken }) => {
+const useNameService = ({ currentWallet, user }) => {
     const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLET_NAME_SERVICE, null);
     const lastFetchedNameServiceAddress = React.useRef();
     const lastFetchedNameServiceNetwork = React.useRef();
@@ -60,16 +59,16 @@ const useNameService = ({ currentWallet, authToken }) => {
         return undefined;
     }), [setConnectedNameService]);
     const getNameService = (address) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         if (!currentWallet) {
             return;
         }
         const network = yield currentWallet.connector.getNetwork();
-        const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
             const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
-            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+            if (verifiedCredential && ((_a = verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name)) {
                 return verifiedCredential.nameService;
             }
         }

package/src/lib/context/DynamicContext/hooks/useNameService/useNameService.d.ts

@@ -1,10 +1,11 @@
 import { NameServiceData } from '@dynamic-labs/sdk-api-core';
 import { Wallet } from '../../../../shared';
+import { UserProfile } from '../../../../..';
 type Props = {
-    authToken: string | undefined;
+    user: UserProfile | undefined;
     currentWallet: Wallet | null;
 };
-export declare const useNameService: ({ currentWallet, authToken }: Props) => {
+export declare const useNameService: ({ currentWallet, user }: Props) => {
     getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     removeConnectedNameService: () => void;
 };

package/src/lib/context/DynamicContext/hooks/useNameService/useNameService.js

@@ -1,7 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -18,7 +17,7 @@ import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
 
-const useNameService = ({ currentWallet, authToken }) => {
+const useNameService = ({ currentWallet, user }) => {
     const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage(CONNECTED_WALLET_NAME_SERVICE, null);
     const lastFetchedNameServiceAddress = useRef();
     const lastFetchedNameServiceNetwork = useRef();
@@ -56,16 +55,16 @@ const useNameService = ({ currentWallet, authToken }) => {
         return undefined;
     }), [setConnectedNameService]);
     const getNameService = (address) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         if (!currentWallet) {
             return;
         }
         const network = yield currentWallet.connector.getNetwork();
-        const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
             const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
-            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+            if (verifiedCredential && ((_a = verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name)) {
                 return verifiedCredential.nameService;
             }
         }

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -133,7 +133,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = utils.LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -2,7 +2,7 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo, useCallback } from 'react';
-import { getTLD } from '@dynamic-labs/utils';
+import { LocationService, getTLD } from '@dynamic-labs/utils';
 import '../../events/dynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -129,7 +129,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-secure-device' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
+export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;

package/src/lib/data/api/api.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var utils = require('@dynamic-labs/utils');
 var version = require('../../../version.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -16,7 +17,6 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -41,7 +41,7 @@ const sdkApi = () => {
     }
     settings.headers['x-dyn-version'] = `WalletKit/${version.VERSION}`;
     settings.headers['x-dyn-api-version'] = `API/${version.API_VERSION}`;
-    return new sdkApiCore.SDKApi(new sdkApiCore.Configuration(settings));
+    return new sdkApiCore.SDKApi(new sdkApiCore.Configuration(Object.assign(Object.assign({}, settings), { fetchApi: utils.FetchService.fetch })));
 };
 
 exports.sdkApi = sdkApi;

package/src/lib/data/api/api.js

@@ -1,5 +1,6 @@
 'use client'
 import { SDKApi, Configuration } from '@dynamic-labs/sdk-api-core';
+import { FetchService } from '@dynamic-labs/utils';
 import { VERSION, API_VERSION } from '../../../version.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -12,7 +13,6 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
@@ -37,7 +37,7 @@ const sdkApi = () => {
     }
     settings.headers['x-dyn-version'] = `WalletKit/${VERSION}`;
     settings.headers['x-dyn-api-version'] = `API/${API_VERSION}`;
-    return new SDKApi(new Configuration(settings));
+    return new SDKApi(new Configuration(Object.assign(Object.assign({}, settings), { fetchApi: FetchService.fetch })));
 };
 
 export { sdkApi };

package/src/lib/data/api/user/user.cjs

@@ -34,6 +34,9 @@ const updateUserProfileFields = (environmentId, fields) => _tslib.__awaiter(void
             if (error.code === 'email_already_exists') {
                 throw new utils.EmailAlreadyExistsError();
             }
+            else if (error.code === 'custom_field_data_not_unique') {
+                throw new utils.CustomFieldNotUniqueError();
+            }
             else if (error.code === 'username_already_exists') {
                 throw new utils.UsernameAlreadyExistsError();
             }

package/src/lib/data/api/user/user.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { EmailAlreadyExistsError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError } from '@dynamic-labs/utils';
+import { EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -30,6 +30,9 @@ const updateUserProfileFields = (environmentId, fields) => __awaiter(void 0, voi
             if (error.code === 'email_already_exists') {
                 throw new EmailAlreadyExistsError();
             }
+            else if (error.code === 'custom_field_data_not_unique') {
+                throw new CustomFieldNotUniqueError();
+            }
             else if (error.code === 'username_already_exists') {
                 throw new UsernameAlreadyExistsError();
             }

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

@@ -378,7 +378,6 @@ const translation = {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -402,7 +401,6 @@ const translation = {
         hang_tight: 'Hang tight while we get things ready for you',
         email: {
             title: 'Confirm your email',
-            edit: 'Edit email',
             complete: 'Verification complete, the email is now verified to this account.',
         },
         phone_number: {
@@ -574,11 +572,6 @@ const translation = {
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
-          phone_number_form: {
-            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-            invalid_sms_verification:
-              'Invalid or incorrect number. Did you mistype it?',
-          },
           pending_connect: {
             title: 'Connecting a wallet',
           },
@@ -588,6 +581,11 @@ const translation = {
           pending_signature_without_back_button: {
             title: 'Signing a wallet',
           },
+          phone_number_form: {
+            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+            invalid_sms_verification:
+              'Invalid or incorrect number. Did you mistype it?',
+          },
           qr_code: {
             title: 'Connecting a wallet',
           },
@@ -596,22 +594,25 @@ const translation = {
         qr_code: {
           title: 'Connect',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         separators: {
           default: 'OR',
         },
         sign_wallet: {
           title: 'Sign',
         },
-        title: {
-          all: 'Log in or sign up',
-          all_wallet_list: 'Select your wallet',
-          wallet_only: 'Select your wallet',
+        social: {
+          button_label: 'Continue with {{provider}}',
         },
         wallet_group: {
           title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-          title: 'Select'
+        title: {
+          all: 'Log in or sign up',
+          all_wallet_list: 'Select your wallet',
+          wallet_only: 'Select your wallet',
         },
         wallet_list: {
           button_only: 'Continue with a wallet',
@@ -647,11 +648,6 @@ const translation = {
             email_form: {
                 invalid_email: 'Invalid or incorrect email. Did you mistype it?',
             },
-            phone_number_form: {
-                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
-                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
-            },
             pending_connect: {
                 title: 'Connecting a wallet',
             },
@@ -661,6 +657,11 @@ const translation = {
             pending_signature_without_back_button: {
                 title: 'Signing a wallet',
             },
+            phone_number_form: {
+                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
+                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
+            },
             qr_code: {
                 title: 'Connecting a wallet',
             },
@@ -675,6 +676,12 @@ const translation = {
         sign_wallet: {
             title: 'Sign',
         },
+        select_wallet_in_wallet_group: {
+            title: 'Select',
+        },
+        social: {
+            button_label: 'Continue with {{provider}}',
+        },
         title: {
             all: 'Log in or sign up',
             all_wallet_list: 'Select your wallet',
@@ -683,9 +690,6 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-            title: 'Select',
-        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -895,6 +899,19 @@ const translation = {
             body: 'Setup a new sign-in method in your authenticator app',
             continue: 'Continue',
         },
+        recovery_view: {
+            title: 'Enter your backup code',
+            body: 'Your backup code is the 24 character code you received when you activated two step authentication',
+            input_label: 'Enter back up code',
+            button_label: 'Continue',
+            get_help: {
+                description: 'Missing your back up codes?',
+                button_label: 'Get Help',
+            },
+            helper: {
+                title: 'Mfa Recovery Help',
+            },
+        },
     },
     /**
      * @description copy keys for merge user accounts view