@dynamic-labs/sdk-react-core 0.19.0-alpha.25 → 0.19.0-alpha.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/package.cjs +2 -2
  3. package/package.js +2 -2
  4. package/package.json +10 -10
  5. package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs +1 -1
  6. package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.js +1 -1
  7. package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.types.d.ts +2 -4
  8. package/src/lib/components/Button/Button.cjs +1 -0
  9. package/src/lib/components/Button/Button.d.ts +1 -1
  10. package/src/lib/components/Button/Button.js +1 -0
  11. package/src/lib/components/LogoutButton/LogoutButton.cjs +1 -3
  12. package/src/lib/components/LogoutButton/LogoutButton.js +1 -3
  13. package/src/lib/components/NetworkPicker/NetworkPicker.cjs +5 -2
  14. package/src/lib/components/NetworkPicker/NetworkPicker.js +5 -2
  15. package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs +1 -1
  16. package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js +2 -2
  17. package/src/lib/components/SocialSignIn/SocialSignIn.cjs +8 -3
  18. package/src/lib/components/SocialSignIn/SocialSignIn.js +8 -3
  19. package/src/lib/components/Typography/Typography.cjs +1 -0
  20. package/src/lib/components/Typography/Typography.js +1 -0
  21. package/src/lib/components/Typography/Typography.types.d.ts +1 -1
  22. package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs +1 -1
  23. package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js +1 -1
  24. package/src/lib/context/DynamicContext/DynamicContext.cjs +5 -3
  25. package/src/lib/context/DynamicContext/DynamicContext.js +5 -3
  26. package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts +0 -1
  27. package/src/lib/context/DynamicContext/useDynamicContext.cjs +1 -2
  28. package/src/lib/context/DynamicContext/useDynamicContext.d.ts +1 -1
  29. package/src/lib/context/DynamicContext/useDynamicContext.js +1 -2
  30. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +8 -8
  31. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +8 -8
  32. package/src/lib/context/ViewContext/ViewContext.cjs +14 -1
  33. package/src/lib/context/ViewContext/ViewContext.d.ts +3 -1
  34. package/src/lib/context/ViewContext/ViewContext.js +15 -2
  35. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +2 -2
  36. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.d.ts +2 -2
  37. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +2 -2
  38. package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs +3 -2
  39. package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.d.ts +2 -3
  40. package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js +4 -3
  41. package/src/lib/shared/utils/hooks/useOnClickOutside/index.cjs +2 -2
  42. package/src/lib/shared/utils/hooks/useOnClickOutside/index.js +2 -2
  43. package/src/lib/styles/index.shadow.cjs +1 -1
  44. package/src/lib/styles/index.shadow.js +1 -1
  45. package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs +26 -0
  46. package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.d.ts +1 -0
  47. package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.js +22 -0
  48. package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/index.d.ts +1 -0
  49. package/src/lib/utils/functions/index.d.ts +1 -0
  50. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs +2 -5
  51. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js +2 -5
  52. package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs +12 -6
  53. package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js +12 -6
  54. package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs +1 -7
  55. package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js +2 -8
  56. package/src/lib/utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs +2 -6
  57. package/src/lib/utils/hooks/usePrimaryWalletId/usePrimaryWalletId.d.ts +1 -2
  58. package/src/lib/utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js +2 -6
  59. package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs +15 -5
  60. package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js +15 -5
  61. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +4 -2
  62. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.d.ts +2 -1
  63. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +4 -2
  64. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +3 -8
  65. package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +3 -8
  66. package/src/lib/utils/types/ClassStyleProps.d.ts +5 -0
  67. package/src/lib/utils/types/index.d.ts +1 -0
  68. package/src/lib/views/LoginView/LoginView.cjs +1 -1
  69. package/src/lib/views/LoginView/LoginView.js +1 -1
  70. package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs +7 -2
  71. package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js +8 -3
  72. package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs +2 -4
  73. package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js +2 -4
  74. package/src/lib/views/LoginView/useLoginView.cjs +31 -17
  75. package/src/lib/views/LoginView/useLoginView.js +32 -18
  76. package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs +1 -1
  77. package/src/lib/views/PendingSignatureView/PendingSignatureView.js +1 -1
  78. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.cjs +2 -2
  79. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.d.ts +4 -1
  80. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedAuthFlow/DynamicEmbeddedAuthFlow.js +2 -2
  81. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.cjs +2 -2
  82. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.d.ts +4 -1
  83. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js +2 -2
  84. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.cjs +2 -2
  85. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.d.ts +4 -1
  86. package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedWidget.js +2 -2
  87. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +2 -2
  88. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +2 -2
  89. package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs +1 -1
  90. package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js +1 -1
  91. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +1 -1
  92. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +2 -2
  93. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs +2 -2
  94. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js +2 -2
  95. package/src/lib/utils/hooks/useWalletEventListeners/utils/index.d.ts +0 -1
  96. package/src/lib/utils/hooks/useWalletEventListeners/utils/sortAccountsByPrimaryWallet/index.d.ts +0 -1
  97. package/src/lib/utils/hooks/useWalletEventListeners/utils/sortAccountsByPrimaryWallet/sortAccountsByPrimaryWallet.cjs +0 -9
  98. package/src/lib/utils/hooks/useWalletEventListeners/utils/sortAccountsByPrimaryWallet/sortAccountsByPrimaryWallet.d.ts +0 -2
  99. package/src/lib/utils/hooks/useWalletEventListeners/utils/sortAccountsByPrimaryWallet/sortAccountsByPrimaryWallet.js +0 -5
package/CHANGELOG.md CHANGED
@@ -1,4 +1,43 @@
1
1
 
2
+ ## [0.19.0-alpha.27](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.26...v0.19.0-alpha.27) (2023-10-26)
3
+
4
+
5
+ ### ⚠ BREAKING CHANGES
6
+
7
+ * **useDynamicContext:** make internalEvents private (#3709)
8
+
9
+ ### Features
10
+
11
+ * add option to show continue button instead of inline submit ([#3720](https://github.com/dynamic-labs/DynamicAuth/issues/3720)) ([35e6172](https://github.com/dynamic-labs/DynamicAuth/commit/35e6172ebd692c9e5c0a96cbf97b4a3b8cea428b))
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * **demo:** login view sections ([#3737](https://github.com/dynamic-labs/DynamicAuth/issues/3737)) ([7387cf7](https://github.com/dynamic-labs/DynamicAuth/commit/7387cf7d0834f349e11be55a7271a67e2cc3ba83))
17
+ * don't set secondaryWallets if not on multi-wallet or bridge ([#3728](https://github.com/dynamic-labs/DynamicAuth/issues/3728)) ([dcfa845](https://github.com/dynamic-labs/DynamicAuth/commit/dcfa8452304f485ed5fa64e4b82687bee63a6af4))
18
+ * **network-picker:** update the networks when connector changes ([#3725](https://github.com/dynamic-labs/DynamicAuth/issues/3725)) ([786a33d](https://github.com/dynamic-labs/DynamicAuth/commit/786a33dc9172a9f0fca0604bb84d2fd3cad064f2))
19
+ * reset view on logout ([#3717](https://github.com/dynamic-labs/DynamicAuth/issues/3717)) ([78df3cf](https://github.com/dynamic-labs/DynamicAuth/commit/78df3cf642440d30ecfc51990020eaf3cbb20de9))
20
+ * state check for twitter happens in backend ([#3740](https://github.com/dynamic-labs/DynamicAuth/issues/3740)) ([95c3353](https://github.com/dynamic-labs/DynamicAuth/commit/95c3353d47dedd13c6d2d807be908426384fec04))
21
+ * **windows:** handle origin_check message from authWindow ([#3730](https://github.com/dynamic-labs/DynamicAuth/issues/3730)) ([dcd7875](https://github.com/dynamic-labs/DynamicAuth/commit/dcd787540db2aff38246cf5b1567765a0c3696f5))
22
+
23
+
24
+ * **useDynamicContext:** make internalEvents private ([#3709](https://github.com/dynamic-labs/DynamicAuth/issues/3709)) ([750bc61](https://github.com/dynamic-labs/DynamicAuth/commit/750bc6165ee0b4ef87958988ea3ca55dc1f9f279))
25
+
26
+ ## [0.19.0-alpha.26](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.25...v0.19.0-alpha.26) (2023-10-25)
27
+
28
+
29
+ ### Features
30
+
31
+ * allow filtering social providers for Dynamic Social with socialProvidersFilter ([#3707](https://github.com/dynamic-labs/DynamicAuth/issues/3707)) ([e4c16f3](https://github.com/dynamic-labs/DynamicAuth/commit/e4c16f359946e278a372cb8153242946d4887dcc))
32
+
33
+
34
+ ### Bug Fixes
35
+
36
+ * only create embedded wallet if user have no wallet ([#3715](https://github.com/dynamic-labs/DynamicAuth/issues/3715)) ([728e01a](https://github.com/dynamic-labs/DynamicAuth/commit/728e01ab8b5931eaa6fb7877c23847ac85947f52))
37
+ * Revert "fix(use-wallet-event-listener): handle switching wallet … ([#3699](https://github.com/dynamic-labs/DynamicAuth/issues/3699)) ([9b94737](https://github.com/dynamic-labs/DynamicAuth/commit/9b94737ecfa72cd047964254d806403b342433a1)), closes [#3626](https://github.com/dynamic-labs/DynamicAuth/issues/3626)
38
+ * undefined network edge case ([#3667](https://github.com/dynamic-labs/DynamicAuth/issues/3667)) ([12d4236](https://github.com/dynamic-labs/DynamicAuth/commit/12d42363f69b1dfd5babe05142bd03c501f62e5f))
39
+ * **useOnClickOutside:** prevent opening element on click while already open ([#3714](https://github.com/dynamic-labs/DynamicAuth/issues/3714)) ([1999dc5](https://github.com/dynamic-labs/DynamicAuth/commit/1999dc50b6e82eb5ee8d0919118e9dfbc39c2b67))
40
+
2
41
  ## [0.19.0-alpha.25](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.24...v0.19.0-alpha.25) (2023-10-25)
3
42
 
4
43
 
package/package.cjs CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "0.19.0-alpha.25";
5
+ var version = "0.19.0-alpha.27";
6
6
  var dependencies = {
7
7
  "@dynamic-labs/iconic": "0.1.34",
8
- "@dynamic-labs/sdk-api": "0.0.291",
8
+ "@dynamic-labs/sdk-api": "0.0.292",
9
9
  "@hcaptcha/react-hcaptcha": "1.4.4",
10
10
  "country-list": "2.3.0",
11
11
  formik: "2.2.9",
package/package.js CHANGED
@@ -1,7 +1,7 @@
1
- var version = "0.19.0-alpha.25";
1
+ var version = "0.19.0-alpha.27";
2
2
  var dependencies = {
3
3
  "@dynamic-labs/iconic": "0.1.34",
4
- "@dynamic-labs/sdk-api": "0.0.291",
4
+ "@dynamic-labs/sdk-api": "0.0.292",
5
5
  "@hcaptcha/react-hcaptcha": "1.4.4",
6
6
  "country-list": "2.3.0",
7
7
  formik: "2.2.9",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dynamic-labs/sdk-react-core",
3
- "version": "0.19.0-alpha.25",
3
+ "version": "0.19.0-alpha.27",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "dependencies": {
10
10
  "@dynamic-labs/iconic": "0.1.34",
11
- "@dynamic-labs/sdk-api": "0.0.291",
11
+ "@dynamic-labs/sdk-api": "0.0.292",
12
12
  "@hcaptcha/react-hcaptcha": "1.4.4",
13
13
  "country-list": "2.3.0",
14
14
  "formik": "2.2.9",
@@ -17,17 +17,17 @@
17
17
  "react-focus-lock": "2.9.2",
18
18
  "react-i18next": "^13.2.0",
19
19
  "yup": "0.32.11",
20
- "@dynamic-labs/logger": "0.19.0-alpha.25",
21
- "@dynamic-labs/multi-wallet": "0.19.0-alpha.25",
22
- "@dynamic-labs/rpc-providers": "0.19.0-alpha.25",
23
- "@dynamic-labs/types": "0.19.0-alpha.25",
24
- "@dynamic-labs/utils": "0.19.0-alpha.25",
25
- "@dynamic-labs/wallet-book": "0.19.0-alpha.25",
26
- "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.25",
20
+ "@dynamic-labs/logger": "0.19.0-alpha.27",
21
+ "@dynamic-labs/multi-wallet": "0.19.0-alpha.27",
22
+ "@dynamic-labs/rpc-providers": "0.19.0-alpha.27",
23
+ "@dynamic-labs/types": "0.19.0-alpha.27",
24
+ "@dynamic-labs/utils": "0.19.0-alpha.27",
25
+ "@dynamic-labs/wallet-book": "0.19.0-alpha.27",
26
+ "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.27",
27
27
  "eventemitter3": "5.0.1"
28
28
  },
29
29
  "devDependencies": {
30
- "semver": "7.3.8"
30
+ "semver": "7.5.4"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "react": "^17.0.2 || ^18.0.0",
@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
7
7
 
8
- const VerticalAccordion = ({ children, className = '', }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), children: children }));
8
+ const VerticalAccordion = ({ children, className, style, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), style: style, children: children }));
9
9
 
10
10
  exports.VerticalAccordion = VerticalAccordion;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { classNames } from '../../../../utils/functions/classNames/classNames.js';
3
3
 
4
- const VerticalAccordion = ({ children, className = '', }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), children: children }));
4
+ const VerticalAccordion = ({ children, className, style, }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), style: style, children: children }));
5
5
 
6
6
  export { VerticalAccordion };
@@ -1,5 +1,3 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
- export type VerticalAccordionProps = {
3
- className?: string;
4
- };
5
- export type VerticalAccordionComponent = FC<PropsWithChildren<VerticalAccordionProps>>;
2
+ import { ClassStyleProps } from '../../../../utils/types';
3
+ export type VerticalAccordionComponent = FC<PropsWithChildren<ClassStyleProps>>;
@@ -15,6 +15,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
15
15
  const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
16
16
  const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
17
17
  const buttonVariantClassNameMap = {
18
+ 'brand-primary': 'button--brand-primary',
18
19
  primary: 'button--primary',
19
20
  secondary: 'button--secondary',
20
21
  tertiary: 'button--tertiary',
@@ -1,6 +1,6 @@
1
1
  import { ButtonHTMLAttributes, FC, MouseEventHandler, ReactNode } from 'react';
2
2
  import { TypographyProps } from '../Typography/Typography.types';
3
- type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
3
+ type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary';
4
4
  type ButtonPadding = 'small' | 'medium' | 'large' | 'none';
5
5
  export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
6
6
  buttonClassName?: string;
@@ -11,6 +11,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
11
11
  const [internalButtonLoading, setInternalButtonLoading] = useState(false);
12
12
  const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
13
13
  const buttonVariantClassNameMap = {
14
+ 'brand-primary': 'button--brand-primary',
14
15
  primary: 'button--primary',
15
16
  secondary: 'button--secondary',
16
17
  tertiary: 'button--tertiary',
@@ -10,7 +10,7 @@ require('@dynamic-labs/sdk-api');
10
10
  var logger = require('../../shared/logger.cjs');
11
11
  require('@dynamic-labs/iconic');
12
12
  require('@dynamic-labs/wallet-connector-core');
13
- var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
13
+ require('../../context/ViewContext/ViewContext.cjs');
14
14
  var logout = require('../../shared/assets/logout.cjs');
15
15
  require('@dynamic-labs/wallet-book');
16
16
  require('@dynamic-labs/utils');
@@ -23,12 +23,10 @@ var Button = require('../Button/Button.cjs');
23
23
  const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
24
24
  const [loading, setLoading] = React.useState(false);
25
25
  const { handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
26
- const { goToInitialView } = ViewContext.useViewContext();
27
26
  const onLogOutClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
28
27
  try {
29
28
  setLoading(true);
30
29
  yield handleLogOut();
31
- goToInitialView();
32
30
  }
33
31
  catch (e) {
34
32
  logger.logger.error(e);
@@ -6,7 +6,7 @@ import '@dynamic-labs/sdk-api';
6
6
  import { logger } from '../../shared/logger.js';
7
7
  import '@dynamic-labs/iconic';
8
8
  import '@dynamic-labs/wallet-connector-core';
9
- import { useViewContext } from '../../context/ViewContext/ViewContext.js';
9
+ import '../../context/ViewContext/ViewContext.js';
10
10
  import { ReactComponent as SvgLogout } from '../../shared/assets/logout.js';
11
11
  import '@dynamic-labs/wallet-book';
12
12
  import '@dynamic-labs/utils';
@@ -19,12 +19,10 @@ import { Button } from '../Button/Button.js';
19
19
  const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
20
20
  const [loading, setLoading] = useState(false);
21
21
  const { handleLogOut } = useInternalDynamicContext();
22
- const { goToInitialView } = useViewContext();
23
22
  const onLogOutClick = () => __awaiter(void 0, void 0, void 0, function* () {
24
23
  try {
25
24
  setLoading(true);
26
25
  yield handleLogOut();
27
- goToInitialView();
28
26
  }
29
27
  catch (e) {
30
28
  logger.error(e);
@@ -67,7 +67,7 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
67
67
  const pickerRef = React.useRef(null);
68
68
  const [newNetworkId, setNewNetworkId] = React.useState(undefined);
69
69
  const { loadingNetwork, network, setNetwork } = useInternalDynamicContext.useInternalDynamicContext();
70
- const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [network] });
70
+ const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
71
71
  const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(network, evmNetworks) || (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
72
72
  // Ref to anchor popper to
73
73
  const anchorRef = React.useRef(null);
@@ -90,7 +90,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
90
90
  setIsNetworkPickerOpen(false);
91
91
  }
92
92
  });
93
- return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsxRuntime.jsx("div", { ref: anchorRef, style: { marginTop: 5, position: 'absolute' } }), shouldAllowOpenDropdown && (jsxRuntime.jsx(MenuList.MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: { anchorOrigin: 'bottom-left', anchorRef }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
93
+ return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsxs("div", { className: 'network-picker-network-control', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsxRuntime.jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsxRuntime.jsx(MenuList.MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
94
+ anchorOrigin: 'bottom-left',
95
+ anchorRef,
96
+ }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
94
97
  !supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
95
98
  };
96
99
 
@@ -63,7 +63,7 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
63
63
  const pickerRef = useRef(null);
64
64
  const [newNetworkId, setNewNetworkId] = useState(undefined);
65
65
  const { loadingNetwork, network, setNetwork } = useInternalDynamicContext();
66
- const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [network] });
66
+ const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
67
67
  const shouldAllowOpenDropdown = isNetworkUnsupported(network, evmNetworks) || (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
68
68
  // Ref to anchor popper to
69
69
  const anchorRef = useRef(null);
@@ -86,7 +86,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
86
86
  setIsNetworkPickerOpen(false);
87
87
  }
88
88
  });
89
- return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsx("div", { ref: anchorRef, style: { marginTop: 5, position: 'absolute' } }), shouldAllowOpenDropdown && (jsx(MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: { anchorOrigin: 'bottom-left', anchorRef }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
89
+ return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxs("div", { className: 'network-picker-network-control', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsx(MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
90
+ anchorOrigin: 'bottom-left',
91
+ anchorRef,
92
+ }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
90
93
  !supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
91
94
  };
92
95
 
@@ -45,7 +45,7 @@ const SendBalancePageLayout = ({ error, walletAddress, onClickClose, onClickBack
45
45
  return;
46
46
  return parseFloat(balance);
47
47
  }, [balance]);
48
- return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }) })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__network-container', children: jsxRuntime.jsx(Chip.Chip, { icon: networkIcon, children: networkName }) })), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { divider: true, children: "Token" }), jsxRuntime.jsx(TokenBalanceCard.TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
48
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }) })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__network-container', children: jsxRuntime.jsx(Chip.Chip, { icon: networkIcon, children: networkName }) })), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { divider: true, children: "Token" }), jsxRuntime.jsx(TokenBalanceCard.TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
49
49
  };
50
50
 
51
51
  exports.SendBalancePageLayout = SendBalancePageLayout;
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { useMemo } from 'react';
3
3
  import { WalletIcon } from '@dynamic-labs/wallet-book';
4
4
  import { IconButton } from '../IconButton/IconButton.js';
@@ -41,7 +41,7 @@ const SendBalancePageLayout = ({ error, walletAddress, onClickClose, onClickBack
41
41
  return;
42
42
  return parseFloat(balance);
43
43
  }, [balance]);
44
- return (jsxs("div", { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsx(Icon, { size: 'small', children: jsx(WalletIcon, { walletKey: walletKey }) })), jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsx("div", { className: 'send-balance-page-layout__network-container', children: jsx(Chip, { icon: networkIcon, children: networkName }) })), jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { divider: true, children: "Token" }), jsx(TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsx(SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
44
+ return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsx(Icon, { size: 'small', children: jsx(WalletIcon, { walletKey: walletKey }) })), jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsx("div", { className: 'send-balance-page-layout__network-container', children: jsx(Chip, { icon: networkIcon, children: networkName }) })), jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { divider: true, children: "Token" }), jsx(TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsx(SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
45
45
  };
46
46
 
47
47
  export { SendBalancePageLayout };
@@ -73,13 +73,18 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
73
73
  const [showCard, setShowCard] = React.useState(false);
74
74
  const closeCard = () => !isLoading && setShowCard(false);
75
75
  const numberOfEnabledSocialProviders = providers.length;
76
- if (numberOfEnabledSocialProviders === 1) {
76
+ // Set default provider as the first available provider if
77
+ if (
78
+ // Default provider isn't within the providers
79
+ (defaultProvider && !providers.includes(defaultProvider)) ||
80
+ // Or there's only one provider
81
+ numberOfEnabledSocialProviders === 1) {
77
82
  // set first and only item in providers list as default provider
78
83
  [defaultProvider] = providers;
79
84
  }
80
85
  else {
81
- // put default provider at the beggini of the list
82
- providers.sort((p1, p2) => (p1 === defaultProvider ? -1 : 0));
86
+ // put default provider at the beginning of the list
87
+ providers.sort((p1) => (p1 === defaultProvider ? -1 : 0));
83
88
  }
84
89
  const defaultProviderOffset = defaultProvider ? 1 : 0;
85
90
  // display number of items set in prop, with a max limit of MAX_INLINE_ITEMS
@@ -69,13 +69,18 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
69
69
  const [showCard, setShowCard] = useState(false);
70
70
  const closeCard = () => !isLoading && setShowCard(false);
71
71
  const numberOfEnabledSocialProviders = providers.length;
72
- if (numberOfEnabledSocialProviders === 1) {
72
+ // Set default provider as the first available provider if
73
+ if (
74
+ // Default provider isn't within the providers
75
+ (defaultProvider && !providers.includes(defaultProvider)) ||
76
+ // Or there's only one provider
77
+ numberOfEnabledSocialProviders === 1) {
73
78
  // set first and only item in providers list as default provider
74
79
  [defaultProvider] = providers;
75
80
  }
76
81
  else {
77
- // put default provider at the beggini of the list
78
- providers.sort((p1, p2) => (p1 === defaultProvider ? -1 : 0));
82
+ // put default provider at the beginning of the list
83
+ providers.sort((p1) => (p1 === defaultProvider ? -1 : 0));
79
84
  }
80
85
  const defaultProviderOffset = defaultProvider ? 1 : 0;
81
86
  // display number of items set in prop, with a max limit of MAX_INLINE_ITEMS
@@ -29,6 +29,7 @@ const Typography = (_a) => {
29
29
  'error-1': 'typography--dynamic-error-1',
30
30
  'error-2': 'typography--dynamic-error-2',
31
31
  'green-1': 'typography--connection-green-1',
32
+ inherit: 'typography--inherit',
32
33
  link: 'typography--link',
33
34
  primary: 'typography--primary',
34
35
  secondary: 'typography--secondary',
@@ -25,6 +25,7 @@ const Typography = (_a) => {
25
25
  'error-1': 'typography--dynamic-error-1',
26
26
  'error-2': 'typography--dynamic-error-2',
27
27
  'green-1': 'typography--connection-green-1',
28
+ inherit: 'typography--inherit',
28
29
  link: 'typography--link',
29
30
  primary: 'typography--primary',
30
31
  secondary: 'typography--secondary',
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react';
2
2
  export type TypographyTag = ElementType;
3
3
  export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_big' | 'numbers_medium';
4
- export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1';
4
+ export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit';
5
5
  export type TypographyWeight = 'regular' | 'medium' | 'bold';
6
6
  export type TypographyTransform = 'uppercase';
7
7
  export type TypographyProps<TAG extends ElementType = 'p'> = {
@@ -60,7 +60,7 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
60
60
  const UserProfileField = ({ name, label, value, }) => {
61
61
  const isEmpty = value === '';
62
62
  const isEmailField = name === 'email';
63
- return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value || 'Empty' }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
63
+ return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
64
64
  };
65
65
 
66
66
  exports.UserProfileField = UserProfileField;
@@ -56,7 +56,7 @@ import '../../../MenuList/Dropdown/Dropdown.js';
56
56
  const UserProfileField = ({ name, label, value, }) => {
57
57
  const isEmpty = value === '';
58
58
  const isEmailField = name === 'email';
59
- return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value || 'Empty' }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
59
+ return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
60
60
  };
61
61
 
62
62
  export { UserProfileField };
@@ -145,7 +145,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
145
145
  const [qrcodeUri, setQrcodeUri] = React.useState('');
146
146
  const [desktopUri, setDesktopUri] = React.useState('');
147
147
  const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
148
- const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({
148
+ const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings.useFetchProjectSettings({
149
149
  authToken: getAuthToken.getAuthToken(),
150
150
  dynamicContextProps: { settings },
151
151
  environmentId,
@@ -196,7 +196,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
196
196
  walletUiUtils,
197
197
  });
198
198
  const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
199
- const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId(internalEventsRef.current);
199
+ const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
200
200
  const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
201
201
  authMode,
202
202
  clearPrimaryWalletId,
@@ -230,6 +230,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
230
230
  const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
231
231
  authMode,
232
232
  authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
233
+ canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
233
234
  connectedWallets,
234
235
  multiWalletWidgetState,
235
236
  onboardingOnlyJwt,
@@ -300,6 +301,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
300
301
  setShowAuthFlow(false);
301
302
  setMultiWalletWidgetState('idle');
302
303
  removeAuthTokenAndUser();
304
+ removeLsSettings();
303
305
  handleRemoveLsNetworks();
304
306
  setOnboardingOnlyJwt(undefined);
305
307
  removeConnectedWalletsInfo();
@@ -728,7 +730,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
728
730
  isBridgeFlow,
729
731
  isFullyConnected,
730
732
  isMultiWalletEnabled: multiWallet,
731
- }), children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { 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.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
733
+ }), internalEvents: internalEventsRef, children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { 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.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
732
734
  };
733
735
 
734
736
  exports.DynamicContext = DynamicContext;
@@ -141,7 +141,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
141
141
  const [qrcodeUri, setQrcodeUri] = useState('');
142
142
  const [desktopUri, setDesktopUri] = useState('');
143
143
  const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
144
- const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({
144
+ const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings({
145
145
  authToken: getAuthToken(),
146
146
  dynamicContextProps: { settings },
147
147
  environmentId,
@@ -192,7 +192,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
192
192
  walletUiUtils,
193
193
  });
194
194
  const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
195
- const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId(internalEventsRef.current);
195
+ const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
196
196
  const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
197
197
  authMode,
198
198
  clearPrimaryWalletId,
@@ -226,6 +226,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
226
226
  const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors({
227
227
  authMode,
228
228
  authToken: getAuthToken() || onboardingOnlyJwt,
229
+ canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
229
230
  connectedWallets,
230
231
  multiWalletWidgetState,
231
232
  onboardingOnlyJwt,
@@ -296,6 +297,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
296
297
  setShowAuthFlow(false);
297
298
  setMultiWalletWidgetState('idle');
298
299
  removeAuthTokenAndUser();
300
+ removeLsSettings();
299
301
  handleRemoveLsNetworks();
300
302
  setOnboardingOnlyJwt(undefined);
301
303
  removeConnectedWalletsInfo();
@@ -724,7 +726,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
724
726
  isBridgeFlow,
725
727
  isFullyConnected,
726
728
  isMultiWalletEnabled: multiWallet,
727
- }), children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
729
+ }), internalEvents: internalEventsRef, children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
728
730
  };
729
731
 
730
732
  export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };
@@ -3,7 +3,6 @@ import { Wallet } from '../../../shared';
3
3
  /** Maps internal event names to their listeners */
4
4
  export type InternalEventMap = {
5
5
  emailVerificationResult: (param: boolean, email: string) => void;
6
- clearPrimaryWallet: () => void;
7
6
  embeddedWalletCreated: (wallet: Wallet) => void;
8
7
  embeddedWalletFailed: (error: unknown) => void;
9
8
  logout: () => void;
@@ -11,7 +11,7 @@ const useDynamicContext = () => {
11
11
  if (context === undefined) {
12
12
  throw new Error('useDynamicContext must be used within a DynamicContextProvider');
13
13
  }
14
- const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
14
+ const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
15
15
  return {
16
16
  accountSwitchState,
17
17
  authMode,
@@ -21,7 +21,6 @@ const useDynamicContext = () => {
21
21
  getNameService,
22
22
  handleLogOut,
23
23
  handleUnlinkWallet,
24
- internalEvents,
25
24
  isAuthenticated,
26
25
  isFullyConnected,
27
26
  isVerificationInProgress,
@@ -1,3 +1,3 @@
1
1
  import { IDynamicContext } from './types';
2
- export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'internalEvents'>;
2
+ export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings'>;
3
3
  export declare const useDynamicContext: () => UseDynamicContext;
@@ -7,7 +7,7 @@ const useDynamicContext = () => {
7
7
  if (context === undefined) {
8
8
  throw new Error('useDynamicContext must be used within a DynamicContextProvider');
9
9
  }
10
- const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
10
+ const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
11
11
  return {
12
12
  accountSwitchState,
13
13
  authMode,
@@ -17,7 +17,6 @@ const useDynamicContext = () => {
17
17
  getNameService,
18
18
  handleLogOut,
19
19
  handleUnlinkWallet,
20
- internalEvents,
21
20
  isAuthenticated,
22
21
  isFullyConnected,
23
22
  isVerificationInProgress,