@dynamic-labs/sdk-react-core 2.1.0-alpha.3 → 2.1.0-alpha.31

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

@@ -0,0 +1,27 @@
+'use client'
+import { useSyncExternalStore } from 'react';
+
+/**
+ * Custom hook that provides a slice of the store state based on a selector function.
+ *
+ * @template TState - The type of the store state.
+ * @template StateSlice - The type of the selected slice of the store state.
+ * @param {StoreApi<TState>} api - The store API object.
+ * @param {(state: TState) => StateSlice} selector - The selector function to extract the desired store slice.
+ * @returns {StateSlice} - The selected slice of the store state.
+ *
+ * @example
+ * const store = createStore(() => ({
+ *   count: 0,
+ * }))
+ *
+ * const count = useStoreWithSelector(store, ({ count }) => count);
+ */
+const useStoreWithSelector = (api, selector) => {
+    const getSnapshot = () => selector(api.getState());
+    const getServerSnapshot = () => selector(api.getInitialState());
+    const slice = useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
+    return slice;
+};
+
+export { useStoreWithSelector };

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,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+var useStoreWithSelector = require('../useStoreWithSelector/useStoreWithSelector.cjs');
+
+const useUser = () => {
+    var _a, _b;
+    const userFromStore = useStoreWithSelector.useStoreWithSelector(store.getStore(), ({ user }) => user);
+    // adding unauthenticatedUser to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they are already fully authenticated.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or unauthenticatedUser, depending on the value of missing fields or mfa required.
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if (((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) ||
+        ((_b = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth'))) {
+        return { unauthenticatedUser: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+exports.useUser = useUser;

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

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

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

@@ -0,0 +1,20 @@
+'use client'
+import { getStore } from '../../store.js';
+import { useStoreWithSelector } from '../useStoreWithSelector/useStoreWithSelector.js';
+
+const useUser = () => {
+    var _a, _b;
+    const userFromStore = useStoreWithSelector(getStore(), ({ user }) => user);
+    // adding unauthenticatedUser to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they are already fully authenticated.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or unauthenticatedUser, depending on the value of missing fields or mfa required.
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if (((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) ||
+        ((_b = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth'))) {
+        return { unauthenticatedUser: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+export { useUser };

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

@@ -0,0 +1,8 @@
+export * from './actions/networkConfigurationsActions';
+export * from './actions/projectSettingsActions';
+export * from './actions/storeActions';
+export * from './actions/userActions';
+export * from './hooks/useNetworkConfigurations';
+export * from './hooks/useProjectSettings';
+export * from './hooks/useUser';
+export { initializeStore } from './store';

package/src/lib/store/store.cjs

@@ -0,0 +1,49 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store$1 = require('@dynamic-labs/store');
+var localStorage$1 = require('../utils/constants/localStorage.cjs');
+require('../utils/constants/colors.cjs');
+require('../utils/constants/values.cjs');
+var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
+var clearExpiredData = require('./utils/clearExpiredData/clearExpiredData.cjs');
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = ({ storageSuffix, environmentId, }) => {
+    if (store) {
+        return;
+    }
+    const persistName = storageSuffix
+        ? `${localStorage$1.STORE_STORAGE_KEY}_${storageSuffix}`
+        : localStorage$1.STORE_STORAGE_KEY;
+    const persist = store$1.createPersist({
+        name: persistName,
+        storage: getStorage(),
+    });
+    store = clearExpiredData.clearExpiredData(syncLegacyStorage.syncLegacyStorage(persist(store$1.createStore(() => ({
+        environmentId,
+        networkConfigurations: undefined,
+        projectSettings: undefined,
+        user: undefined,
+    })))));
+};
+const getStorage = () => {
+    if (typeof localStorage === 'undefined') {
+        return {
+            getItem: () => null,
+            setItem: () => { },
+        };
+    }
+    return window.localStorage;
+};
+
+exports.getStore = getStore;
+exports.initializeStore = initializeStore;

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

@@ -0,0 +1,4 @@
+import { StoreApi } from '@dynamic-labs/store';
+import { SdkStore, SdkStoreProps } from './types';
+export declare const getStore: () => StoreApi<SdkStore>;
+export declare const initializeStore: ({ storageSuffix, environmentId, }: SdkStoreProps) => void;

package/src/lib/store/store.js

@@ -0,0 +1,44 @@
+'use client'
+import { createPersist, createStore } from '@dynamic-labs/store';
+import { STORE_STORAGE_KEY } from '../utils/constants/localStorage.js';
+import '../utils/constants/colors.js';
+import '../utils/constants/values.js';
+import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
+import { clearExpiredData } from './utils/clearExpiredData/clearExpiredData.js';
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = ({ storageSuffix, environmentId, }) => {
+    if (store) {
+        return;
+    }
+    const persistName = storageSuffix
+        ? `${STORE_STORAGE_KEY}_${storageSuffix}`
+        : STORE_STORAGE_KEY;
+    const persist = createPersist({
+        name: persistName,
+        storage: getStorage(),
+    });
+    store = clearExpiredData(syncLegacyStorage(persist(createStore(() => ({
+        environmentId,
+        networkConfigurations: undefined,
+        projectSettings: undefined,
+        user: undefined,
+    })))));
+};
+const getStorage = () => {
+    if (typeof localStorage === 'undefined') {
+        return {
+            getItem: () => null,
+            setItem: () => { },
+        };
+    }
+    return window.localStorage;
+};
+
+export { getStore, initializeStore };

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

@@ -0,0 +1,20 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+import { NetworkConfigurationMap, UserProfile } from '@dynamic-labs/types';
+export type SdkStoreProps = {
+    environmentId: string;
+    storageSuffix?: string;
+};
+export type SdkStore = {
+    environmentId: string | undefined;
+    user: UserProfile | undefined;
+    projectSettings: StoredProjectSettings | undefined;
+    networkConfigurations: StoredNetworkConfigurations | undefined;
+};
+export type StoredProjectSettings = {
+    expiresAt: number;
+    settings: ProjectSettings;
+};
+export type StoredNetworkConfigurations = {
+    expiresAt: number;
+    networkConfigurations: NetworkConfigurationMap;
+};

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

@@ -0,0 +1,37 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
+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 clearExpiredData = (store) => {
+    const { projectSettings, networkConfigurations, user } = store.getState();
+    // TODO: we can clean this up once we move wallet info to the store
+    const [connectedWalletData] = localStorage.LocalStorage.getFromLS(localStorage$1.CONNECTED_WALLETS_INFO) || [];
+    const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
+    if ((projectSettings && projectSettings.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ projectSettings: undefined });
+    }
+    if ((networkConfigurations && networkConfigurations.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ networkConfigurations: undefined });
+    }
+    return store;
+};
+
+exports.clearExpiredData = clearExpiredData;

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

@@ -0,0 +1,3 @@
+import { StoreApi } from '@dynamic-labs/store';
+import { SdkStore } from '../../types';
+export declare const clearExpiredData: (store: StoreApi<SdkStore>) => StoreApi<SdkStore>;

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

@@ -0,0 +1,33 @@
+'use client'
+import { CONNECTED_WALLETS_INFO } from '../../../utils/constants/localStorage.js';
+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 clearExpiredData = (store) => {
+    const { projectSettings, networkConfigurations, user } = store.getState();
+    // TODO: we can clean this up once we move wallet info to the store
+    const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
+    const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
+    if ((projectSettings && projectSettings.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ projectSettings: undefined });
+    }
+    if ((networkConfigurations && networkConfigurations.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ networkConfigurations: undefined });
+    }
+    return store;
+};
+
+export { clearExpiredData };

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

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

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

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

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

@@ -0,0 +1,42 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/wallet-connector-core');
+var createUserProfile = require('../../../utils/functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../utils/constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/consts/index.cjs');
+require('react-international-phone');
+var index = require('../../../utils/functions/storeAuthToken/index.cjs');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+var userActions = require('../../actions/userActions/userActions.cjs');
+require('../../../locale/locale.cjs');
+var storeExpiresAt = require('../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');
+
+const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    storeExpiresAt.storeExpiresAt(expiresAt);
+    if (jwt && minifiedJwt) {
+        index.storeAuthToken(jwt, minifiedJwt);
+    }
+    const userProfile = createUserProfile.createUserProfileFromSdkUser(user);
+    userActions.setUser(userProfile);
+    return userProfile;
+};
+
+exports.storeAuthTokenAndUser = storeAuthTokenAndUser;

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

@@ -0,0 +1,3 @@
+import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
+import { UserProfile } from '../../../..';
+export declare const storeAuthTokenAndUser: ({ user, jwt, minifiedJwt, expiresAt, }: VerifyResponse) => UserProfile;

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

@@ -0,0 +1,38 @@
+'use client'
+import '@dynamic-labs/wallet-connector-core';
+import { createUserProfileFromSdkUser } from '../../../utils/functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/consts/index.js';
+import 'react-international-phone';
+import { storeAuthToken } from '../../../utils/functions/storeAuthToken/index.js';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import { setUser } from '../../actions/userActions/userActions.js';
+import '../../../locale/locale.js';
+import { storeExpiresAt } from '../../../utils/functions/storeExpiresAt/storeExpiresAt.js';
+
+const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    storeExpiresAt(expiresAt);
+    if (jwt && minifiedJwt) {
+        storeAuthToken(jwt, minifiedJwt);
+    }
+    const userProfile = createUserProfileFromSdkUser(user);
+    setUser(userProfile);
+    return userProfile;
+};
+
+export { storeAuthTokenAndUser };

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,3 @@
+import { StoreApi } from '@dynamic-labs/store';
+import { SdkStore } from '../../types';
+export declare const syncLegacyStorage: (store: StoreApi<SdkStore>) => StoreApi<SdkStore>;

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 };