@dynamic-labs/sdk-react-core 0.18.0-RC.11 → 0.18.0-RC.13

package/CHANGELOG.md

@@ -1,4 +1,35 @@
 
+## [0.18.0-RC.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.12...v0.18.0-RC.13) (2023-07-11)
+
+
+### Features
+
+* **DynamicContextProvider:** expose socialProviderFilter to modify social provider display order ([#2607](https://github.com/dynamic-labs/DynamicAuth/issues/2607)) ([0f03260](https://github.com/dynamic-labs/DynamicAuth/commit/0f03260e739da3e68c32a2a87a2ca629bb1f28b5))
+* **GVTY-21:** Blocto Email provider ([#2524](https://github.com/dynamic-labs/DynamicAuth/issues/2524)) ([434ce59](https://github.com/dynamic-labs/DynamicAuth/commit/434ce598b3bc13841121b61e5ead7547d3c44eea))
+* listen for the network change in network not supported views ([#2611](https://github.com/dynamic-labs/DynamicAuth/issues/2611)) ([957fbce](https://github.com/dynamic-labs/DynamicAuth/commit/957fbce55d7906f9d6b109838035b2c0306a4b85))
+
+
+### Bug Fixes
+
+* Clean up provider re-initializing after logout ([#2632](https://github.com/dynamic-labs/DynamicAuth/issues/2632)) ([fbc2201](https://github.com/dynamic-labs/DynamicAuth/commit/fbc22013d6784061cb4fdd72e24695c89f0e2fe5))
+* **MagicWalletConnector:** check if user is logged when getting balance ([#2614](https://github.com/dynamic-labs/DynamicAuth/issues/2614)) ([ced9d66](https://github.com/dynamic-labs/DynamicAuth/commit/ced9d66cb335c3033a18642bdd841ee6be6c1e05))
+* **useValidateSessin:** only check for bridge on wallet connect wallets ([#2571](https://github.com/dynamic-labs/DynamicAuth/issues/2571)) ([349b659](https://github.com/dynamic-labs/DynamicAuth/commit/349b65963f1d5392f63aaa138f6498f0d17cd43f))
+
+## [0.18.0-RC.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.11...v0.18.0-RC.12) (2023-07-07)
+
+
+### Features
+
+* add event listeners to connect-only ([#2578](https://github.com/dynamic-labs/DynamicAuth/issues/2578)) ([42fcf09](https://github.com/dynamic-labs/DynamicAuth/commit/42fcf096ac439ec883a79bf5811b27cdc360015a))
+* add message when search finds no wallet ([#2421](https://github.com/dynamic-labs/DynamicAuth/issues/2421)) ([694ecee](https://github.com/dynamic-labs/DynamicAuth/commit/694ecee94d9f6f636364eae4aa95ea48e3ff0e0a))
+* allow adding either ToS or PP and enable customization for both ([#2451](https://github.com/dynamic-labs/DynamicAuth/issues/2451)) ([0dce0fe](https://github.com/dynamic-labs/DynamicAuth/commit/0dce0fe534056298cbfdd9caa694231ede00c3fc))
+
+
+### Bug Fixes
+
+* **BridgeSummaryView:** handle primary wallet when it is not defined ([#2602](https://github.com/dynamic-labs/DynamicAuth/issues/2602)) ([8a5daa4](https://github.com/dynamic-labs/DynamicAuth/commit/8a5daa4b2ad218460ccfaab0fa68c75d0d5d569f))
+* secondary wallets network change overrides primary wallet network ([#2603](https://github.com/dynamic-labs/DynamicAuth/issues/2603)) ([358fc45](https://github.com/dynamic-labs/DynamicAuth/commit/358fc45ecb73f31294744f7ba4dbba5779a3e1cf))
+
 ## [0.18.0-RC.11](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.10...v0.18.0-RC.11) (2023-07-07)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.11";
+var version = "0.18.0-RC.13";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.222",
+	"@dynamic-labs/sdk-api": "0.0.228",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.18.0-RC.11";
+var version = "0.18.0-RC.13";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.222",
+	"@dynamic-labs/sdk-api": "0.0.228",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.11",
+  "version": "0.18.0-RC.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,20 +9,20 @@
   "dependencies": {
     "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.23",
-    "@dynamic-labs/sdk-api": "0.0.222",
+    "@dynamic-labs/sdk-api": "0.0.228",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.11",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.11",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.11",
-    "@dynamic-labs/types": "0.18.0-RC.11",
-    "@dynamic-labs/utils": "0.18.0-RC.11",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.11",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.11"
+    "@dynamic-labs/logger": "0.18.0-RC.13",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.13",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.13",
+    "@dynamic-labs/types": "0.18.0-RC.13",
+    "@dynamic-labs/utils": "0.18.0-RC.13",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.13",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.13"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/lib/Main.cjs

@@ -39,7 +39,7 @@ require('./components/Alert/Alert.cjs');
 var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('./utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('./components/Popper/Popper/Popper.cjs');
-require('./components/Popper/PopperContext/PopperContext.cjs');
+var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('./components/InlineWidget/InlineWidget.cjs');
@@ -106,7 +106,7 @@ const Main = () => {
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
     return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
                     onUnmount: handleOnPortalUnmount,
-                } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap.viewToComponentMap[view] })) })) }) }));
+                } }, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap.viewToComponentMap[view] })) }) })) }) }));
 };
 
 exports.Main = Main;

package/src/lib/Main.js

@@ -35,7 +35,7 @@ import './components/Alert/Alert.js';
 import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import './utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import './components/Popper/Popper/Popper.js';
-import './components/Popper/PopperContext/PopperContext.js';
+import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import './components/InlineWidget/InlineWidget.js';
@@ -102,7 +102,7 @@ const Main = () => {
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
     return (jsx(SocialRedirectContextProvider, { children: jsx(FooterAnimationContextProvider, { children: jsx(Portal, Object.assign({ zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
                     onUnmount: handleOnPortalUnmount,
-                } }, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap[view] })) })) }) }));
+                } }, { children: jsx(PopperProvider, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap[view] })) }) })) }) }));
 };
 
 export { Main, Main as default };

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

@@ -1,5 +1,6 @@
 export { ReactComponent as Logo } from './logo.svg';
 export { ReactComponent as WalletHelpIcon1 } from './wallet-help-icon-1.svg';
 export { ReactComponent as SearchIcon } from './search.svg';
+export { ReactComponent as NoWalletFoundIcon } from './no-wallet-found.svg';
 export { ReactComponent as ProfileIcon } from './profile.svg';
 export { ReactComponent as DynamicLogo } from './dynamic-logo.svg';

package/src/lib/assets/no-wallet-found.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path, _rect, _rect2, _rect3;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgNoWalletFound = function SvgNoWalletFound(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 121,
+    height: 81,
+    viewBox: "0 0 121 81",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M99.064 34.016c-6.654 0-12.048 5.394-12.048 12.048 0 6.653 5.394 12.047 12.048 12.047 6.653 0 12.047-5.394 12.047-12.047 0-6.654-5.394-12.048-12.047-12.048ZM83 46.064C83 37.192 90.192 30 99.064 30c8.871 0 16.063 7.192 16.063 16.064 0 3.712-1.259 7.13-3.373 9.85l8.658 8.658a2.008 2.008 0 0 1-2.84 2.84l-8.658-8.658a15.994 15.994 0 0 1-9.85 3.373C90.192 62.127 83 54.935 83 46.064Z",
+    fill: "#16254D",
+    fillOpacity: 0.07
+  })), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    y: 8,
+    width: 121,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })), _rect2 || (_rect2 = /*#__PURE__*/React__namespace.createElement("rect", {
+    y: 30,
+    width: 75,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })), _rect3 || (_rect3 = /*#__PURE__*/React__namespace.createElement("rect", {
+    y: 52,
+    width: 75,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })));
+};
+
+exports.ReactComponent = SvgNoWalletFound;

package/src/lib/assets/no-wallet-found.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+var _path, _rect, _rect2, _rect3;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgNoWalletFound = function SvgNoWalletFound(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 121,
+    height: 81,
+    viewBox: "0 0 121 81",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M99.064 34.016c-6.654 0-12.048 5.394-12.048 12.048 0 6.653 5.394 12.047 12.048 12.047 6.653 0 12.047-5.394 12.047-12.047 0-6.654-5.394-12.048-12.047-12.048ZM83 46.064C83 37.192 90.192 30 99.064 30c8.871 0 16.063 7.192 16.063 16.064 0 3.712-1.259 7.13-3.373 9.85l8.658 8.658a2.008 2.008 0 0 1-2.84 2.84l-8.658-8.658a15.994 15.994 0 0 1-9.85 3.373C90.192 62.127 83 54.935 83 46.064Z",
+    fill: "#16254D",
+    fillOpacity: 0.07
+  })), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    y: 8,
+    width: 121,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement("rect", {
+    y: 30,
+    width: 75,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement("rect", {
+    y: 52,
+    width: 75,
+    height: 16,
+    rx: 4,
+    fill: "#16254D",
+    fillOpacity: 0.05
+  })));
+};
+
+export { SvgNoWalletFound as ReactComponent };

package/src/lib/components/TosAndPp/TosAndPp.cjs

@@ -8,9 +8,24 @@ require('@dynamic-labs/utils');
 var isConnectOnly = require('../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
-const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, }) => {
-    const { user, authMode } = useInternalDynamicContext.useInternalDynamicContext();
-    return (jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", isConnectOnly.isConnectOnly(user, authMode) ? 'connecting' : 'logging in', ", you agree to", jsxRuntime.jsx("br", {}), "our\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })), "\u00A0&\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
+const TosAndPp = () => {
+    const { user, authMode, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    const connectionType = isConnectOnly.isConnectOnly(user, authMode)
+        ? 'connecting'
+        : 'logging in';
+    const renderTermsOfServices = () => {
+        if (!termsOfServiceUrl) {
+            return;
+        }
+        return (jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })));
+    };
+    const renderPrivacyPolicy = () => {
+        if (!privacyPolicyUrl) {
+            return;
+        }
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [termsOfServiceUrl && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u00A0&\u00A0" }), jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" }))] }));
+    };
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(privacyPolicyUrl || termsOfServiceUrl) && (jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", connectionType, ", you agree to", jsxRuntime.jsx("br", {}), "our\u00A0", renderTermsOfServices(), renderPrivacyPolicy(), "."] }))), customTermsOfServices, customPrivacyPolicy] }));
 };
 
 exports.TosAndPp = TosAndPp;

package/src/lib/components/TosAndPp/TosAndPp.d.ts

@@ -1,7 +1,2 @@
 /// <reference types="react" />
-type Props = {
-    privacyPolicyUrl: string;
-    termsOfServiceUrl: string;
-};
-export declare const TosAndPp: ({ privacyPolicyUrl, termsOfServiceUrl, }: Props) => JSX.Element | null;
-export {};
+export declare const TosAndPp: () => JSX.Element | null;

package/src/lib/components/TosAndPp/TosAndPp.js

@@ -1,12 +1,27 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/utils';
 import { isConnectOnly } from '../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 import { Typography } from '../Typography/Typography.js';
 
-const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, }) => {
-    const { user, authMode } = useInternalDynamicContext();
-    return (jsxs(Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", isConnectOnly(user, authMode) ? 'connecting' : 'logging in', ", you agree to", jsx("br", {}), "our\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })), "\u00A0&\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
+const TosAndPp = () => {
+    const { user, authMode, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext();
+    const connectionType = isConnectOnly(user, authMode)
+        ? 'connecting'
+        : 'logging in';
+    const renderTermsOfServices = () => {
+        if (!termsOfServiceUrl) {
+            return;
+        }
+        return (jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })));
+    };
+    const renderPrivacyPolicy = () => {
+        if (!privacyPolicyUrl) {
+            return;
+        }
+        return (jsxs(Fragment, { children: [termsOfServiceUrl && jsx(Fragment, { children: "\u00A0&\u00A0" }), jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" }))] }));
+    };
+    return (jsxs(Fragment, { children: [(privacyPolicyUrl || termsOfServiceUrl) && (jsxs(Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", connectionType, ", you agree to", jsx("br", {}), "our\u00A0", renderTermsOfServices(), renderPrivacyPolicy(), "."] }))), customTermsOfServices, customPrivacyPolicy] }));
 };
 
 export { TosAndPp };

package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Typography = require('../Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+var Icon = require('../Icon/Icon.cjs');
+
+const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
+    const details = React.useMemo(() => {
+        const shortenAddress = shortenWalletAddress.shortenWalletAddress(address, 4, 4);
+        if (ens) {
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_normal', truncate: true }, { children: ens })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: shortenAddress }))] }));
+        }
+        return (jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_normal', color: 'primary' }, { children: shortenAddress })));
+    }, [ens, address]);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-information-card' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-information-card__header' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-information-card__details-container' }, { children: [icon && (jsxRuntime.jsx(Icon.Icon, Object.assign({ className: 'wallet-information-card__icon' }, { children: icon }))), jsxRuntime.jsx("div", Object.assign({ className: 'wallet-information-card__details' }, { children: details })), jsxRuntime.jsx("div", Object.assign({ className: 'wallet-information-card__menu' }, { children: menu }))] })), network] })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-information-card__balance-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_small' }, { children: "Balance" })), balance] }))] })));
+};
+
+exports.WalletInformationCard = WalletInformationCard;

package/src/lib/components/WalletInformationCard/WalletInformationCard.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement, ReactNode } from 'react';
+type WalletInformationCardProps = {
+    address: string;
+    ens?: string;
+    icon?: ReactElement;
+    network?: ReactNode;
+    balance?: ReactNode;
+    menu?: ReactNode;
+};
+export declare const WalletInformationCard: FC<WalletInformationCardProps>;
+export {};

package/src/lib/components/WalletInformationCard/WalletInformationCard.js

@@ -0,0 +1,29 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Typography } from '../Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import { Icon } from '../Icon/Icon.js';
+
+const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
+    const details = useMemo(() => {
+        const shortenAddress = shortenWalletAddress(address, 4, 4);
+        if (ens) {
+            return (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ color: 'primary', variant: 'body_normal', truncate: true }, { children: ens })), jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: shortenAddress }))] }));
+        }
+        return (jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_normal', color: 'primary' }, { children: shortenAddress })));
+    }, [ens, address]);
+    return (jsxs("div", Object.assign({ className: 'wallet-information-card' }, { children: [jsxs("div", Object.assign({ className: 'wallet-information-card__header' }, { children: [jsxs("div", Object.assign({ className: 'wallet-information-card__details-container' }, { children: [icon && (jsx(Icon, Object.assign({ className: 'wallet-information-card__icon' }, { children: icon }))), jsx("div", Object.assign({ className: 'wallet-information-card__details' }, { children: details })), jsx("div", Object.assign({ className: 'wallet-information-card__menu' }, { children: menu }))] })), network] })), jsxs("div", Object.assign({ className: 'wallet-information-card__balance-container' }, { children: [jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small' }, { children: "Balance" })), balance] }))] })));
+};
+
+export { WalletInformationCard };

package/src/lib/components/WalletInformationCard/index.d.ts

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

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

@@ -44,3 +44,4 @@ export * from './Stepper';
 export * from './Modal';
 export * from './ModalCard';
 export * from './InlineWidget';
+export * from './WalletInformationCard';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -91,7 +91,7 @@ var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/use
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, socialProvidersFilter, }, children, theme, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
@@ -151,7 +151,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, connectWalletByAddressAndChain, unlinkConnectedWallet, setConnectedWallet, } = useConnectWallet.useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, connectWalletByAddressAndChain, unlinkConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
@@ -230,7 +230,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedWalletsInfo();
-        setConnectedWallet(null);
         removeConnectedUser();
         clearPrimaryWalletId();
         removeConnectedNameService();
@@ -246,7 +245,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeAuthTokenAndUser,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
         removeConnectedUser,
         clearPrimaryWalletId,
         removeConnectedNameService,
@@ -277,6 +275,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { loadingNetwork, network, setNetwork } = useWalletEventListeners.useWalletEventListeners({
+        authMode,
         computeConnectedStateForWallets,
         connectWalletByAddressAndChain,
         handleLogOut,
@@ -322,7 +321,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setMultiWalletWidgetState('idle');
         if (authMode !== 'connect-only') {
             removeConnectedWalletsInfo();
-            setConnectedWallet(null);
         }
         if (!localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER)) {
             localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
@@ -343,7 +341,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet,
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
     ]);
     const value = React.useMemo(() => {
         var _a, _b;
@@ -369,6 +366,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             connectedWalletsInfo,
             consumeNonce,
             cssOverrides,
+            customPrivacyPolicy,
+            customTermsOfServices,
             debugError,
             decodedAuthToken: decodeJwt.decodeJwt(getAuthToken.getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
@@ -447,6 +446,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
+            socialProvidersFilter,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -460,6 +460,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             walletsToConnectByChain,
         });
     }, [
+        socialProvidersFilter,
         accessDeniedButton,
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
@@ -474,6 +475,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
+        customPrivacyPolicy,
+        customTermsOfServices,
         primaryWallet,
         secondaryWallets,
         connectedWalletsInfo,
@@ -598,7 +601,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
                             isBridgeFlow,
                             isUserConnected,
                             loginWithEmail,
-                        }) }, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
+                        }) }, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad, connectWalletByAddressAndChain: connectWalletByAddressAndChain }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction, ReactNode } from 'react';
 import { WalletConnector, FetchPublicAddressOpts, WalletConnectorsMethod, Chain } from '@dynamic-labs/wallet-connector-core';
 import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { LogLevel } from '@dynamic-labs/logger';
-import { EvmNetwork, NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
+import { EvmNetwork, NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks, WalletWithAction, AccessDeniedCustomButton } from '../../shared';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { MultiWalletWidgetStateSetter } from '../../utils/hooks/multiWallet';
@@ -39,6 +39,8 @@ export interface IDynamicContext {
     connectedWalletsInfo: ConnectedWalletConnectorType[] | [];
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
+    customPrivacyPolicy?: ReactNode;
+    customTermsOfServices?: ReactNode;
     debugError: boolean;
     decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
@@ -126,6 +128,7 @@ export interface IDynamicContext {
     walletUiUtils: WalletUiUtils;
     wallets: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    socialProvidersFilter?: SocialProviderFilter;
     removeConnectedWalletsInfo: () => void;
 }
 export interface DynamicContextProps {
@@ -163,6 +166,7 @@ export interface DynamicContextProps {
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;
         policiesConsentInnerComponent?: ReactNode | ReactNode[];
+        customPrivacyPolicy?: ReactNode;
         privacyPolicyUrl?: string;
         shadowDOMEnabled?: boolean;
         signWithEmailWalletName?: string;
@@ -170,13 +174,15 @@ export interface DynamicContextProps {
         socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
         socialMediaLinkText?: string;
         socialMediaUrl?: string;
+        customTermsOfServices?: ReactNode;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
         walletConnectV1Bridge?: string;
         walletConnectors?: WalletConnectorsMethod[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
+        socialProvidersFilter?: SocialProviderFilter;
     };
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, socialProvidersFilter, }, children, theme, }: DynamicContextProps) => JSX.Element;