@dynamic-labs/sdk-react-core 4.19.4 → 4.19.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 (70) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.cjs +2 -2
  3. package/package.js +2 -2
  4. package/package.json +12 -12
  5. package/src/lib/components/AppOriginTile/AppOriginTile.cjs +8 -5
  6. package/src/lib/components/AppOriginTile/AppOriginTile.d.ts +4 -1
  7. package/src/lib/components/AppOriginTile/AppOriginTile.js +8 -5
  8. package/src/lib/components/Chip/Chip.cjs +2 -3
  9. package/src/lib/components/Chip/Chip.d.ts +5 -4
  10. package/src/lib/components/Chip/Chip.js +2 -3
  11. package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs +3 -2
  12. package/src/lib/components/NeedHelpSection/NeedHelpSection.js +3 -2
  13. package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.d.ts +2 -2
  14. package/src/lib/context/ViewContext/types/index.d.ts +1 -1
  15. package/src/lib/data/api/exchangeAccounts/exchangeAccounts.d.ts +45 -0
  16. package/src/lib/data/api/exchangeAccounts/index.d.ts +1 -0
  17. package/src/lib/data/api/index.d.ts +1 -0
  18. package/src/lib/data/api/onramp/onramp.d.ts +2 -2
  19. package/src/lib/locale/en/translation.cjs +39 -0
  20. package/src/lib/locale/en/translation.d.ts +39 -0
  21. package/src/lib/locale/en/translation.js +39 -0
  22. package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs +1 -1
  23. package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js +1 -1
  24. package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.cjs +22 -0
  25. package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.d.ts +8 -0
  26. package/src/lib/modals/ZkSyncApprovalModal/ZkSyncApprovalModal.js +18 -0
  27. package/src/lib/modals/ZkSyncApprovalModal/index.d.ts +1 -0
  28. package/src/lib/modals/index.d.ts +1 -0
  29. package/src/lib/shared/assets/backup.cjs +52 -0
  30. package/src/lib/shared/assets/backup.js +28 -0
  31. package/src/lib/shared/assets/clock.cjs +54 -0
  32. package/src/lib/shared/assets/clock.js +30 -0
  33. package/src/lib/shared/assets/index.d.ts +2 -0
  34. package/src/lib/styles/index.shadow.cjs +1 -1
  35. package/src/lib/styles/index.shadow.js +1 -1
  36. package/src/lib/utils/constants/authViewLayoutChecks.cjs +1 -0
  37. package/src/lib/utils/constants/authViewLayoutChecks.js +1 -0
  38. package/src/lib/utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.d.ts +2 -2
  39. package/src/lib/utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.cjs +25 -18
  40. package/src/lib/utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.js +25 -18
  41. package/src/lib/utils/hooks/index.d.ts +1 -0
  42. package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs +4 -0
  43. package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js +4 -0
  44. package/src/lib/utils/hooks/useExchangeAccounts/index.d.ts +1 -0
  45. package/src/lib/utils/hooks/useExchangeAccounts/useExchangeAccounts.d.ts +13 -0
  46. package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.cjs +4 -2
  47. package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.js +4 -2
  48. package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs +12 -1
  49. package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js +12 -1
  50. package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.cjs +138 -0
  51. package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.d.ts +3 -0
  52. package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.js +133 -0
  53. package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs +1 -1
  54. package/src/lib/views/Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js +1 -1
  55. package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs +1 -1
  56. package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js +1 -1
  57. package/src/lib/views/SessionKeyApprovalView/SessionKeyApprovalView.cjs +114 -0
  58. package/src/lib/views/SessionKeyApprovalView/SessionKeyApprovalView.d.ts +8 -0
  59. package/src/lib/views/SessionKeyApprovalView/SessionKeyApprovalView.js +110 -0
  60. package/src/lib/views/SessionKeyApprovalView/index.d.ts +1 -0
  61. package/src/lib/views/SessionPermissionsView/SessionPermissionsView.cjs +6 -6
  62. package/src/lib/views/SessionPermissionsView/SessionPermissionsView.js +2 -2
  63. package/src/lib/views/index.d.ts +1 -0
  64. package/src/lib/views/viewToComponentMap.cjs +2 -0
  65. package/src/lib/views/viewToComponentMap.d.ts +1 -0
  66. package/src/lib/views/viewToComponentMap.js +2 -0
  67. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs +1 -1
  68. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js +1 -1
  69. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.cjs +6 -4
  70. package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.js +7 -5
package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.cjs CHANGED
@@ -18,11 +18,13 @@ var TypographyButton = require('../../../../../components/TypographyButton/Typog
18
18
  var useSessionKeys = require('../../../../../utils/hooks/useSessionKeys/useSessionKeys.cjs');
19
19
  var getSessionInformation = require('../../../../../utils/functions/getSessionInformation/getSessionInformation.cjs');
20
20
  var SessionPermissionsView = require('../../../../../views/SessionPermissionsView/SessionPermissionsView.cjs');
21
+ var AppOriginTile = require('../../../../../components/AppOriginTile/AppOriginTile.cjs');
21
22
 
22
23
  const RevokeAccessView = ({ session }) => {
23
24
  const { t } = reactI18next.useTranslation();
24
25
  const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
25
26
  const { revokeSession } = useSessionKeys.useSessionKeys();
27
+ const displayName = React.useMemo(() => getSessionInformation.getSessionInformationName(session), [session]);
26
28
  const handleCancel = React.useCallback(() => {
27
29
  setDynamicWidgetView('session-management');
28
30
  }, [setDynamicWidgetView]);
@@ -32,7 +34,7 @@ const RevokeAccessView = ({ session }) => {
32
34
  setDynamicWidgetView('session-management', {
33
35
  bannerMessage: {
34
36
  message: t('dyn_session_management.revoke_access_view.success_message', {
35
- sessionName: getSessionInformation.getSessionInformationName(session),
37
+ sessionName: displayName,
36
38
  }),
37
39
  type: 'success',
38
40
  },
@@ -42,15 +44,15 @@ const RevokeAccessView = ({ session }) => {
42
44
  setDynamicWidgetView('session-management', {
43
45
  bannerMessage: {
44
46
  message: t('dyn_session_management.revoke_access_view.error_message', {
45
- sessionName: getSessionInformation.getSessionInformationName(session),
47
+ sessionName: displayName,
46
48
  }),
47
49
  type: 'error',
48
50
  },
49
51
  });
50
52
  }
51
- }), [revokeSession, session, setDynamicWidgetView, t]);
53
+ }), [displayName, revokeSession, session, setDynamicWidgetView, t]);
52
54
  const renderCloseButton = () => (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleCancel, "aria-label": t('dyn_session_management.aria.close_button_label'), children: jsxRuntime.jsx(close.ReactComponent, {}) }));
53
- return (jsxRuntime.jsxs("div", { className: 'revoke-access-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: renderCloseButton(), children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.title', children: t('dyn_session_management.revoke_access_view.title') }) }), jsxRuntime.jsxs("div", { className: 'revoke-access-view__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.description', align: 'center', children: t('dyn_session_management.revoke_access_view.description') }), jsxRuntime.jsx(SessionPermissionsView.SessionPermissionsView, { session: session })] }), jsxRuntime.jsxs("div", { className: 'revoke-access-view__footer', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'danger', buttonPadding: 'small', onClick: handleRevoke, dataTestId: 'revoke-access-confirm-button', copykey: 'dyn_session_management.revoke_access_view.revoke_button', expanded: true, children: t('dyn_session_management.revoke_access_view.revoke_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'small', onClick: handleCancel, dataTestId: 'revoke-access-cancel-button', copykey: 'dyn_session_management.revoke_access_view.cancel_button', expanded: true, children: t('dyn_session_management.revoke_access_view.cancel_button') })] })] }));
55
+ return (jsxRuntime.jsxs("div", { className: 'revoke-access-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: renderCloseButton(), children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.title', children: t('dyn_session_management.revoke_access_view.title') }) }), jsxRuntime.jsxs("div", { className: 'revoke-access-view__body', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { origin: displayName }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.description', align: 'center', children: t('dyn_session_management.revoke_access_view.description') }), jsxRuntime.jsx(SessionPermissionsView.SessionPermissionsView, { session: session })] }), jsxRuntime.jsxs("div", { className: 'revoke-access-view__footer', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'danger', buttonPadding: 'small', onClick: handleRevoke, dataTestId: 'revoke-access-confirm-button', copykey: 'dyn_session_management.revoke_access_view.revoke_button', expanded: true, children: t('dyn_session_management.revoke_access_view.revoke_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'small', onClick: handleCancel, dataTestId: 'revoke-access-cancel-button', copykey: 'dyn_session_management.revoke_access_view.cancel_button', expanded: true, children: t('dyn_session_management.revoke_access_view.cancel_button') })] })] }));
54
56
  };
55
57
 
56
58
  exports.RevokeAccessView = RevokeAccessView;
package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client'
2
2
  import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
- import { useCallback } from 'react';
4
+ import { useMemo, useCallback } from 'react';
5
5
  import { useTranslation } from 'react-i18next';
6
6
  import { ModalHeader } from '../../../../../components/ModalHeader/ModalHeader.js';
7
7
  import { Typography } from '../../../../../components/Typography/Typography.js';
@@ -14,11 +14,13 @@ import { TypographyButton } from '../../../../../components/TypographyButton/Typ
14
14
  import { useSessionKeys } from '../../../../../utils/hooks/useSessionKeys/useSessionKeys.js';
15
15
  import { getSessionInformationName } from '../../../../../utils/functions/getSessionInformation/getSessionInformation.js';
16
16
  import { SessionPermissionsView } from '../../../../../views/SessionPermissionsView/SessionPermissionsView.js';
17
+ import { AppOriginTile } from '../../../../../components/AppOriginTile/AppOriginTile.js';
17
18
 
18
19
  const RevokeAccessView = ({ session }) => {
19
20
  const { t } = useTranslation();
20
21
  const { setDynamicWidgetView } = useWidgetContext();
21
22
  const { revokeSession } = useSessionKeys();
23
+ const displayName = useMemo(() => getSessionInformationName(session), [session]);
22
24
  const handleCancel = useCallback(() => {
23
25
  setDynamicWidgetView('session-management');
24
26
  }, [setDynamicWidgetView]);
@@ -28,7 +30,7 @@ const RevokeAccessView = ({ session }) => {
28
30
  setDynamicWidgetView('session-management', {
29
31
  bannerMessage: {
30
32
  message: t('dyn_session_management.revoke_access_view.success_message', {
31
- sessionName: getSessionInformationName(session),
33
+ sessionName: displayName,
32
34
  }),
33
35
  type: 'success',
34
36
  },
@@ -38,15 +40,15 @@ const RevokeAccessView = ({ session }) => {
38
40
  setDynamicWidgetView('session-management', {
39
41
  bannerMessage: {
40
42
  message: t('dyn_session_management.revoke_access_view.error_message', {
41
- sessionName: getSessionInformationName(session),
43
+ sessionName: displayName,
42
44
  }),
43
45
  type: 'error',
44
46
  },
45
47
  });
46
48
  }
47
- }), [revokeSession, session, setDynamicWidgetView, t]);
49
+ }), [displayName, revokeSession, session, setDynamicWidgetView, t]);
48
50
  const renderCloseButton = () => (jsx(IconButton, { onClick: handleCancel, "aria-label": t('dyn_session_management.aria.close_button_label'), children: jsx(SvgClose, {}) }));
49
- return (jsxs("div", { className: 'revoke-access-view', children: [jsx(ModalHeader, { trailing: renderCloseButton(), children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.title', children: t('dyn_session_management.revoke_access_view.title') }) }), jsxs("div", { className: 'revoke-access-view__body', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.description', align: 'center', children: t('dyn_session_management.revoke_access_view.description') }), jsx(SessionPermissionsView, { session: session })] }), jsxs("div", { className: 'revoke-access-view__footer', children: [jsx(TypographyButton, { buttonVariant: 'danger', buttonPadding: 'small', onClick: handleRevoke, dataTestId: 'revoke-access-confirm-button', copykey: 'dyn_session_management.revoke_access_view.revoke_button', expanded: true, children: t('dyn_session_management.revoke_access_view.revoke_button') }), jsx(TypographyButton, { buttonPadding: 'small', onClick: handleCancel, dataTestId: 'revoke-access-cancel-button', copykey: 'dyn_session_management.revoke_access_view.cancel_button', expanded: true, children: t('dyn_session_management.revoke_access_view.cancel_button') })] })] }));
51
+ return (jsxs("div", { className: 'revoke-access-view', children: [jsx(ModalHeader, { trailing: renderCloseButton(), children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.title', children: t('dyn_session_management.revoke_access_view.title') }) }), jsxs("div", { className: 'revoke-access-view__body', children: [jsx(AppOriginTile, { origin: displayName }), jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_session_management.revoke_access_view.description', align: 'center', children: t('dyn_session_management.revoke_access_view.description') }), jsx(SessionPermissionsView, { session: session })] }), jsxs("div", { className: 'revoke-access-view__footer', children: [jsx(TypographyButton, { buttonVariant: 'danger', buttonPadding: 'small', onClick: handleRevoke, dataTestId: 'revoke-access-confirm-button', copykey: 'dyn_session_management.revoke_access_view.revoke_button', expanded: true, children: t('dyn_session_management.revoke_access_view.revoke_button') }), jsx(TypographyButton, { buttonPadding: 'small', onClick: handleCancel, dataTestId: 'revoke-access-cancel-button', copykey: 'dyn_session_management.revoke_access_view.cancel_button', expanded: true, children: t('dyn_session_management.revoke_access_view.cancel_button') })] })] }));
50
52
  };
51
53
 
52
54
  export { RevokeAccessView };