@dynamic-labs/sdk-react-core 0.17.4 → 0.17.6

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 (28) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +8 -8
  5. package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs +17 -8
  6. package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js +17 -8
  7. package/src/lib/styles/index.shadow.cjs +1 -1
  8. package/src/lib/styles/index.shadow.js +1 -1
  9. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs +2 -2
  10. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js +2 -2
  11. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs +3 -3
  12. package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js +3 -3
  13. package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs +2 -2
  14. package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js +2 -2
  15. package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs +4 -2
  16. package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js +5 -3
  17. package/src/lib/views/EmailUpdate/EmailUpdate.cjs +2 -2
  18. package/src/lib/views/EmailUpdate/EmailUpdate.js +2 -2
  19. package/src/lib/views/EmailVerification/EmailVerification.cjs +6 -5
  20. package/src/lib/views/EmailVerification/EmailVerification.js +6 -5
  21. package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs +2 -2
  22. package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js +2 -2
  23. package/src/lib/views/WalletUsedView/WalletUsedView.cjs +2 -2
  24. package/src/lib/views/WalletUsedView/WalletUsedView.js +2 -2
  25. package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs +1 -1
  26. package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js +1 -1
  27. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +4 -3
  28. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +4 -3
package/src/lib/views/EmailVerification/EmailVerification.cjs CHANGED
@@ -76,7 +76,7 @@ const EmailVerification = () => {
76
76
  setLoading(true);
77
77
  if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
78
78
  yield handleLogOut();
79
- setView('wallet-list');
79
+ goToInitialView();
80
80
  return;
81
81
  }
82
82
  try {
@@ -104,7 +104,7 @@ const EmailVerification = () => {
104
104
  authToken,
105
105
  onboardingOnlyJwt,
106
106
  handleLogOut,
107
- setView,
107
+ goToInitialView,
108
108
  verifyEmail,
109
109
  setShowAuthFlow,
110
110
  setOnboardingOnlyJwt,
@@ -116,7 +116,7 @@ const EmailVerification = () => {
116
116
  setLoading(true);
117
117
  if (!verificationUUID) {
118
118
  yield handleLogOut();
119
- setView('wallet-list');
119
+ goToInitialView();
120
120
  return;
121
121
  }
122
122
  try {
@@ -127,7 +127,7 @@ const EmailVerification = () => {
127
127
  });
128
128
  if (!jwt) {
129
129
  yield handleLogOut();
130
- setView('wallet-list');
130
+ goToInitialView();
131
131
  return;
132
132
  }
133
133
  const decodedJwt = decodeJwt.decodeJwt(jwt);
@@ -160,10 +160,11 @@ const EmailVerification = () => {
160
160
  setLoading,
161
161
  verificationUUID,
162
162
  handleLogOut,
163
- setView,
163
+ goToInitialView,
164
164
  environmentId,
165
165
  setCallback,
166
166
  setOnboardingOnlyJwt,
167
+ setView,
167
168
  createUserProfileByJWT,
168
169
  setShowAuthFlow,
169
170
  setErrorMessage,
package/src/lib/views/EmailVerification/EmailVerification.js CHANGED
@@ -72,7 +72,7 @@ const EmailVerification = () => {
72
72
  setLoading(true);
73
73
  if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
74
74
  yield handleLogOut();
75
- setView('wallet-list');
75
+ goToInitialView();
76
76
  return;
77
77
  }
78
78
  try {
@@ -100,7 +100,7 @@ const EmailVerification = () => {
100
100
  authToken,
101
101
  onboardingOnlyJwt,
102
102
  handleLogOut,
103
- setView,
103
+ goToInitialView,
104
104
  verifyEmail,
105
105
  setShowAuthFlow,
106
106
  setOnboardingOnlyJwt,
@@ -112,7 +112,7 @@ const EmailVerification = () => {
112
112
  setLoading(true);
113
113
  if (!verificationUUID) {
114
114
  yield handleLogOut();
115
- setView('wallet-list');
115
+ goToInitialView();
116
116
  return;
117
117
  }
118
118
  try {
@@ -123,7 +123,7 @@ const EmailVerification = () => {
123
123
  });
124
124
  if (!jwt) {
125
125
  yield handleLogOut();
126
- setView('wallet-list');
126
+ goToInitialView();
127
127
  return;
128
128
  }
129
129
  const decodedJwt = decodeJwt(jwt);
@@ -156,10 +156,11 @@ const EmailVerification = () => {
156
156
  setLoading,
157
157
  verificationUUID,
158
158
  handleLogOut,
159
- setView,
159
+ goToInitialView,
160
160
  environmentId,
161
161
  setCallback,
162
162
  setOnboardingOnlyJwt,
163
+ setView,
163
164
  createUserProfileByJWT,
164
165
  setShowAuthFlow,
165
166
  setErrorMessage,
package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs CHANGED
@@ -45,7 +45,7 @@ require('formik');
45
45
  require('yup');
46
46
 
47
47
  const WalletSignSpinnerView = () => {
48
- const { setView } = ViewContext.useViewContext();
48
+ const { goToInitialView } = ViewContext.useViewContext();
49
49
  const { setMultiWalletWidgetState, setSelectedWalletConnector, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
50
50
  if (!walletConnector) {
51
51
  return null;
@@ -53,7 +53,7 @@ const WalletSignSpinnerView = () => {
53
53
  const { name } = walletConnector;
54
54
  const iconSize = 80;
55
55
  const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
56
- setView('wallet-list');
56
+ goToInitialView();
57
57
  setMultiWalletWidgetState('idle');
58
58
  setSelectedWalletConnector(null);
59
59
  yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js CHANGED
@@ -41,7 +41,7 @@ import 'formik';
41
41
  import 'yup';
42
42
 
43
43
  const WalletSignSpinnerView = () => {
44
- const { setView } = useViewContext();
44
+ const { goToInitialView } = useViewContext();
45
45
  const { setMultiWalletWidgetState, setSelectedWalletConnector, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
46
46
  if (!walletConnector) {
47
47
  return null;
@@ -49,7 +49,7 @@ const WalletSignSpinnerView = () => {
49
49
  const { name } = walletConnector;
50
50
  const iconSize = 80;
51
51
  const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
52
- setView('wallet-list');
52
+ goToInitialView();
53
53
  setMultiWalletWidgetState('idle');
54
54
  setSelectedWalletConnector(null);
55
55
  yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
package/src/lib/views/WalletUsedView/WalletUsedView.cjs CHANGED
@@ -56,7 +56,7 @@ const WalletUsedView = () => {
56
56
  const [walletAddress, setWalletAddress] = React.useState(undefined);
57
57
  const { setErrorMessage } = ErrorContext.useErrorContext();
58
58
  const { loading, setLoading } = LoadingContext.useLoadingContext();
59
- const { setView } = ViewContext.useViewContext();
59
+ const { setView, goToInitialView } = ViewContext.useViewContext();
60
60
  const { environmentId, displayTermsOfService, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
61
61
  React.useEffect(() => {
62
62
  const _fetchPublicAddress = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -90,7 +90,7 @@ const WalletUsedView = () => {
90
90
  return;
91
91
  const nonce = consumeNonce();
92
92
  if (!nonce) {
93
- setView('wallet-list');
93
+ goToInitialView();
94
94
  setErrorMessage('missing-nonce');
95
95
  return;
96
96
  }
package/src/lib/views/WalletUsedView/WalletUsedView.js CHANGED
@@ -52,7 +52,7 @@ const WalletUsedView = () => {
52
52
  const [walletAddress, setWalletAddress] = useState(undefined);
53
53
  const { setErrorMessage } = useErrorContext();
54
54
  const { loading, setLoading } = useLoadingContext();
55
- const { setView } = useViewContext();
55
+ const { setView, goToInitialView } = useViewContext();
56
56
  const { environmentId, displayTermsOfService, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext();
57
57
  useEffect(() => {
58
58
  const _fetchPublicAddress = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -86,7 +86,7 @@ const WalletUsedView = () => {
86
86
  return;
87
87
  const nonce = consumeNonce();
88
88
  if (!nonce) {
89
- setView('wallet-list');
89
+ goToInitialView();
90
90
  setErrorMessage('missing-nonce');
91
91
  return;
92
92
  }
package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs CHANGED
@@ -20,7 +20,7 @@ const DynamicNav = () => {
20
20
  [];
21
21
  if (!projectSettings)
22
22
  return null;
23
- return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", Object.assign({ ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls' }, { children: [jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }), jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-inline-controls__account-control-container' }, { children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) }))] })) }));
23
+ return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", Object.assign({ ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls' }, { children: [primaryWallet && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-inline-controls__account-control-container' }, { children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) }))] })) }));
24
24
  };
25
25
  const ShadowedDynamicNav = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsx(DynamicNav, {}) }));
26
26
 
package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js CHANGED
@@ -16,7 +16,7 @@ const DynamicNav = () => {
16
16
  [];
17
17
  if (!projectSettings)
18
18
  return null;
19
- return (jsx(IsBrowser, { children: jsxs("div", Object.assign({ ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls' }, { children: [jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }), jsx("div", Object.assign({ className: 'dynamic-widget-inline-controls__account-control-container' }, { children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) }))] })) }));
19
+ return (jsx(IsBrowser, { children: jsxs("div", Object.assign({ ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls' }, { children: [primaryWallet && (jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsx("div", Object.assign({ className: 'dynamic-widget-inline-controls__account-control-container' }, { children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) }))] })) }));
20
20
  };
21
21
  const ShadowedDynamicNav = () => (jsx(ShadowDOM, { children: jsx(DynamicNav, {}) }));
22
22
 
package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs CHANGED
@@ -38,6 +38,7 @@ require('../../../../../components/Alert/Alert.cjs');
38
38
  require('../../../../../context/MockContext/MockContext.cjs');
39
39
  require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
40
40
  require('../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
41
+ var shortenEmail = require('../../../../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
41
42
  require('../../../../../components/Popper/Popper/Popper.cjs');
42
43
  require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
43
44
  require('formik');
@@ -52,7 +53,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
52
53
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
53
54
 
54
55
  const DynamicWidgetWalletHeader = ({ variant, }) => {
55
- const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
56
+ const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
56
57
  const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
57
58
  const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
58
59
  const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
@@ -72,11 +73,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
72
73
  }
73
74
  };
74
75
  const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
75
- return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, {})] })) : (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }))), primaryWallet && (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot:
76
+ return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, {})] })) : (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }))), primaryWallet ? (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot:
76
77
  // eslint-disable-next-line react/jsx-wrap-multilines
77
78
  jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsxRuntime.jsx(add.ReactComponent, {}) })) }, { children: "Buy" }))), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot:
78
79
  // eslint-disable-next-line react/jsx-wrap-multilines
79
- jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsxRuntime.jsx(send.ReactComponent, {}) })) }, { children: "Send" })))] }))) })))] })));
80
+ jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsxRuntime.jsx(send.ReactComponent, {}) })) }, { children: "Send" })))] }))) }))) : (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular' }, { children: shortenEmail.shortenEmail(user === null || user === void 0 ? void 0 : user.email) })))] })));
80
81
  };
81
82
  React__default["default"].memo(DynamicWidgetWalletHeader);
82
83
 
package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js CHANGED
@@ -34,6 +34,7 @@ import '../../../../../components/Alert/Alert.js';
34
34
  import '../../../../../context/MockContext/MockContext.js';
35
35
  import '../../../../../context/CaptchaContext/CaptchaContext.js';
36
36
  import '../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
37
+ import { shortenEmail } from '../../../../../shared/utils/functions/shortenEmail/shortenEmail.js';
37
38
  import '../../../../../components/Popper/Popper/Popper.js';
38
39
  import '../../../../../components/Popper/PopperContext/PopperContext.js';
39
40
  import 'formik';
@@ -44,7 +45,7 @@ import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
44
45
  import { useSendBalance } from '../../../../../context/SendBalanceContext/SendBalanceContext.js';
45
46
 
46
47
  const DynamicWidgetWalletHeader = ({ variant, }) => {
47
- const { primaryWallet } = useInternalDynamicContext();
48
+ const { primaryWallet, user } = useInternalDynamicContext();
48
49
  const { open: openSendBalanceModal } = useSendBalance();
49
50
  const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
50
51
  const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
@@ -64,11 +65,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
64
65
  }
65
66
  };
66
67
  const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
67
- return (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsx(ActiveWalletInformation, {})] })) : (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsx(UserProfileIcon, {}) }))), primaryWallet && (jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsx(Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot:
68
+ return (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsx(ActiveWalletInformation, {})] })) : (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsx(UserProfileIcon, {}) }))), primaryWallet ? (jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsx(Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot:
68
69
  // eslint-disable-next-line react/jsx-wrap-multilines
69
70
  jsx(Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsx(SvgAdd, {}) })) }, { children: "Buy" }))), isSendBalanceEnabled && (jsx(Button, Object.assign({ expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot:
70
71
  // eslint-disable-next-line react/jsx-wrap-multilines
71
- jsx(Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsx(SvgSend, {}) })) }, { children: "Send" })))] }))) })))] })));
72
+ jsx(Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsx(SvgSend, {}) })) }, { children: "Send" })))] }))) }))) : (jsx(Typography, Object.assign({ className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular' }, { children: shortenEmail(user === null || user === void 0 ? void 0 : user.email) })))] })));
72
73
  };
73
74
  React__default.memo(DynamicWidgetWalletHeader);
74
75