@dynamic-labs/sdk-react-core 4.19.5 → 4.19.7

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js

@@ -85,11 +85,11 @@ import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
 import { QRCode } from '../../../../components/QRCode/QRCode.js';
 import '../../views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
+import { TextButton } from '../../../../components/TextButton/TextButton.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { TextButton } from '../../../../components/TextButton/TextButton.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.cjs

@@ -18,11 +18,13 @@ var TypographyButton = require('../../../../../components/TypographyButton/Typog
 var useSessionKeys = require('../../../../../utils/hooks/useSessionKeys/useSessionKeys.cjs');
 var getSessionInformation = require('../../../../../utils/functions/getSessionInformation/getSessionInformation.cjs');
 var SessionPermissionsView = require('../../../../../views/SessionPermissionsView/SessionPermissionsView.cjs');
+var AppOriginTile = require('../../../../../components/AppOriginTile/AppOriginTile.cjs');
 
 const RevokeAccessView = ({ session }) => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { revokeSession } = useSessionKeys.useSessionKeys();
+    const displayName = React.useMemo(() => getSessionInformation.getSessionInformationName(session), [session]);
     const handleCancel = React.useCallback(() => {
         setDynamicWidgetView('session-management');
     }, [setDynamicWidgetView]);
@@ -32,7 +34,7 @@ const RevokeAccessView = ({ session }) => {
             setDynamicWidgetView('session-management', {
                 bannerMessage: {
                     message: t('dyn_session_management.revoke_access_view.success_message', {
-                        sessionName: getSessionInformation.getSessionInformationName(session),
+                        sessionName: displayName,
                     }),
                     type: 'success',
                 },
@@ -42,15 +44,15 @@ const RevokeAccessView = ({ session }) => {
             setDynamicWidgetView('session-management', {
                 bannerMessage: {
                     message: t('dyn_session_management.revoke_access_view.error_message', {
-                        sessionName: getSessionInformation.getSessionInformationName(session),
+                        sessionName: displayName,
                     }),
                     type: 'error',
                 },
             });
         }
-    }), [revokeSession, session, setDynamicWidgetView, t]);
+    }), [displayName, revokeSession, session, setDynamicWidgetView, t]);
     const renderCloseButton = () => (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleCancel, "aria-label": t('dyn_session_management.aria.close_button_label'), children: jsxRuntime.jsx(close.ReactComponent, {}) }));
-    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') })] })] }));
+    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') })] })] }));
 };
 
 exports.RevokeAccessView = RevokeAccessView;

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/RevokeAccessView/RevokeAccessView.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback } from 'react';
+import { useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ModalHeader } from '../../../../../components/ModalHeader/ModalHeader.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
@@ -14,11 +14,13 @@ import { TypographyButton } from '../../../../../components/TypographyButton/Typ
 import { useSessionKeys } from '../../../../../utils/hooks/useSessionKeys/useSessionKeys.js';
 import { getSessionInformationName } from '../../../../../utils/functions/getSessionInformation/getSessionInformation.js';
 import { SessionPermissionsView } from '../../../../../views/SessionPermissionsView/SessionPermissionsView.js';
+import { AppOriginTile } from '../../../../../components/AppOriginTile/AppOriginTile.js';
 
 const RevokeAccessView = ({ session }) => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const { revokeSession } = useSessionKeys();
+    const displayName = useMemo(() => getSessionInformationName(session), [session]);
     const handleCancel = useCallback(() => {
         setDynamicWidgetView('session-management');
     }, [setDynamicWidgetView]);
@@ -28,7 +30,7 @@ const RevokeAccessView = ({ session }) => {
             setDynamicWidgetView('session-management', {
                 bannerMessage: {
                     message: t('dyn_session_management.revoke_access_view.success_message', {
-                        sessionName: getSessionInformationName(session),
+                        sessionName: displayName,
                     }),
                     type: 'success',
                 },
@@ -38,15 +40,15 @@ const RevokeAccessView = ({ session }) => {
             setDynamicWidgetView('session-management', {
                 bannerMessage: {
                     message: t('dyn_session_management.revoke_access_view.error_message', {
-                        sessionName: getSessionInformationName(session),
+                        sessionName: displayName,
                     }),
                     type: 'error',
                 },
             });
         }
-    }), [revokeSession, session, setDynamicWidgetView, t]);
+    }), [displayName, revokeSession, session, setDynamicWidgetView, t]);
     const renderCloseButton = () => (jsx(IconButton, { onClick: handleCancel, "aria-label": t('dyn_session_management.aria.close_button_label'), children: jsx(SvgClose, {}) }));
-    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') })] })] }));
+    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') })] })] }));
 };
 
 export { RevokeAccessView };