@dynamic-labs/sdk-react-core 4.32.1-preview.0 → 4.33.0

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.cjs

@@ -12,11 +12,14 @@ var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
 var session = require('../../../../../shared/assets/session.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
-var projectSettings = require('../../../../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
+require('../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../../shared/logger.cjs');
 require('../../../../../utils/constants/colors.cjs');
@@ -25,24 +28,21 @@ require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../store/state/nonce/nonce.cjs');
-require('@dynamic-labs-sdk/client/core');
-require('../../../../../client/client.cjs');
-require('@dynamic-labs-sdk/client');
-require('../../../../../config/ApiEndpoint.cjs');
-require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../locale/locale.cjs');
 require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var isZKSyncEnabled = require('../../../../../utils/functions/isZKSyncEnabled/isZKSyncEnabled.cjs');
+require('../../../../../events/dynamicEvents.cjs');
+var useProjectSettings = require('../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 var classNames = require('../../../../../utils/functions/classNames/classNames.cjs');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 
 const ZKSyncSessionsSection = ({ isLoading = false }) => {
     const { t } = reactI18next.useTranslation();
-    const projectSettings$1 = projectSettings.useProjectSettings();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const isZKSyncWallet = React.useMemo(() => isZKSyncEnabled.isZKSyncEnabled(projectSettings$1), [projectSettings$1]);
+    const isZKSyncWallet = React.useMemo(() => isZKSyncEnabled.isZKSyncEnabled(projectSettings), [projectSettings]);
     const handleSessionManagementClick = React.useCallback(() => setDynamicWidgetView('session-management'), [setDynamicWidgetView]);
     if (!isZKSyncWallet) {
         return null;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.js

@@ -8,11 +8,14 @@ import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/c
 import { ReactComponent as SvgSession } from '../../../../../shared/assets/session.js';
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
-import { useProjectSettings } from '../../../../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
+import '../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../../../config/ApiEndpoint.js';
 import '../../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+import '../../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../../shared/logger.js';
 import '../../../../../utils/constants/colors.js';
@@ -21,16 +24,13 @@ import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../../../../shared/consts/index.js';
 import '../../../../../store/state/nonce/nonce.js';
-import '@dynamic-labs-sdk/client/core';
-import '../../../../../client/client.js';
-import '@dynamic-labs-sdk/client';
-import '../../../../../config/ApiEndpoint.js';
-import '../../../../../events/dynamicEvents.js';
 import '../../../../../locale/locale.js';
 import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { isZKSyncEnabled } from '../../../../../utils/functions/isZKSyncEnabled/isZKSyncEnabled.js';
+import '../../../../../events/dynamicEvents.js';
+import { useProjectSettings } from '../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 

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

@@ -39,7 +39,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -76,8 +75,8 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../../../components/Icon/Icon.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');

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

@@ -35,7 +35,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -72,8 +71,8 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../../../components/Icon/Icon.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/getPromptAmountParams/getPromptAmountParams.cjs

@@ -4,12 +4,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@dynamic-labs/utils');
-var projectSettings = require('../../../../../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs/sdk-api-core');
+require('../../../../../../client/client.cjs');
+require('react');
+require('@dynamic-labs-sdk/client');
+require('../../../../../../config/ApiEndpoint.cjs');
+require('../../../../../../../../_virtual/_tslib.cjs');
+require('../../../../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../../../../shared/logger.cjs');
+require('../../../../../../utils/constants/colors.cjs');
+require('react-international-phone');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../../../shared/consts/index.cjs');
+require('../../../../../../store/state/nonce/nonce.cjs');
+require('../../../../../../locale/locale.cjs');
+require('../../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../../../../events/dynamicEvents.cjs');
+var getProjectSettings = require('../../../../../../client/extension/projectSettings/getProjectSettings/getProjectSettings.cjs');
 
 const getPromptAmountParams = ({ wallet, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const walletChain = wallet.connector.connectedChain;
-    const chainSettings = (_e = (_d = (_c = (_b = (_a = projectSettings.getProjectSettings()) === null || _a === void 0 ? void 0 : _a.sdk.funding) === null || _b === void 0 ? void 0 : _b.externalWallets) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.chainSettings) === null || _e === void 0 ? void 0 : _e.find(({ chain }) => chain === walletChain);
+    const chainSettings = (_e = (_d = (_c = (_b = (_a = getProjectSettings.getProjectSettings()) === null || _a === void 0 ? void 0 : _a.sdk.funding) === null || _b === void 0 ? void 0 : _b.externalWallets) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.chainSettings) === null || _e === void 0 ? void 0 : _e.find(({ chain }) => chain === walletChain);
     // This is always supposed to be present, otherwise there's some backend error
     if (!((_f = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _f === void 0 ? void 0 : _f.value) || !((_g = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _g === void 0 ? void 0 : _g.rule))
         throw new utils.DynamicError(`No wallet funding chain settings found for chain ${walletChain}`);

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/getPromptAmountParams/getPromptAmountParams.js

@@ -1,6 +1,30 @@
 'use client'
 import { DynamicError } from '@dynamic-labs/utils';
-import { getProjectSettings } from '../../../../../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client/core';
+import '@dynamic-labs/sdk-api-core';
+import '../../../../../../client/client.js';
+import 'react';
+import '@dynamic-labs-sdk/client';
+import '../../../../../../config/ApiEndpoint.js';
+import '../../../../../../../../_virtual/_tslib.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 '@dynamic-labs/wallet-book';
+import '../../../../../../shared/consts/index.js';
+import '../../../../../../store/state/nonce/nonce.js';
+import '../../../../../../locale/locale.js';
+import '../../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../../../../events/dynamicEvents.js';
+import { getProjectSettings } from '../../../../../../client/extension/projectSettings/getProjectSettings/getProjectSettings.js';
 
 const getPromptAmountParams = ({ wallet, }) => {
     var _a, _b, _c, _d, _e, _f, _g;

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.cjs

@@ -38,7 +38,7 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../../config/ApiEndpoint.cjs');
-var projectSettings = require('../../../../../store/state/projectSettings/projectSettings.cjs');
+var useProjectSettings = require('../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('../../../../../locale/locale.cjs');
 require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -129,17 +129,17 @@ const useFundingMethods = () => {
     const { enabledOnrampProviders, selectOnrampProvider } = OnrampContext.useOnrampContext();
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const projectSettings$1 = projectSettings.useProjectSettings();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const exchangeNames = React.useMemo(() => {
-        if (!(projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges))
+        if (!(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges))
             return [];
-        const names = projectSettings$1.exchanges.flatMap(({ exchange, enabledAt }) => {
+        const names = projectSettings.exchanges.flatMap(({ exchange, enabledAt }) => {
             if (!enabledAt)
                 return [];
             return [convertExchangeKeyAndProviderEnum.convertExchangeKeytoProviderEnum(exchange)];
         });
         return [...new Set(names)];
-    }, [projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges]);
+    }, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges]);
     const viewWalletsFilter = React.useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
         ? index.FilterChain(primaryWallet.chain)
         : undefined, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain]);
@@ -232,7 +232,7 @@ const useFundingMethods = () => {
             });
         }
         if (exchangeNames.length > 0 &&
-            ((_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.enableExchanges)) {
+            ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.enableExchanges)) {
             methods.push({
                 icon: jsxRuntime.jsx(globe.ReactComponent, {}),
                 key: 'exchange',
@@ -260,7 +260,7 @@ const useFundingMethods = () => {
         onrampOptions.length,
         filteredLinkedWallets.length,
         exchangeNames.length,
-        (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.enableExchanges,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.enableExchanges,
         externalWalletFundingEnabled,
         paymentMethods,
         selectOnrampProvider,

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.js

@@ -34,7 +34,7 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../../config/ApiEndpoint.js';
-import { useProjectSettings } from '../../../../../store/state/projectSettings/projectSettings.js';
+import { useProjectSettings } from '../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '../../../../../locale/locale.js';
 import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../store/state/primaryWalletId/primaryWalletId.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.cjs

@@ -23,13 +23,13 @@ require('../../../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../../../shared/consts/index.cjs');
 require('../../../../../../store/state/nonce/nonce.cjs');
-var projectSettings = require('../../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../../locale/locale.cjs');
 require('../../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../../../events/dynamicEvents.cjs');
 var useOnboardingCompleteUser = require('../../../../../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.cjs');
+var useProjectSettings = require('../../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 var OnrampContext = require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 var authMode = require('../../../../../../store/state/authMode/authMode.cjs');
 require('../../../../../../context/DynamicContext/DynamicContext.cjs');
@@ -111,30 +111,30 @@ const useStartExchangeFunding = () => {
     const { linkSocialAccount } = useSocialAccounts.useSocialAccounts();
     const promptAmountAndFundWithExchange = usePromptAndFundWithExchange.usePromptAmountAndFundWithExchange();
     const { openOnramp } = OnrampContext.useOnrampContext();
-    const projectSettings$1 = projectSettings.useProjectSettings();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const startExchangeFunding = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         const authMode$1 = authMode.getAuthMode();
         try {
             let exchange;
-            if ((projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges) &&
-                ((_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+            if ((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges) &&
+                ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges) === null || _a === void 0 ? void 0 : _a.length) > 1) {
                 exchange = yield connectExchangeForFunding({
                     initiatedByWidget: true,
                 });
             }
-            else if (projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges) {
-                exchange = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges[0].exchange;
+            else if (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges) {
+                exchange = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges[0].exchange;
             }
             else {
                 return;
             }
-            const fullExchange = projectSettings$1.exchanges.find((e) => e.exchange === exchange);
+            const fullExchange = projectSettings.exchanges.find((e) => e.exchange === exchange);
             const provider = fullExchange === null || fullExchange === void 0 ? void 0 : fullExchange.socialProvider;
             const connectedSocial = (_c = (_b = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.some(({ oauthProvider }) => oauthProvider === provider)) !== null && _c !== void 0 ? _c : false;
             const connectThoughSocial = provider &&
-                (projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.providers) &&
-                (((_d = projectSettings$1.providers.find((p) => p.provider === provider)) === null || _d === void 0 ? void 0 : _d.enabledAt) ||
+                (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) &&
+                (((_d = projectSettings.providers.find((p) => p.provider === provider)) === null || _d === void 0 ? void 0 : _d.enabledAt) ||
                     connectedSocial);
             if (connectThoughSocial) {
                 if (!connectedSocial) {
@@ -161,8 +161,8 @@ const useStartExchangeFunding = () => {
             });
         }
     }), [
-        projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.exchanges,
-        projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.providers,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.exchanges,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
         connectExchangeForFunding,
         user === null || user === void 0 ? void 0 : user.verifiedCredentials,
         user === null || user === void 0 ? void 0 : user.id,

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.js

@@ -19,13 +19,13 @@ import '../../../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../../../shared/consts/index.js';
 import '../../../../../../store/state/nonce/nonce.js';
-import { useProjectSettings } from '../../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../../locale/locale.js';
 import '../../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../../../events/dynamicEvents.js';
 import { useOnboardingCompleteUser } from '../../../../../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.js';
+import { useProjectSettings } from '../../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import { useOnrampContext } from '../../../../../../context/OnrampContext/OnrampContext.js';
 import { getAuthMode } from '../../../../../../store/state/authMode/authMode.js';
 import '../../../../../../context/DynamicContext/DynamicContext.js';

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

@@ -33,7 +33,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -76,12 +75,12 @@ var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWa
 var Divider = require('../../../../components/Divider/Divider.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var Image = require('../../../../components/Image/Image.cjs');
-var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');

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

@@ -29,7 +29,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -72,12 +71,12 @@ import { shortenWalletAddress } from '../../../../shared/utils/functions/shorten
 import { Divider } from '../../../../components/Divider/Divider.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { Image } from '../../../../components/Image/Image.js';
-import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';

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

@@ -35,7 +35,7 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
+var useProjectSettings = require('../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -76,8 +76,8 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
@@ -90,6 +90,7 @@ require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
+var EmbeddedDelegatedSection = require('./EmbeddedDelegatedSection/EmbeddedDelegatedSection.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -109,14 +110,16 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const ConnectedAppsView = ({ name }) => {
-    var _a;
+    var _a, _b, _c, _d;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet } = useDynamicContext.useDynamicContext();
     const [connectedApps, setConnectedApps] = React.useState([]);
     const [refreshing, setRefreshing] = React.useState(false);
     const [showSuccessMessage, setShowSuccessMessage] = React.useState(false);
+    const projectSettings = useProjectSettings.useProjectSettings();
     const { globalWallet } = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _a !== void 0 ? _a : {};
+    const isWalletDelegationEnabled = (_d = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.waas) === null || _c === void 0 ? void 0 : _c.delegatedAccess) === null || _d === void 0 ? void 0 : _d.enabled;
     React.useEffect(() => {
         const fetchConnectedApps = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -184,7 +187,7 @@ const ConnectedAppsView = ({ name }) => {
                                     }, dataTestId: 'open-app-button' }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => handleDisconnect(app.topic), buttonVariant: 'tertiary', buttonPadding: 'none', startSlot: jsxRuntime.jsx(unlink.ReactComponent, {}), typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_secondary',
-                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxRuntime.jsxs("div", { className: 'success-message', children: [jsxRuntime.jsx(check.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] }))] }));
+                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxRuntime.jsxs("div", { className: 'success-message', children: [jsxRuntime.jsx(check.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] })), isWalletDelegationEnabled && jsxRuntime.jsx(EmbeddedDelegatedSection.EmbeddedDelegatedSection, {})] }));
 };
 
 exports.ConnectedAppsView = ConnectedAppsView;

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

@@ -31,7 +31,7 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
+import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -72,8 +72,8 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
@@ -86,6 +86,7 @@ import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
+import { EmbeddedDelegatedSection } from './EmbeddedDelegatedSection/EmbeddedDelegatedSection.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -105,14 +106,16 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 
 const ConnectedAppsView = ({ name }) => {
-    var _a;
+    var _a, _b, _c, _d;
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet } = useDynamicContext();
     const [connectedApps, setConnectedApps] = useState([]);
     const [refreshing, setRefreshing] = useState(false);
     const [showSuccessMessage, setShowSuccessMessage] = useState(false);
+    const projectSettings = useProjectSettings();
     const { globalWallet } = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _a !== void 0 ? _a : {};
+    const isWalletDelegationEnabled = (_d = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.waas) === null || _c === void 0 ? void 0 : _c.delegatedAccess) === null || _d === void 0 ? void 0 : _d.enabled;
     useEffect(() => {
         const fetchConnectedApps = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
@@ -180,7 +183,7 @@ const ConnectedAppsView = ({ name }) => {
                                     }, dataTestId: 'open-app-button' }), jsx(TypographyButton, { onClick: () => handleDisconnect(app.topic), buttonVariant: 'tertiary', buttonPadding: 'none', startSlot: jsx(SvgUnlink, {}), typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_secondary',
-                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxs("div", { className: 'success-message', children: [jsx(SvgCheck, {}), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] }))] }));
+                                    } })] })] }, app.url))) })), showSuccessMessage && (jsxs("div", { className: 'success-message', children: [jsx(SvgCheck, {}), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'global_wallet.connected_apps.success', children: t('global_wallet.connected_apps.success', { name }) })] })), isWalletDelegationEnabled && jsx(EmbeddedDelegatedSection, {})] }));
 };
 
 export { ConnectedAppsView, ConnectedAppsView as default };

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/EmbeddedDelegatedSection/EmbeddedDelegatedSection.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var Typography = require('../../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
+var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+var useWalletDelegation = require('../../../../../utils/hooks/useWalletDelegation/useWalletDelegation.cjs');
+var logger = require('../../../../../shared/logger.cjs');
+
+const EmbeddedDelegatedSection = () => {
+    const { t } = reactI18next.useTranslation();
+    const { initDelegationProcess } = useWalletDelegation.useWalletDelegation();
+    const handleDelegateWalletsClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield initDelegationProcess();
+        }
+        catch (error) {
+            logger.logger.error('Failed to open wallet delegation modal:', error);
+        }
+    }), [initDelegationProcess]);
+    return (jsxRuntime.jsx("div", { className: 'settings-view__body__section', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'delegate-wallets-button', onClick: handleDelegateWalletsClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+            // eslint-disable-next-line react/jsx-wrap-multilines
+            jsxRuntime.jsx("div", { className: 'settings-view__body__section__button__start-slot', children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.delegate_wallets_section.button', children: t('dyn_settings.delegate_wallets_section.button', 'Manage Delegate Wallets') }) }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }) }));
+};
+
+exports.EmbeddedDelegatedSection = EmbeddedDelegatedSection;

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/EmbeddedDelegatedSection/EmbeddedDelegatedSection.d.ts

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

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/EmbeddedDelegatedSection/EmbeddedDelegatedSection.js

@@ -0,0 +1,30 @@
+'use client'
+import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
+import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
+import '@dynamic-labs/iconic';
+import '../../../../../context/ViewContext/ViewContext.js';
+import { useWalletDelegation } from '../../../../../utils/hooks/useWalletDelegation/useWalletDelegation.js';
+import { logger } from '../../../../../shared/logger.js';
+
+const EmbeddedDelegatedSection = () => {
+    const { t } = useTranslation();
+    const { initDelegationProcess } = useWalletDelegation();
+    const handleDelegateWalletsClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield initDelegationProcess();
+        }
+        catch (error) {
+            logger.error('Failed to open wallet delegation modal:', error);
+        }
+    }), [initDelegationProcess]);
+    return (jsx("div", { className: 'settings-view__body__section', children: jsx(TypographyButton, { dataTestId: 'delegate-wallets-button', onClick: handleDelegateWalletsClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+            // eslint-disable-next-line react/jsx-wrap-multilines
+            jsx("div", { className: 'settings-view__body__section__button__start-slot', children: jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.delegate_wallets_section.button', children: t('dyn_settings.delegate_wallets_section.button', 'Manage Delegate Wallets') }) }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }) }));
+};
+
+export { EmbeddedDelegatedSection };

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/EmbeddedDelegatedSection/index.d.ts

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

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

@@ -37,7 +37,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');

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

@@ -33,7 +33,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';