@dynamic-labs/sdk-react-core 4.0.0-alpha.47 → 4.0.0-alpha.49

package/src/lib/store/state/projectSettings/projectSettings.js

@@ -2,20 +2,21 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
+import '../../../config/ApiEndpoint.js';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import '../../../utils/constants/colors.js';
+import 'react-international-phone';
 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 '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
+import '../nonce/nonce.js';
 import '../user/user.js';
 import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
@@ -27,7 +28,6 @@ import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../events/dynamicEvents.js';
-import { useEnvironmentId } from '../dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -44,7 +44,8 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../walletConnectorOptions.js';
+import { useEnvironmentId } from '../dynamicContextProps/dynamicContextProps.js';
+import '../walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -74,6 +75,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';

package/src/lib/store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -20,6 +20,7 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../nonce/nonce.cjs');
 var index = require('../../../../utils/functions/storeAuthToken/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 var storeExpiresAt = require('../../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');

package/src/lib/store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -16,6 +16,7 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
+import '../../nonce/nonce.js';
 import { storeAuthToken } from '../../../../utils/functions/storeAuthToken/index.js';
 import '../../../../config/ApiEndpoint.js';
 import { storeExpiresAt } from '../../../../utils/functions/storeExpiresAt/storeExpiresAt.js';

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

@@ -0,0 +1 @@
+export * from './walletOptions';

package/src/lib/store/state/walletOptions/walletOptions.cjs

@@ -0,0 +1,59 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
+
+const walletOptionsState = createStoreState.createStoreState('walletOptions');
+const { getWalletOptions, useWalletOptions } = walletOptionsState;
+const getWalletConnectorOptions = () => getWalletOptions().walletConnectorOptions;
+const useWalletConnectorOptions = () => useWalletOptions().walletConnectorOptions;
+const setWalletConnectorOptions = (walletConnectorOptions) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { walletConnectorOptions }));
+};
+const getWalletGroups = () => getWalletOptions().groups;
+const useWalletGroups = () => useWalletOptions().groups;
+const setWalletGroups = (groups) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { groups }));
+};
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+const mergeWalletGroups = (groups) => {
+    const currentGroups = getWalletGroups();
+    const mergedGroups = Object.assign(Object.assign({}, currentGroups), groups);
+    setWalletGroups(mergedGroups);
+};
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    setWalletConnectorOptions(updatedWalletOptions);
+};
+
+exports.getWalletConnectorOptions = getWalletConnectorOptions;
+exports.getWalletGroups = getWalletGroups;
+exports.getWalletOptions = getWalletOptions;
+exports.mergeWalletConnectorOptions = mergeWalletConnectorOptions;
+exports.mergeWalletGroups = mergeWalletGroups;
+exports.setWalletConnectorOptions = setWalletConnectorOptions;
+exports.setWalletGroups = setWalletGroups;
+exports.useWalletConnectorOptions = useWalletConnectorOptions;
+exports.useWalletGroups = useWalletGroups;
+exports.useWalletOptions = useWalletOptions;

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

@@ -0,0 +1,18 @@
+import { WalletGroups, WalletOption } from '../../../shared';
+export declare const getWalletOptions: () => import("../..").WalletOptionsState, useWalletOptions: () => import("../..").WalletOptionsState;
+export declare const getWalletConnectorOptions: () => WalletOption[];
+export declare const useWalletConnectorOptions: () => WalletOption[];
+export declare const setWalletConnectorOptions: (walletConnectorOptions: WalletOption[]) => void;
+export declare const getWalletGroups: () => WalletGroups;
+export declare const useWalletGroups: () => WalletGroups;
+export declare const setWalletGroups: (groups: WalletGroups) => void;
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+export declare const mergeWalletGroups: (groups: WalletGroups) => void;
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+export declare const mergeWalletConnectorOptions: (options: WalletOption[]) => void;

package/src/lib/store/state/walletOptions/walletOptions.js

@@ -0,0 +1,46 @@
+'use client'
+import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
+
+const walletOptionsState = createStoreState('walletOptions');
+const { getWalletOptions, useWalletOptions } = walletOptionsState;
+const getWalletConnectorOptions = () => getWalletOptions().walletConnectorOptions;
+const useWalletConnectorOptions = () => useWalletOptions().walletConnectorOptions;
+const setWalletConnectorOptions = (walletConnectorOptions) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { walletConnectorOptions }));
+};
+const getWalletGroups = () => getWalletOptions().groups;
+const useWalletGroups = () => useWalletOptions().groups;
+const setWalletGroups = (groups) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { groups }));
+};
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+const mergeWalletGroups = (groups) => {
+    const currentGroups = getWalletGroups();
+    const mergedGroups = Object.assign(Object.assign({}, currentGroups), groups);
+    setWalletGroups(mergedGroups);
+};
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    setWalletConnectorOptions(updatedWalletOptions);
+};
+
+export { getWalletConnectorOptions, getWalletGroups, getWalletOptions, mergeWalletConnectorOptions, mergeWalletGroups, setWalletConnectorOptions, setWalletGroups, useWalletConnectorOptions, useWalletGroups, useWalletOptions };

package/src/lib/store/stateConfig.cjs

@@ -11,6 +11,7 @@ const createInitialStates = (dynamicContextProps) => ({
     loadingAndLifecycle: {
         sessionValidation: false,
     },
+    nonce: { expiresAt: undefined, nonce: undefined },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -24,13 +25,17 @@ const createInitialStates = (dynamicContextProps) => ({
         tokenBalances: undefined,
     },
     user: undefined,
-    walletConnectorOptions: [],
+    walletOptions: {
+        groups: {},
+        walletConnectorOptions: [],
+    },
 });
 /**
  * Filters out which variables should be stored to local storage.
  * Also allows transforming them before storage.
  */
 const transformStateForLocalStorage = (state) => ({
+    nonce: state.nonce,
     projectSettings: state.projectSettings,
     user: state.user,
 });

package/src/lib/store/stateConfig.js

@@ -7,6 +7,7 @@ const createInitialStates = (dynamicContextProps) => ({
     loadingAndLifecycle: {
         sessionValidation: false,
     },
+    nonce: { expiresAt: undefined, nonce: undefined },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -20,13 +21,17 @@ const createInitialStates = (dynamicContextProps) => ({
         tokenBalances: undefined,
     },
     user: undefined,
-    walletConnectorOptions: [],
+    walletOptions: {
+        groups: {},
+        walletConnectorOptions: [],
+    },
 });
 /**
  * Filters out which variables should be stored to local storage.
  * Also allows transforming them before storage.
  */
 const transformStateForLocalStorage = (state) => ({
+    nonce: state.nonce,
     projectSettings: state.projectSettings,
     user: state.user,
 });

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

@@ -1,15 +1,16 @@
 import { ProjectSettings, TokenBalance } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-import { WalletOption } from '../shared/types/wallets';
+import { WalletGroups, WalletOption } from '../shared/types/wallets';
 import type { DynamicContextProps } from '../context/DynamicContext/types';
 export type SdkStore = {
     user: UserProfile | undefined;
     projectSettings: StoredProjectSettings;
     tokenBalancesState: TokenBalancesState;
     sendBalanceState: SendBalanceState;
-    walletConnectorOptions: WalletOption[];
+    walletOptions: WalletOptionsState;
     loadingAndLifecycle: LoadingAndLifecycle;
     dynamicContextProps: Pick<DynamicContextProps, 'emitErrors' | 'enableInstrumentation' | 'locale' | 'settings' | 'theme'>;
+    nonce: StoredNonce;
 };
 export type LoadingAndLifecycle = {
     /**
@@ -28,6 +29,10 @@ export type TokenBalancesState = {
     tokenBalances: TokenBalance[] | undefined;
     isError: boolean;
 };
+export type WalletOptionsState = {
+    walletConnectorOptions: WalletOption[];
+    groups: WalletGroups;
+};
 export type StoredProjectSettings = {
     expiresAt: number | undefined;
     settings: ProjectSettings | undefined;
@@ -38,3 +43,7 @@ export type StateConfig = {
         useLocalStorage?: boolean;
     };
 };
+export type StoredNonce = {
+    expiresAt: number | undefined;
+    nonce: string | undefined;
+};