@dynamic-labs/sdk-react-core 2.1.0-alpha.15 → 2.1.0-alpha.16

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

@@ -1,32 +1,4 @@
 'use client'
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import { validateType } from '../../../shared/utils/functions/validateType/validateType.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../ViewContext/ViewContext.js';
-import 'react';
-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';
-
-// TODO: need validation for optional fields
-// https://linear.app/dynamic-labs/issue/DYN-1461
-const validateAuthUser = (data) => validateType(data, {
-    environmentId: 'environmentId',
-    lastVerifiedCredentialId: 'lastAuthenticatedAccountId',
-    userId: 'userId',
-    verifiedCredentials: [
-        {
-            format: 'format',
-            id: 'id',
-        },
-    ],
-});
 const validateLocalStorageExpiry = (data) => {
     if (!data)
         return false;
@@ -37,4 +9,4 @@ const validateLocalStorageExpiry = (data) => {
     return true;
 };
 
-export { validateAuthUser, validateLocalStorageExpiry };
+export { validateLocalStorageExpiry };

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' | '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' | '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 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/locale/en/translation.cjs

@@ -846,6 +846,15 @@ const translation = {
           sms_code_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+          title: 'Back up your codes',
+          body: 'Backup codes help recover your account if you lose access to your device.',
+          warning: 'You won’t be able to see these again',
+          copy_all: 'Copy all',
+          download: 'Download',
+          checkbox: 'I have safely stored a copy of my password',
+          complete: 'Complete',
+        },
         otp_verification_view: {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
@@ -867,6 +876,15 @@ const translation = {
             sms_code: 'SMS code',
             sms_code_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+            title: 'Back up your codes',
+            body: 'Backup codes help recover your account if you lose access to your device.',
+            warning: 'You won’t be able to see these again',
+            copy_all: 'Copy all',
+            download: 'Download',
+            checkbox: 'I have safely stored a copy of my password',
+            complete: 'Complete',
+        },
         otp_verification_view: {
             title: 'Confirm verification code',
             body: 'Enter the verification code generated by your authenticator app',

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

@@ -842,6 +842,15 @@ export declare const translation: {
           sms_code_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+          title: 'Back up your codes',
+          body: 'Backup codes help recover your account if you lose access to your device.',
+          warning: 'You won’t be able to see these again',
+          copy_all: 'Copy all',
+          download: 'Download',
+          checkbox: 'I have safely stored a copy of my password',
+          complete: 'Complete',
+        },
         otp_verification_view: {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
@@ -863,6 +872,15 @@ export declare const translation: {
             sms_code: string;
             sms_code_description: string;
         };
+        display_backup_codes_view: {
+            title: string;
+            body: string;
+            warning: string;
+            copy_all: string;
+            download: string;
+            checkbox: string;
+            complete: string;
+        };
         otp_verification_view: {
             title: string;
             body: string;

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

@@ -842,6 +842,15 @@ const translation = {
           sms_code_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+          title: 'Back up your codes',
+          body: 'Backup codes help recover your account if you lose access to your device.',
+          warning: 'You won’t be able to see these again',
+          copy_all: 'Copy all',
+          download: 'Download',
+          checkbox: 'I have safely stored a copy of my password',
+          complete: 'Complete',
+        },
         otp_verification_view: {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
@@ -863,6 +872,15 @@ const translation = {
             sms_code: 'SMS code',
             sms_code_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+            title: 'Back up your codes',
+            body: 'Backup codes help recover your account if you lose access to your device.',
+            warning: 'You won’t be able to see these again',
+            copy_all: 'Copy all',
+            download: 'Download',
+            checkbox: 'I have safely stored a copy of my password',
+            complete: 'Complete',
+        },
         otp_verification_view: {
             title: 'Confirm verification code',
             body: 'Enter the verification code generated by your authenticator app',

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -9,10 +9,6 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var logger = require('../../../logger.cjs');
 
-const connectedKeys = {
-    [localStorage.AUTH_TOKEN]: [localStorage.AUTH_USER],
-    [localStorage.AUTH_USER]: [localStorage.AUTH_TOKEN],
-};
 class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
@@ -48,10 +44,7 @@ class LocalStorage {
         }
         catch (error) {
             logger.logger.debug(`Error while parsing ${key} from local storage`, { value });
-            // keep it in case handleLogOut is not yet loaded when calling this method
-            [key]
-                .concat(connectedKeys[key] || [])
-                .forEach((_key) => LocalStorage.removeFromLS(_key));
+            LocalStorage.removeFromLS(key);
             dynamicEvents.dynamicEvents.emit('triggerLogout');
         }
         return undefined;

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -1,14 +1,10 @@
 'use client'
 import { dynamicEvents } from '../../../../events/dynamicEvents.js';
-import { AUTH_TOKEN, AUTH_USER } from '../../../../utils/constants/localStorage.js';
+import { AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { logger } from '../../../logger.js';
 
-const connectedKeys = {
-    [AUTH_TOKEN]: [AUTH_USER],
-    [AUTH_USER]: [AUTH_TOKEN],
-};
 class LocalStorage {
     static getDynamicLSKey(key) {
         return `${key}${LocalStorage.getSuffix()}`;
@@ -44,10 +40,7 @@ class LocalStorage {
         }
         catch (error) {
             logger.debug(`Error while parsing ${key} from local storage`, { value });
-            // keep it in case handleLogOut is not yet loaded when calling this method
-            [key]
-                .concat(connectedKeys[key] || [])
-                .forEach((_key) => LocalStorage.removeFromLS(_key));
+            LocalStorage.removeFromLS(key);
             dynamicEvents.emit('triggerLogout');
         }
         return undefined;

package/src/lib/shared/utils/functions/index.d.ts

@@ -1,6 +1,5 @@
 export * from './decodeJwt';
 export * from './decodeMinJwt';
-export * from './validateType';
 export * from './chain';
 export * from './wallet';
 export * from './getValueByKey';

package/src/lib/store/actions/storeActions/index.d.ts

@@ -0,0 +1 @@
+export { clearStore } from './storeActions';

package/src/lib/store/actions/storeActions/storeActions.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+
+const clearStore = () => store.getStore().setState(store.getStore().getInitialState());
+
+exports.clearStore = clearStore;

package/src/lib/store/actions/storeActions/storeActions.d.ts

@@ -0,0 +1 @@
+export declare const clearStore: () => void;

package/src/lib/store/actions/storeActions/storeActions.js

@@ -0,0 +1,6 @@
+'use client'
+import { getStore } from '../../store.js';
+
+const clearStore = () => getStore().setState(getStore().getInitialState());
+
+export { clearStore };

package/src/lib/store/actions/userActions/index.d.ts

@@ -0,0 +1 @@
+export { getUser, setUser, removeUser, type GetUserAction, type RemoveUserAction, type SetUserAction, } from './userActions';

package/src/lib/store/actions/userActions/userActions.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+
+const setUser = (user) => store.getStore().setState({ user });
+
+exports.setUser = setUser;

package/src/lib/store/actions/userActions/userActions.d.ts

@@ -0,0 +1,7 @@
+import { UserProfile } from '@dynamic-labs/types';
+export type SetUserAction = (user: UserProfile) => void;
+export type GetUserAction = () => UserProfile | undefined;
+export type RemoveUserAction = () => void;
+export declare const setUser: SetUserAction;
+export declare const getUser: GetUserAction;
+export declare const removeUser: RemoveUserAction;

package/src/lib/store/actions/userActions/userActions.js

@@ -0,0 +1,6 @@
+'use client'
+import { getStore } from '../../store.js';
+
+const setUser = (user) => getStore().setState({ user });
+
+export { setUser };

package/src/lib/store/hooks/useUser/index.d.ts

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

package/src/lib/store/hooks/useUser/useUser.cjs

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zustand = require('zustand');
+var shallow = require('zustand/react/shallow');
+var store = require('../../store.cjs');
+
+const useUser = () => zustand.useStore(store.getStore(), shallow.useShallow((state) => state.user));
+
+exports.useUser = useUser;

package/src/lib/store/hooks/useUser/useUser.d.ts

@@ -0,0 +1 @@
+export declare const useUser: () => import("dist/packages/types/src").UserProfile | undefined;

package/src/lib/store/hooks/useUser/useUser.js

@@ -0,0 +1,8 @@
+'use client'
+import { useStore } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import { getStore } from '../../store.js';
+
+const useUser = () => useStore(getStore(), useShallow((state) => state.user));
+
+export { useUser };

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

@@ -0,0 +1,4 @@
+export * from './actions/userActions';
+export * from './actions/storeActions';
+export * from './hooks/useUser';
+export { initializeStore } from './store';

package/src/lib/store/store.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createStore = require('./utils/createStore/createStore.cjs');
+var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = (props) => {
+    if (store) {
+        return;
+    }
+    store = syncLegacyStorage.syncLegacyStorage(createStore.createStore(props));
+};
+
+exports.getStore = getStore;
+exports.initializeStore = initializeStore;

package/src/lib/store/store.d.ts

@@ -0,0 +1,13 @@
+import { CreateStoreProps } from './utils/createStore';
+export declare const getStore: () => Omit<import("zustand").StoreApi<import("./types").Store>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("./types").Store, import("./types").Store>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: import("./types").Store) => void) => () => void;
+        onFinishHydration: (fn: (state: import("./types").Store) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("./types").Store, import("./types").Store>>;
+    };
+};
+export declare const initializeStore: (props?: CreateStoreProps) => void;

package/src/lib/store/store.js

@@ -0,0 +1,19 @@
+'use client'
+import { createStore } from './utils/createStore/createStore.js';
+import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = (props) => {
+    if (store) {
+        return;
+    }
+    store = syncLegacyStorage(createStore(props));
+};
+
+export { getStore, initializeStore };

package/src/lib/store/types.d.ts

@@ -0,0 +1,4 @@
+import { UserProfile } from '@dynamic-labs/types';
+export type Store = {
+    user: UserProfile | undefined;
+};

package/src/lib/store/utils/createStore/createStore.cjs

@@ -0,0 +1,21 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var localStorage = require('../../../utils/constants/localStorage.cjs');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+
+const createStore = ({ storageSuffix } = {}) => zustand.createStore(middleware.persist(() => ({
+    user: undefined,
+}), {
+    name: storageSuffix
+        ? `${localStorage.STORE_STORAGE_KEY}_${storageSuffix}`
+        : localStorage.STORE_STORAGE_KEY,
+    version: 0,
+}));
+
+exports.createStore = createStore;

package/src/lib/store/utils/createStore/createStore.d.ts

@@ -0,0 +1,16 @@
+import { Store } from '../../types';
+export type CreateStoreProps = {
+    storageSuffix?: string;
+};
+export declare const createStore: ({ storageSuffix }?: CreateStoreProps) => Omit<import("zustand").StoreApi<Store>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<Store, Store>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: Store) => void) => () => void;
+        onFinishHydration: (fn: (state: Store) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<Store, Store>>;
+    };
+};
+export type CoreStore = ReturnType<typeof createStore>;

package/src/lib/store/utils/createStore/createStore.js

@@ -0,0 +1,17 @@
+'use client'
+import { createStore as createStore$1 } from 'zustand';
+import { persist } from 'zustand/middleware';
+import { STORE_STORAGE_KEY } from '../../../utils/constants/localStorage.js';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+
+const createStore = ({ storageSuffix } = {}) => createStore$1(persist(() => ({
+    user: undefined,
+}), {
+    name: storageSuffix
+        ? `${STORE_STORAGE_KEY}_${storageSuffix}`
+        : STORE_STORAGE_KEY,
+    version: 0,
+}));
+
+export { createStore };

package/src/lib/store/utils/createStore/index.d.ts

@@ -0,0 +1 @@
+export { type CoreStore, type CreateStoreProps, createStore, } from './createStore';

package/src/lib/store/utils/syncLegacyStorage/index.d.ts

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

package/src/lib/store/utils/syncLegacyStorage/syncLegacyStorage.cjs

@@ -0,0 +1,30 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+
+const AUTH_USER = 'dynamic_authenticated_user';
+const syncLegacyStorage = (store) => {
+    const legacyUser = localStorage.LocalStorage.getFromLS(AUTH_USER);
+    if (Boolean(legacyUser) && !store.getState().user) {
+        store.setState({ user: legacyUser });
+        localStorage.LocalStorage.removeFromLS(AUTH_USER);
+    }
+    return store;
+};
+
+exports.syncLegacyStorage = syncLegacyStorage;

package/src/lib/store/utils/syncLegacyStorage/syncLegacyStorage.d.ts

@@ -0,0 +1,2 @@
+import { CoreStore } from '../createStore';
+export declare const syncLegacyStorage: (store: CoreStore) => CoreStore;

package/src/lib/store/utils/syncLegacyStorage/syncLegacyStorage.js

@@ -0,0 +1,26 @@
+'use client'
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+
+const AUTH_USER = 'dynamic_authenticated_user';
+const syncLegacyStorage = (store) => {
+    const legacyUser = LocalStorage.getFromLS(AUTH_USER);
+    if (Boolean(legacyUser) && !store.getState().user) {
+        store.setState({ user: legacyUser });
+        LocalStorage.removeFromLS(AUTH_USER);
+    }
+    return store;
+};
+
+export { syncLegacyStorage };