@dynamic-labs/sdk-react-core 4.19.1 → 4.19.3

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -8,22 +8,22 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../events/dynamicEvents.cjs');
+var close = require('../../../../shared/assets/close.cjs');
+var signInWithEmail = require('../../../../shared/assets/sign-in-with-email.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var close = require('../../../../shared/assets/close.cjs');
-var signInWithEmail = require('../../../../shared/assets/sign-in-with-email.cjs');
-require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -4,22 +4,22 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../events/dynamicEvents.js';
+import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
+import { ReactComponent as SvgSignInWithEmail } from '../../../../shared/assets/sign-in-with-email.js';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
-import { ReactComponent as SvgSignInWithEmail } from '../../../../shared/assets/sign-in-with-email.js';
-import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.cjs

@@ -10,21 +10,21 @@ var formik = require('formik');
 var reactI18next = require('react-i18next');
 require('@dynamic-labs/utils');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../events/dynamicEvents.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 var chevronLeft = require('../../../shared/assets/chevron-left.cjs');
 var close = require('../../../shared/assets/close.cjs');
+require('@dynamic-labs/iconic');
 require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/consts/index.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.js

@@ -6,21 +6,21 @@ import { Formik, Form, Field } from 'formik';
 import { useTranslation } from 'react-i18next';
 import '@dynamic-labs/utils';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
-import '../../../events/dynamicEvents.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import { ReactComponent as SvgChevronLeft } from '../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
+import '@dynamic-labs/iconic';
 import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/consts/index.js';
+import '../../../components/Alert/Alert.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/PendingConnectView/PendingConnectView.cjs

@@ -8,20 +8,20 @@ var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/PendingConnectView/PendingConnectView.js

@@ -4,20 +4,20 @@ import { useTranslation } from 'react-i18next';
 import { isMobile } from '@dynamic-labs/utils';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 import '../../../../_virtual/_tslib.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs

@@ -10,19 +10,19 @@ var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
-require('../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/PendingSignatureView/PendingSignatureView.js

@@ -6,19 +6,19 @@ import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
-import '../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs

@@ -8,20 +8,20 @@ var reactI18next = require('react-i18next');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
 require('../../../../_virtual/_tslib.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/views/SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js

@@ -4,20 +4,20 @@ import { useTranslation } from 'react-i18next';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
 import '../../../../_virtual/_tslib.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.cjs

@@ -9,19 +9,19 @@ var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.js

@@ -5,19 +5,19 @@ import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { isHardwareWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 import '../../../../_virtual/_tslib.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -30,6 +30,7 @@ require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('react-i18next');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -60,7 +61,6 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -26,6 +26,7 @@ import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import 'react-i18next';
 import '../../../../components/Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -56,7 +57,6 @@ import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/SessionPermissionsView/SessionPermissionsView.cjs

@@ -0,0 +1,43 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var iconic = require('@dynamic-labs/iconic');
+var Icon = require('../../components/Icon/Icon.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+var Textarea = require('../../components/Textarea/Textarea.cjs');
+require('@dynamic-labs/utils');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var AccordionToggle = require('../../components/Accordion/components/AccordionToggle/AccordionToggle.cjs');
+var getTimeSince = require('../../widgets/DynamicWidget/helpers/getTimeSince.cjs');
+var profileOutline = require('../../shared/assets/profile-outline.cjs');
+var session = require('../../shared/assets/session.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
+
+/**
+ * A view component to render SessionInformation permissions
+ */
+const SessionPermissionsView = ({ session: session$1, showAdvanced = false, }) => {
+    const { t } = reactI18next.useTranslation();
+    const [isAdvancedExpanded, setIsAdvancedExpanded] = React.useState(false);
+    const toggleAdvancedExpanded = React.useCallback(() => {
+        setIsAdvancedExpanded(!isAdvancedExpanded);
+    }, [isAdvancedExpanded]);
+    const timeToExpire = React.useMemo(() => {
+        const { value, unit } = getTimeSince.getTimeSince(new Date(), new Date(Number(session$1.session.expiresAt) * 1000));
+        return `${value} ${unit}`;
+    }, [session$1]);
+    const spendingLimit = React.useMemo(() => {
+        const { limit } = session$1.session.feeLimit;
+        const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+        return `~${ethString} ETH`;
+    }, [session$1]);
+    const sessionString = React.useMemo(() => JSON.stringify(session$1, (_, val) => (typeof val === 'bigint' ? val.toString() : val), 2), [session$1]);
+    return (jsxRuntime.jsxs("div", { className: 'session-permissions-view', children: [jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.permissions_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(profileOutline.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-tertiary', children: jsxRuntime.jsx(session.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: `${t('dyn_session_permissions.permissions.access')} ${timeToExpire}` })] })] }), jsxRuntime.jsx("div", { className: 'session-permissions-view__header', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.spending_label') }) }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxRuntime.jsxs("div", { className: 'session-permissions-view__token', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', children: jsxRuntime.jsx(iconic.EthereumIcon, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', children: "ETH" })] }), jsxRuntime.jsxs("div", { className: 'session-permissions-view__spending', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.spending_limit') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxRuntime.jsxs("div", { className: 'session-permissions-view__panel', children: [jsxRuntime.jsxs(AccordionToggle.AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.advanced_label') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsxRuntime.jsx("div", { className: 'session-permissions-view__panel-content', children: jsxRuntime.jsx(Textarea.Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
+};
+
+exports.SessionPermissionsView = SessionPermissionsView;

package/src/lib/views/SessionPermissionsView/SessionPermissionsView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SessionInformation } from '../../utils/types/SessionInformation';
+export interface SessionPermissionsViewProps {
+    session: SessionInformation;
+    /** Whether to show the advanced section */
+    showAdvanced?: boolean;
+}
+/**
+ * A view component to render SessionInformation permissions
+ */
+export declare const SessionPermissionsView: ({ session, showAdvanced, }: SessionPermissionsViewProps) => JSX.Element;

package/src/lib/views/SessionPermissionsView/SessionPermissionsView.js

@@ -0,0 +1,39 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { EthereumIcon } from '@dynamic-labs/iconic';
+import { Icon } from '../../components/Icon/Icon.js';
+import { Typography } from '../../components/Typography/Typography.js';
+import { Textarea } from '../../components/Textarea/Textarea.js';
+import '@dynamic-labs/utils';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { AccordionToggle } from '../../components/Accordion/components/AccordionToggle/AccordionToggle.js';
+import { getTimeSince } from '../../widgets/DynamicWidget/helpers/getTimeSince.js';
+import { ReactComponent as SvgProfileOutline } from '../../shared/assets/profile-outline.js';
+import { ReactComponent as SvgSession } from '../../shared/assets/session.js';
+import '../../context/ViewContext/ViewContext.js';
+
+/**
+ * A view component to render SessionInformation permissions
+ */
+const SessionPermissionsView = ({ session, showAdvanced = false, }) => {
+    const { t } = useTranslation();
+    const [isAdvancedExpanded, setIsAdvancedExpanded] = useState(false);
+    const toggleAdvancedExpanded = useCallback(() => {
+        setIsAdvancedExpanded(!isAdvancedExpanded);
+    }, [isAdvancedExpanded]);
+    const timeToExpire = useMemo(() => {
+        const { value, unit } = getTimeSince(new Date(), new Date(Number(session.session.expiresAt) * 1000));
+        return `${value} ${unit}`;
+    }, [session]);
+    const spendingLimit = useMemo(() => {
+        const { limit } = session.session.feeLimit;
+        const ethString = (Number(limit) / Math.pow(10, 18)).toFixed(6);
+        return `~${ethString} ETH`;
+    }, [session]);
+    const sessionString = useMemo(() => JSON.stringify(session, (_, val) => (typeof val === 'bigint' ? val.toString() : val), 2), [session]);
+    return (jsxs("div", { className: 'session-permissions-view', children: [jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.permissions_label') }) }), jsxs("div", { className: 'session-permissions-view__card', children: [jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgProfileOutline, {}) }), jsx(Typography, { variant: 'body_small', children: t('dyn_session_permissions.permissions.ownership') })] }), jsxs("div", { className: 'session-permissions-view__card-permission', children: [jsx(Icon, { size: 'small', color: 'text-tertiary', children: jsx(SvgSession, {}) }), jsx(Typography, { variant: 'body_small', children: `${t('dyn_session_permissions.permissions.access')} ${timeToExpire}` })] })] }), jsx("div", { className: 'session-permissions-view__header', children: jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.spending_label') }) }), jsxs("div", { className: 'session-permissions-view__card session-permissions-view__token-card', children: [jsxs("div", { className: 'session-permissions-view__token', children: [jsx(Icon, { size: 'medium', children: jsx(EthereumIcon, {}) }), jsx(Typography, { variant: 'body_normal', children: "ETH" })] }), jsxs("div", { className: 'session-permissions-view__spending', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.spending_limit') }), jsx(Typography, { variant: 'body_small', children: spendingLimit })] })] }), showAdvanced && (jsxs("div", { className: 'session-permissions-view__panel', children: [jsxs(AccordionToggle, { className: 'session-permissions-view__panel-toggle', isOpen: isAdvancedExpanded, onClick: toggleAdvancedExpanded, labelClassName: 'session-permissions-view__panel-toggle-label', children: [jsx(Typography, { variant: 'body_small', weight: 'bold', children: t('dyn_session_permissions.advanced_label') }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: t('dyn_session_permissions.advanced_description') })] }), isAdvancedExpanded && (jsx("div", { className: 'session-permissions-view__panel-content', children: jsx(Textarea, { value: sessionString, readOnly: true, rows: 8, id: 'session-permissions-view__raw-json', "data-testid": 'session-permissions-view__raw-json', label: '' }) }))] }))] }));
+};
+
+export { SessionPermissionsView };

package/src/lib/views/SessionPermissionsView/index.d.ts

@@ -0,0 +1 @@
+export * from './SessionPermissionsView';

package/src/lib/views/SmsVerification/SmsVerification.cjs

@@ -10,20 +10,20 @@ var PhoneIcon = require('../../components/PhoneIcon/PhoneIcon.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
 require('../../../../_virtual/_tslib.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/SmsVerification/SmsVerification.js

@@ -6,20 +6,20 @@ import { PhoneIcon } from '../../components/PhoneIcon/PhoneIcon.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
 import '../../../../_virtual/_tslib.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs

@@ -8,21 +8,21 @@ var reactI18next = require('react-i18next');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../store/state/authMode/authMode.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/views/SocialRedirectView/SocialRedirectView.js

@@ -4,21 +4,21 @@ import { useTranslation } from 'react-i18next';
 import { SignInProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import 'react';
-import '../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';