@dynamic-labs/sdk-react-core 2.1.0-alpha.20 → 2.1.0-alpha.21

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -32,6 +32,7 @@ require('viem');
 require('viem/chains');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -46,9 +47,6 @@ require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 var getPasskeyProviderFromUserAgent = require('../../../helpers/getPasskeyProviderFromUserAgent.cjs');
 var getTimeSince = require('../../../helpers/getTimeSince.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -28,6 +28,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -42,9 +43,6 @@ import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../views/CollectUserDataView/useFields.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import { getPasskeyProviderFromUserAgent } from '../../../helpers/getPasskeyProviderFromUserAgent.js';
 import { getTimeSince } from '../../../helpers/getTimeSince.js';

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.cjs

@@ -33,6 +33,7 @@ require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -47,9 +48,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../../context/FooterAnimationContext/index.cjs');

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.js

@@ -29,6 +29,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -43,9 +44,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../../context/FooterAnimationContext/index.js';

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.cjs

@@ -12,7 +12,6 @@ var classNames = require('../../../../utils/functions/classNames/classNames.cjs'
 require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -40,6 +39,7 @@ require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -57,9 +57,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -103,7 +100,7 @@ require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumb
 
 const WalletSettingsView = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { authToken, projectSettings, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { addEmbeddedWalletRecoveryEmail } = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator();
     const { createPassword } = useEmbeddedWallet.useEmbeddedWallet();
@@ -113,11 +110,10 @@ const WalletSettingsView = () => {
     const { t } = reactI18next.useTranslation();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const [isLoading, setIsLoading] = React.useState(false);
-    const decodedJwt = decodeJwt.decodeJwt(authToken);
-    const cbWalletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'coinbasempc')) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const cbWalletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'coinbasempc')) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isCoinbaseWallet = walletConnectorCore.isCoinbaseMpcWalletConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     const hasClaimedCoinbaseMPC = Boolean(cbWalletProperties === null || cbWalletProperties === void 0 ? void 0 : cbWalletProperties.claimed);
-    const turnkeyWalletProperties = (_d = (_c = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _d === void 0 ? void 0 : _d.walletProperties;
+    const turnkeyWalletProperties = (_d = (_c = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _d === void 0 ? void 0 : _d.walletProperties;
     const isTurnkeyHDWallet = turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId;
     const isPasskeyEnabled = Boolean((_h = (_g = (_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.supportedSecurityMethods) === null || _g === void 0 ? void 0 : _g.passkey) === null || _h === void 0 ? void 0 : _h.isEnabled);
     const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;

package/src/lib/widgets/DynamicWidget/views/WalletSettingsView/WalletSettingsView.js

@@ -8,7 +8,6 @@ import { classNames } from '../../../../utils/functions/classNames/classNames.js
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -36,6 +35,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -53,9 +53,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
@@ -99,7 +96,7 @@ import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumbe
 
 const WalletSettingsView = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { authToken, projectSettings, primaryWallet } = useInternalDynamicContext();
+    const { projectSettings, primaryWallet, user } = useInternalDynamicContext();
     const { goToInitialDynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
     const { addEmbeddedWalletRecoveryEmail } = useEmbeddedWalletAuthenticator();
     const { createPassword } = useEmbeddedWallet();
@@ -109,11 +106,10 @@ const WalletSettingsView = () => {
     const { t } = useTranslation();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const [isLoading, setIsLoading] = useState(false);
-    const decodedJwt = decodeJwt(authToken);
-    const cbWalletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'coinbasempc')) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const cbWalletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'coinbasempc')) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isCoinbaseWallet = isCoinbaseMpcWalletConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     const hasClaimedCoinbaseMPC = Boolean(cbWalletProperties === null || cbWalletProperties === void 0 ? void 0 : cbWalletProperties.claimed);
-    const turnkeyWalletProperties = (_d = (_c = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _d === void 0 ? void 0 : _d.walletProperties;
+    const turnkeyWalletProperties = (_d = (_c = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _d === void 0 ? void 0 : _d.walletProperties;
     const isTurnkeyHDWallet = turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId;
     const isPasskeyEnabled = Boolean((_h = (_g = (_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.supportedSecurityMethods) === null || _g === void 0 ? void 0 : _g.passkey) === null || _h === void 0 ? void 0 : _h.isEnabled);
     const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -29,6 +29,7 @@ require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -44,9 +45,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -25,6 +25,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -40,9 +41,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -29,6 +29,7 @@ require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
+require('@dynamic-labs/store');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -43,9 +44,6 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('zustand');
-require('zustand/middleware');
-require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../../context/FooterAnimationContext/index.cjs');

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -25,6 +25,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
+import '@dynamic-labs/store';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -39,9 +40,6 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import 'zustand';
-import 'zustand/middleware';
-import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../../context/FooterAnimationContext/index.js';

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

@@ -1,21 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-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

@@ -1,17 +0,0 @@
-'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

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