@dynamic-labs/sdk-react-core 4.10.3 → 4.10.4

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 (13) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +11 -11
  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 +3 -1
  8. package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs +4 -1
  9. package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js +4 -1
  10. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +1 -1
  11. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +1 -1
  12. package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs +13 -3
  13. package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js +13 -3
package/CHANGELOG.md CHANGED
@@ -1,4 +1,6 @@
1
1
 
2
+ ### [4.10.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.3...v4.10.4) (2025-04-04)
3
+
2
4
  ### [4.10.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.2...v4.10.3) (2025-04-04)
3
5
 
4
6
 
package/package.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var version = "4.10.3";
6
+ var version = "4.10.4";
7
7
  var dependencies = {
8
8
  "@dynamic-labs/sdk-api-core": "0.0.650",
9
9
  "@hcaptcha/react-hcaptcha": "1.4.4",
package/package.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client'
2
- var version = "4.10.3";
2
+ var version = "4.10.4";
3
3
  var dependencies = {
4
4
  "@dynamic-labs/sdk-api-core": "0.0.650",
5
5
  "@hcaptcha/react-hcaptcha": "1.4.4",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dynamic-labs/sdk-react-core",
3
- "version": "4.10.3",
3
+ "version": "4.10.4",
4
4
  "dependencies": {
5
5
  "@dynamic-labs/sdk-api-core": "0.0.650",
6
6
  "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
14
14
  "yup": "0.32.11",
15
15
  "react-international-phone": "4.2.5",
16
16
  "bs58": "5.0.0",
17
- "@dynamic-labs/assert-package-version": "4.10.3",
18
- "@dynamic-labs/iconic": "4.10.3",
19
- "@dynamic-labs/logger": "4.10.3",
20
- "@dynamic-labs/multi-wallet": "4.10.3",
21
- "@dynamic-labs/rpc-providers": "4.10.3",
22
- "@dynamic-labs/store": "4.10.3",
23
- "@dynamic-labs/types": "4.10.3",
24
- "@dynamic-labs/utils": "4.10.3",
25
- "@dynamic-labs/wallet-book": "4.10.3",
26
- "@dynamic-labs/wallet-connector-core": "4.10.3",
17
+ "@dynamic-labs/assert-package-version": "4.10.4",
18
+ "@dynamic-labs/iconic": "4.10.4",
19
+ "@dynamic-labs/logger": "4.10.4",
20
+ "@dynamic-labs/multi-wallet": "4.10.4",
21
+ "@dynamic-labs/rpc-providers": "4.10.4",
22
+ "@dynamic-labs/store": "4.10.4",
23
+ "@dynamic-labs/types": "4.10.4",
24
+ "@dynamic-labs/utils": "4.10.4",
25
+ "@dynamic-labs/wallet-book": "4.10.4",
26
+ "@dynamic-labs/wallet-connector-core": "4.10.4",
27
27
  "eventemitter3": "5.0.1"
28
28
  },
29
29
  "devDependencies": {
package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs CHANGED
@@ -6,6 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
8
8
 
9
- const VerticalAccordion = ({ children, className, style, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), style: style, children: children }));
9
+ const VerticalAccordion = ({ children, className, style, view, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), style: style, "data-dynamic-view": view, children: children }));
10
10
 
11
11
  exports.VerticalAccordion = VerticalAccordion;
package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.js CHANGED
@@ -2,6 +2,6 @@
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { classNames } from '../../../../utils/functions/classNames/classNames.js';
4
4
 
5
- const VerticalAccordion = ({ children, className, style, }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), style: style, children: children }));
5
+ const VerticalAccordion = ({ children, className, style, view, }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), style: style, "data-dynamic-view": view, children: children }));
6
6
 
7
7
  export { VerticalAccordion };
package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.types.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
2
  import { ClassStyleProps } from '../../../../utils/types';
3
- export type VerticalAccordionComponent = FC<PropsWithChildren<ClassStyleProps>>;
3
+ export type VerticalAccordionComponent = FC<PropsWithChildren<ClassStyleProps & {
4
+ view?: string;
5
+ }>>;
package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs CHANGED
@@ -10,7 +10,7 @@ require('@dynamic-labs/sdk-api-core');
10
10
  require('../../../../config/ApiEndpoint.cjs');
11
11
  var values = require('../../../../utils/constants/values.cjs');
12
12
  require('@dynamic-labs/multi-wallet');
13
- require('../../../../shared/logger.cjs');
13
+ var logger = require('../../../../shared/logger.cjs');
14
14
  var localStorage = require('../../../../utils/constants/localStorage.cjs');
15
15
  require('../../../../utils/constants/colors.cjs');
16
16
  require('react-international-phone');
@@ -101,6 +101,9 @@ const useHandleLogout = (params) => {
101
101
  const paramsRef = React.useRef(params);
102
102
  paramsRef.current = params;
103
103
  const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
104
+ logger.logger.logVerboseTroubleshootingMessage('useHandleLogout called', {
105
+ params: paramsRef.current,
106
+ });
104
107
  const p = paramsRef.current;
105
108
  p.setSelectedWalletConnectorKey(null);
106
109
  p.clearAllWalletConnectSessions();
package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js CHANGED
@@ -6,7 +6,7 @@ import '@dynamic-labs/sdk-api-core';
6
6
  import '../../../../config/ApiEndpoint.js';
7
7
  import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
8
8
  import '@dynamic-labs/multi-wallet';
9
- import '../../../../shared/logger.js';
9
+ import { logger } from '../../../../shared/logger.js';
10
10
  import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT, ZERODEV_AUTHORIZATION } from '../../../../utils/constants/localStorage.js';
11
11
  import '../../../../utils/constants/colors.js';
12
12
  import 'react-international-phone';
@@ -97,6 +97,9 @@ const useHandleLogout = (params) => {
97
97
  const paramsRef = useRef(params);
98
98
  paramsRef.current = params;
99
99
  const logout = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
100
+ logger.logVerboseTroubleshootingMessage('useHandleLogout called', {
101
+ params: paramsRef.current,
102
+ });
100
103
  const p = paramsRef.current;
101
104
  p.setSelectedWalletConnectorKey(null);
102
105
  p.clearAllWalletConnectSessions();
package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs CHANGED
@@ -112,7 +112,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
112
112
  view: view.type,
113
113
  });
114
114
  const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks.useAuthLayoutChecks();
115
- return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
115
+ return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, view: view.type, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
116
116
  };
117
117
 
118
118
  exports.DynamicAuthLayout = DynamicAuthLayout;
package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js CHANGED
@@ -108,7 +108,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
108
108
  view: view.type,
109
109
  });
110
110
  const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks();
111
- return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
111
+ return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, view: view.type, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
112
112
  };
113
113
 
114
114
  export { DynamicAuthLayout };
package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
+ var React = require('react');
6
7
  var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
7
- require('react');
8
8
  require('../../../context/DynamicContext/DynamicContext.cjs');
9
9
  require('@dynamic-labs/sdk-api-core');
10
10
  var logger = require('../../../shared/logger.cjs');
@@ -117,7 +117,17 @@ const useIsLoggedIn = () => {
117
117
  const shouldHaveTurnkeyWallet = isTurnkeyPregen &&
118
118
  // if user doesn't have a branded wallet only
119
119
  (!(userWalletsCredentials === null || userWalletsCredentials === void 0 ? void 0 : userWalletsCredentials.length) || hasEmbeddedWalletVerifiedCredential);
120
- logger.logger.logVerboseTroubleshootingMessage('useIsLoggedIn', {
120
+ React.useEffect(() => {
121
+ logger.logger.logVerboseTroubleshootingMessage('useIsLoggedIn', {
122
+ authMode,
123
+ eoaWallet,
124
+ isSessionKeyCompatible,
125
+ isTurnkeyProviderEnabled,
126
+ primaryWallet,
127
+ projectSettings,
128
+ user,
129
+ });
130
+ }, [
121
131
  authMode,
122
132
  eoaWallet,
123
133
  isSessionKeyCompatible,
@@ -125,7 +135,7 @@ const useIsLoggedIn = () => {
125
135
  primaryWallet,
126
136
  projectSettings,
127
137
  user,
128
- });
138
+ ]);
129
139
  // if turnkey is enabled we need to check if the user that is logged/connected
130
140
  // has a primaryWallet to not show the widget without secure
131
141
  if (shouldHaveTurnkeyWallet) {
package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use client'
2
+ import { useEffect } from 'react';
2
3
  import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
3
- import 'react';
4
4
  import '../../../context/DynamicContext/DynamicContext.js';
5
5
  import '@dynamic-labs/sdk-api-core';
6
6
  import { logger } from '../../../shared/logger.js';
@@ -113,7 +113,17 @@ const useIsLoggedIn = () => {
113
113
  const shouldHaveTurnkeyWallet = isTurnkeyPregen &&
114
114
  // if user doesn't have a branded wallet only
115
115
  (!(userWalletsCredentials === null || userWalletsCredentials === void 0 ? void 0 : userWalletsCredentials.length) || hasEmbeddedWalletVerifiedCredential);
116
- logger.logVerboseTroubleshootingMessage('useIsLoggedIn', {
116
+ useEffect(() => {
117
+ logger.logVerboseTroubleshootingMessage('useIsLoggedIn', {
118
+ authMode,
119
+ eoaWallet,
120
+ isSessionKeyCompatible,
121
+ isTurnkeyProviderEnabled,
122
+ primaryWallet,
123
+ projectSettings,
124
+ user,
125
+ });
126
+ }, [
117
127
  authMode,
118
128
  eoaWallet,
119
129
  isSessionKeyCompatible,
@@ -121,7 +131,7 @@ const useIsLoggedIn = () => {
121
131
  primaryWallet,
122
132
  projectSettings,
123
133
  user,
124
- });
134
+ ]);
125
135
  // if turnkey is enabled we need to check if the user that is logged/connected
126
136
  // has a primaryWallet to not show the widget without secure
127
137
  if (shouldHaveTurnkeyWallet) {