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

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [0.19.0-alpha.21](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.20...v0.19.0-alpha.21) (2023-10-23)
+
+
+### ⚠ BREAKING CHANGES
+
+* Restructure the SDK packages (#3623)
+
+### Features
+
+* add support for overriding views ([#3649](https://github.com/dynamic-labs/DynamicAuth/issues/3649)) ([a722a1e](https://github.com/dynamic-labs/DynamicAuth/commit/a722a1e48d71373939e5f692bf215985959e1f0b))
+
+
+* Restructure the SDK packages ([#3623](https://github.com/dynamic-labs/DynamicAuth/issues/3623)) ([aff5342](https://github.com/dynamic-labs/DynamicAuth/commit/aff5342f469a91b9092128daf74396c3af47f698))
+
 ## [0.19.0-alpha.20](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.19...v0.19.0-alpha.20) (2023-10-23)
 
 

package/README.md

@@ -13,7 +13,7 @@ Dynamic offers smart and beautiful login flows for crypto-native users, simple o
 Want a quick overview of some of the powerful features Dynamic offers? check out our product walkthrough video below.
 
 <a href="https://www.youtube.com/watch?v=LKP-aJOTxfw
-" target="_blank"><img src="https://user-images.githubusercontent.com/1596208/224676777-5f6ffad2-f2c3-4f49-bc4e-a8643da777cd.jpg" 
+" target="_blank"><img src="https://user-images.githubusercontent.com/1596208/224676777-5f6ffad2-f2c3-4f49-bc4e-a8643da777cd.jpg"
 alt="Product walkthrough video" width="1280" /></a>
 
 ## Getting started
@@ -27,7 +27,10 @@ Here is a shoterned version of the getting started guide:
 3. Configure the SDK
 
 ```js
-import { DynamicContextProvider, DynamicWidget } from '@dynamic-labs/sdk-react';
+import {
+  DynamicContextProvider,
+  DynamicWidget,
+} from '@dynamic-labs/sdk-react-core';
 
 const App = () => (
   <DynamicContextProvider

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.20";
+var version = "0.19.0-alpha.21";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
 	"@dynamic-labs/sdk-api": "0.0.291",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.0-alpha.20";
+var version = "0.19.0-alpha.21";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
 	"@dynamic-labs/sdk-api": "0.0.291",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.20",
+  "version": "0.19.0-alpha.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,13 +17,13 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.20",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.20",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.20",
-    "@dynamic-labs/types": "0.19.0-alpha.20",
-    "@dynamic-labs/utils": "0.19.0-alpha.20",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.20",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.20",
+    "@dynamic-labs/logger": "0.19.0-alpha.21",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.21",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.21",
+    "@dynamic-labs/types": "0.19.0-alpha.21",
+    "@dynamic-labs/utils": "0.19.0-alpha.21",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.21",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.21",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -117,6 +117,7 @@ require('react-focus-lock');
 require('./lib/components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
+var useFetchProjectSettings = require('./lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
 require('./lib/config/ApiEndpoint.cjs');
 require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
@@ -291,6 +292,7 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
   get: function () { return sdkApi.DynamicJwtFromJSON; }
 });
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
+exports.useFetchProjectSettings = useFetchProjectSettings.useFetchProjectSettings;
 exports.isSameWalletName = isSameWalletName.isSameWalletName;
 exports.MockContext = MockContext.MockContext;
 exports.MockContextProvider = MockContext.MockContextProvider;

package/src/index.d.ts

@@ -23,7 +23,7 @@ export { classNames } from './lib/utils/functions/classNames';
 export { getNetwork } from './lib/utils/functions/getNetwork';
 export * from './lib/utils/functions/walletFilters';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useIsLoggedIn, } from './lib/utils/hooks';
+export { useFetchProjectSettings, useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useIsLoggedIn, } from './lib/utils/hooks';
 export { useUserUpdateRequest } from './lib/utils/hooks';
 export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -113,6 +113,7 @@ import 'react-focus-lock';
 import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
 import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
+export { useFetchProjectSettings } from './lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
 import './lib/config/ApiEndpoint.js';
 import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -6,11 +6,12 @@ import { Resources } from '../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
-import { ChainsToConnect, IDynamicContext } from './types';
+import { ChainsToConnect, IDynamicContext, SettingsOverrides } from './types';
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
 export interface DynamicContextProps {
     children: ReactNode;
     settings: {
+        overrides?: SettingsOverrides;
         walletsByChain?: ChainsToConnect[];
         accessDeniedMessagePrimary?: string;
         accessDeniedMessageSecondary?: string;

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
+import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
@@ -13,6 +13,9 @@ export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
 };
+export type SettingsOverrides = {
+    views?: Array<SdkView>;
+};
 export interface IDynamicContext {
     accessDeniedMessagePrimary?: string;
     accessDeniedMessageSecondary?: string;

package/src/lib/data/api.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
 import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
-import { UnprocessableEntityErrorCode, ChainEnum, EmbeddedWalletProviderEnum, SDKApi, Configuration, VerifyRequestFromJSON, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
+import { SDKApi, Configuration, UnprocessableEntityErrorCode, ChainEnum, EmbeddedWalletProviderEnum, VerifyRequestFromJSON, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
 import { logger } from '../shared/logger.js';

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs

@@ -30,6 +30,15 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         lsSettings.environmentId !== environmentId) {
         removeLsSettings();
     }
+    const overrideSettings = (projectSettings, overrides) => {
+        let overrideSettings = projectSettings;
+        if (overrides) {
+            if (overrides.views) {
+                overrideSettings = Object.assign(Object.assign({}, overrideSettings), { sdk: Object.assign(Object.assign({}, projectSettings.sdk), { views: overrides.views }) });
+            }
+        }
+        return overrideSettings;
+    };
     React.useEffect(() => {
         const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
         if (!authToken && !connectedWalletData) {
@@ -56,11 +65,12 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
                 .then((response) => {
                 if (!response)
                     throw new utils.DynamicError('Settings are not defined');
+                const settingsWithOverrides = overrideSettings(response, dynamicContextProps.settings.overrides);
                 const expiry = new Date().getTime() + 60000 * 5;
                 setLsSettings({
                     environmentId,
                     expiry: expiry,
-                    settings: response,
+                    settings: settingsWithOverrides,
                 });
             })
                 .catch(() => {

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.d.ts

@@ -1,3 +1,4 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { DynamicContextProps } from '../../../context/DynamicContext';
 export type fetchProjectSettingsProps = {
     authToken: string | undefined;
@@ -7,6 +8,6 @@ export type fetchProjectSettingsProps = {
 };
 export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRetries, dynamicContextProps, }: fetchProjectSettingsProps) => {
     isLoading: boolean;
-    projectSettings: import("@dynamic-labs/sdk-api").ProjectSettings | undefined;
+    projectSettings: ProjectSettings | undefined;
     removeLsSettings: () => void;
 };

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js

@@ -26,6 +26,15 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         lsSettings.environmentId !== environmentId) {
         removeLsSettings();
     }
+    const overrideSettings = (projectSettings, overrides) => {
+        let overrideSettings = projectSettings;
+        if (overrides) {
+            if (overrides.views) {
+                overrideSettings = Object.assign(Object.assign({}, overrideSettings), { sdk: Object.assign(Object.assign({}, projectSettings.sdk), { views: overrides.views }) });
+            }
+        }
+        return overrideSettings;
+    };
     useEffect(() => {
         const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
         if (!authToken && !connectedWalletData) {
@@ -52,11 +61,12 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
                 .then((response) => {
                 if (!response)
                     throw new DynamicError('Settings are not defined');
+                const settingsWithOverrides = overrideSettings(response, dynamicContextProps.settings.overrides);
                 const expiry = new Date().getTime() + 60000 * 5;
                 setLsSettings({
                     environmentId,
                     expiry: expiry,
-                    settings: response,
+                    settings: settingsWithOverrides,
                 });
             })
                 .catch(() => {