@dynamic-labs/sdk-react-core 0.16.0

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Typography = require('../../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs.js');
+var close = require('../../../shared/assets/close.cjs.js');
+var chevronLeft = require('../../../shared/assets/chevron-left.cjs.js');
+require('../../../utils/constants/colors.cjs.js');
+require('../../../shared/consts/index.cjs.js');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+require('../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../config/ApiEndpoint.cjs.js');
+require('../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../../context/MockContext/MockContext.cjs.js');
+require('../../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+var IconButton = require('../../../components/IconButton/IconButton.cjs.js');
+var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs.js');
+var Skeleton = require('../../../components/Skeleton/Skeleton.cjs.js');
+var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs.js');
+
+const Header = ({ onClose: handleClose, heading, projectSettings, }) => {
+    const { clearStatesOnBackClick, loginWithEmail } = useInternalDynamicContext.useInternalDynamicContext();
+    const { showQrCodeMessage, setShowQrCodeImage, showQrCodeImage } = QrCodeContext.useQrCodeContext();
+    const { view, setView } = ViewContext.useViewContext();
+    const handleBackClick = React.useCallback(() => {
+        clearStatesOnBackClick();
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [clearStatesOnBackClick, loginWithEmail, setView]);
+    const positionAbsolute = view === 'login-with-email-verification';
+    const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
+        view !== 'login-with-email-verification';
+    const backButton = (view === 'qr-code' ||
+        view === 'pending-signature' ||
+        view === 'no-qr-not-installed' ||
+        view === 'wallet-connect-mobile-wallets-list' ||
+        view === 'login-with-email-verification' ||
+        view === 'login-with-email-or-wallet-full-wallet-list' ||
+        view === 'pending-connect') && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: handleBackClick, "data-testid": 'back-button' }, { children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) })));
+    const closeButton = showCloseButton && (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button' }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
+    const qrCodePreHeader = (jsxRuntime.jsxs("div", Object.assign({ className: 'qr-code-view__scan-issue-message' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_small' }, { children: "If you're having issues scanning, click\u00A0" })), jsxRuntime.jsx("button", Object.assign({ className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true) }, { children: "here" }))] })));
+    const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showQrCodePreHeader && qrCodePreHeader, jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ leading: backButton, trailing: closeButton, positionAbsolute: positionAbsolute }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography' }, { children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) })) }))] }));
+};
+
+exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WalletHeaderProps } from './header.types';
+export declare const Header: ({ onClose: handleClose, heading, projectSettings, }: WalletHeaderProps) => JSX.Element;

package/src/lib/layout/DynamicAuthLayout/Header/header.es.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { Typography } from '../../../components/Typography/Typography.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.es.js';
+import { ReactComponent as SvgClose } from '../../../shared/assets/close.es.js';
+import { ReactComponent as SvgChevronLeft } from '../../../shared/assets/chevron-left.es.js';
+import '../../../utils/constants/colors.es.js';
+import '../../../shared/consts/index.es.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
+import '../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../context/ThemeContext/ThemeContext.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../config/ApiEndpoint.es.js';
+import '../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../../context/MockContext/MockContext.es.js';
+import '../../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import { IconButton } from '../../../components/IconButton/IconButton.es.js';
+import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.es.js';
+import { Skeleton } from '../../../components/Skeleton/Skeleton.es.js';
+import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.es.js';
+
+const Header = ({ onClose: handleClose, heading, projectSettings, }) => {
+    const { clearStatesOnBackClick, loginWithEmail } = useInternalDynamicContext();
+    const { showQrCodeMessage, setShowQrCodeImage, showQrCodeImage } = useQrCodeContext();
+    const { view, setView } = useViewContext();
+    const handleBackClick = useCallback(() => {
+        clearStatesOnBackClick();
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+    }, [clearStatesOnBackClick, loginWithEmail, setView]);
+    const positionAbsolute = view === 'login-with-email-verification';
+    const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
+        view !== 'login-with-email-verification';
+    const backButton = (view === 'qr-code' ||
+        view === 'pending-signature' ||
+        view === 'no-qr-not-installed' ||
+        view === 'wallet-connect-mobile-wallets-list' ||
+        view === 'login-with-email-verification' ||
+        view === 'login-with-email-or-wallet-full-wallet-list' ||
+        view === 'pending-connect') && (jsx(IconButton, Object.assign({ type: 'button', onClick: handleBackClick, "data-testid": 'back-button' }, { children: jsx(SvgChevronLeft, {}) })));
+    const closeButton = showCloseButton && (jsx(IconButton, Object.assign({ onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button' }, { children: jsx(SvgClose, {}) })));
+    const qrCodePreHeader = (jsxs("div", Object.assign({ className: 'qr-code-view__scan-issue-message' }, { children: [jsx(Typography, Object.assign({ color: 'primary', variant: 'body_small' }, { children: "If you're having issues scanning, click\u00A0" })), jsx("button", Object.assign({ className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true) }, { children: "here" }))] })));
+    const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    return (jsxs(Fragment, { children: [showQrCodePreHeader && qrCodePreHeader, jsx(ModalHeader, Object.assign({ leading: backButton, trailing: closeButton, positionAbsolute: positionAbsolute }, { children: jsx(Typography, Object.assign({ as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography' }, { children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) })) }))] }));
+};
+
+export { Header };

package/src/lib/layout/DynamicAuthLayout/Header/header.types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { ModalProps } from '../../../shared/types';
+export type WalletHeaderProps = ModalProps & {
+    heading: string | JSX.Element;
+    projectSettings?: ProjectSettings;
+};

package/src/lib/layout/DynamicAuthLayout/Header/index.d.ts

@@ -0,0 +1 @@
+export { Header } from './header';

package/src/lib/layout/DynamicAuthLayout/index.d.ts

@@ -0,0 +1 @@
+export { DynamicAuthLayout } from './DynamicAuthLayout';

package/src/lib/main.global.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var styleInject = require('../../_virtual/style-inject.cjs.js');
+
+var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}}";
+styleInject(css_248z);
+
+module.exports = css_248z;

package/src/lib/main.global.es.js

@@ -0,0 +1,6 @@
+import styleInject from '../../_virtual/style-inject.es.js';
+
+var css_248z = "@layer dynamic-sdk-styles{iframe[src*=\"wallet-dev.blocto.app\"],iframe[src*=\"wallet-staging.blocto.app\"],iframe[src*=\"wallet-testnet.blocto.app\"],iframe[src*=\"wallet.blocto.app\"]{z-index:2147483647!important}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-400-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:500;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-500-italic.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-normal.woff) format(\"woff\")}@font-face{font-display:swap;font-family:DM Sans;font-style:italic;font-weight:700;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff2) format(\"woff2\"),url(https://cdn.jsdelivr.net/npm/@fontsource/dm-sans/files/dm-sans-latin-700-italic.woff) format(\"woff\")}@layer light-theme-default{:root{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme-brand=bold],:root[data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme-brand=subtle],:root[data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}@media (prefers-color-scheme:light){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}:root [data-dynamic-theme=light]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#f7f7f9;--dynamic-base-2:#fff;--dynamic-base-3:rgba(22,37,77,.05);--dynamic-base-4:rgba(22,37,77,.12);--dynamic-base-5:linear-gradient(180deg,#fff,#f7f7f9);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green-1:#41cc99;--dynamic-connection-green-2:rgba(65,204,153,.1);--dynamic-border-radius:1.5rem;--dynamic-hover:rgba(22,37,77,.03);--dynamic-error-1:#ff4646;--dynamic-error-2:rgba(255,70,70,.1);--dynamic-footer-background-color:#fff;--dynamic-footer-text-color:#383c48;--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(24,27,34,.15);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#0047ff;--dynamic-text-primary:#383c48;--dynamic-text-secondary:rgba(56,60,72,.65);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(56,60,72,.4);--dynamic-badge-background:rgba(22,37,77,.05);--dynamic-badge-color:rgba(56,60,72,.65);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#fff;--dynamic-search-bar-border:0.0625rem solid rgba(22,37,77,.05);--dynamic-search-bar-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-search-bar-border-focus:0.0625rem solid rgba(22,37,77,.12);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:#fff;--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:#fff;--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#fff;--dynamic-connect-button-color:#383c48;--dynamic-connect-button-border:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:rgba(22,37,77,.03);--dynamic-connect-button-color-hover:#383c48;--dynamic-connect-button-border-hover:0.0625rem solid rgba(22,37,77,.12);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:#383c48;--dynamic-tooltip-text-color:#fff}:root [data-dynamic-theme=light] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=light][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:#fff;--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-arrow-color:rgba(247,247,249,.75);--dynamic-footer-border: }:root [data-dynamic-theme=light] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=light][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(56,60,72,.4)}}@layer dark-theme-default{@media (prefers-color-scheme:dark){:root [data-dynamic-theme=auto]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=auto] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=auto][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}:root [data-dynamic-theme=dark]{--dynamic-font-family-primary:\"DM Sans\",sans-serif;--dynamic-font-family-numbers:\"Roboto Mono\",monospace,sans-serif;--dynamic-base-1:#14161c;--dynamic-base-2:#27282e;--dynamic-base-3:rgba(231,234,243,.08);--dynamic-base-4:rgba(231,234,243,.15);--dynamic-base-5:linear-gradient(180deg,#24272f,#14161c);--dynamic-brand-hover-color:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08)),#4779ff;--dynamic-brand-primary-color:#4779ff;--dynamic-brand-secondary-color:rgba(71,121,255,.15);--dynamic-connection-green:#46ffbc;--dynamic-border-radius:1.5rem;--dynamic-hover:hsla(0,0%,100%,.1);--dynamic-error-1:#ff6a6a;--dynamic-error-2:hsla(0,100%,71%,.2);--dynamic-footer-background-color:#14161c;--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:#4779ff;--dynamic-loading-animation-gradient:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.01) 20%,hsla(0,0%,100%,.05) 60%,hsla(0,0%,100%,0));--dynamic-overlay:rgba(0,0,0,.25);--dynamic-shadow-down-1:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-shadow-down-2:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-shadow-down-3:0 1.5rem 2rem -1.5rem rgba(0,0,0,.24);--dynamic-shadow-up-1:0 -0.5rem 3rem -0.5rem rgba(109,121,165,.16);--dynamic-text-link:#69a5ff;--dynamic-text-primary:rgba(245,248,255,.95);--dynamic-text-secondary:rgba(245,248,255,.55);--dynamic-text-size-body-mini:0.6875rem;--dynamic-text-size-body-normal:0.9375rem;--dynamic-text-size-body-small:0.75rem;--dynamic-text-size-button-primary:0.875rem;--dynamic-text-size-button-secondary:0.75rem;--dynamic-text-size-numbers-big:0.875rem;--dynamic-text-size-numbers-medium:0.75rem;--dynamic-text-size-numbers-small:0.625rem;--dynamic-text-size-title:1.125rem;--dynamic-text-tertiary:rgba(245,248,255,.4);--dynamic-badge-background:rgba(231,234,243,.08);--dynamic-badge-color:rgba(245,248,255,.55);--dynamic-badge-dot-background:#4779ff;--dynamic-search-bar-background: ;--dynamic-search-bar-background-hover: ;--dynamic-search-bar-background-focus:#27282e;--dynamic-search-bar-border:0.0625rem solid rgba(231,234,243,.08);--dynamic-search-bar-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-search-bar-border-focus:0.0625rem solid rgba(231,234,243,.15);--dynamic-modal-border: ;--dynamic-modal-width:22.5rem;--dynamic-modal-padding:1.5rem;--dynamic-modal-backdrop-background:rgba(0,0,0,.25);--dynamic-modal-backdrop-filter:blur(4px);--dynamic-footer-padding:1.25rem 1.25rem 1.25rem 1.5rem;--dynamic-footer-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-wallet-list-tile-padding:0.75rem;--dynamic-wallet-list-tile-gap:0.375rem;--dynamic-wallet-list-max-height:16.25rem;--dynamic-wallet-list-tile-background:rgba(231,234,243,.08);--dynamic-wallet-list-tile-border: ;--dynamic-wallet-list-tile-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-background-hover:rgba(231,234,243,.15);--dynamic-wallet-list-tile-border-hover: ;--dynamic-wallet-list-tile-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-wallet-list-tile-animation-duration:150ms;--dynamic-connect-button-background:#14161c;--dynamic-connect-button-color:rgba(245,248,255,.95);--dynamic-connect-button-border:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow:0 0.0625rem 0.125rem rgba(24,39,75,.04);--dynamic-connect-button-background-hover:#24272e;--dynamic-connect-button-color-hover:rgba(245,248,255,.95);--dynamic-connect-button-border-hover:0.0625rem solid rgba(231,234,243,.15);--dynamic-connect-button-shadow-hover:0 0.75rem 1.25rem -0.375rem rgba(24,39,75,.02),0 1rem 1.625rem -0.25rem rgba(24,39,75,.04);--dynamic-tooltip-color:rgba(245,248,255,.95);--dynamic-tooltip-text-color:#14161c}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=bold],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=bold]{--dynamic-footer-text-color:rgba(245,248,255,.95);--dynamic-footer-icon-color:rgba(247,247,249,.75);--dynamic-footer-border: ;--dynamic-footer-arrow-color:rgba(247,247,249,.75)}:root [data-dynamic-theme=dark] [data-dynamic-theme-brand=subtle],:root [data-dynamic-theme=dark][data-dynamic-theme-brand=subtle]{--dynamic-footer-arrow-color:rgba(245,248,255,.4);--dynamic-footer-icon-color:rgba(245,248,255,.4)}}.dynamic-shadow-dom{position:relative}#dynamic-tooltips{left:0;position:absolute;top:0}.dynamic-no-scroll{overflow:hidden}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Typography = require('../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../context/ViewContext/ViewContext.cjs.js');
+var close = require('../../shared/assets/close.cjs.js');
+var signCircle = require('../../shared/assets/sign-circle.cjs.js');
+require('../../utils/constants/colors.cjs.js');
+var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs.js');
+var index = require('../../shared/consts/index.cjs.js');
+require('../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../context/ThemeContext/ThemeContext.cjs.js');
+var Icon = require('../../components/Icon/Icon.cjs.js');
+var Portal = require('../../components/Portal/Portal.cjs.js');
+require('react-dom');
+require('../../config/ApiEndpoint.cjs.js');
+require('../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../context/MockContext/MockContext.cjs.js');
+require('../../context/CaptchaContext/CaptchaContext.cjs.js');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs.js');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+var Button = require('../../components/Button/Button.cjs.js');
+var IconButton = require('../../components/IconButton/IconButton.cjs.js');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs.js');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs.js');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs.js');
+var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs.js');
+var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs.js');
+var VerticalDrawerAnimation = require('../../components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.cjs.js');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs.js');
+
+const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
+    usePreventPageScroll.usePreventPageScroll(true);
+    const didConfirmRef = React.useRef(false);
+    const [show, setShow] = React.useState(true);
+    const handleOnReject = React.useCallback(() => {
+        didConfirmRef.current = false;
+        setShow(false);
+    }, [setShow]);
+    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation.useMutation(() => handler(message), {
+        onSuccess: () => {
+            didConfirmRef.current = true;
+            setShow(false);
+        },
+    });
+    const handleOnModalUnmount = React.useCallback(() => {
+        if (signedMessage) {
+            return onSignMessage(signedMessage);
+        }
+        onReject(signMessageError || new Error('user rejected signing'));
+    }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation--desktop' }, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'brand-primary' }, { children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) }))), iconSize: 64, isSpinning: true }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'sign-message-confirmation__title' }, { children: "Requesting Signature" })), jsxRuntime.jsx(AnimatePresence.AnimatePresence, Object.assign({ animationComponent: jsxRuntime.jsx(VerticalDrawerAnimation.VerticalDrawerAnimation, {}) }, { children: signMessageError && (jsxRuntime.jsx("div", Object.assign({ className: 'sign-message-confirmation__error' }, { children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) }))) })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__message-container' }, { children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", Object.assign({ className: 'sign-message-confirmation__message' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: message })) }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__actions' }, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default' }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading }, { children: "Sign" }))] })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] }))] })) })));
+};
+
+exports.SignMessageConfirmationModal = SignMessageConfirmationModal;

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.d.ts

@@ -0,0 +1,2 @@
+import { SignMessageConfirmationModalComponent } from './SignMessageConfirmationModal.types';
+export declare const SignMessageConfirmationModal: SignMessageConfirmationModalComponent;

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.es.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useCallback } from 'react';
+import { Typography } from '../../components/Typography/Typography.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../context/ViewContext/ViewContext.es.js';
+import { ReactComponent as SvgClose } from '../../shared/assets/close.es.js';
+import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle.es.js';
+import '../../utils/constants/colors.es.js';
+import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.es.js';
+import { authModalZIndex } from '../../shared/consts/index.es.js';
+import '../../context/DynamicContext/DynamicContext.es.js';
+import '../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../context/ThemeContext/ThemeContext.es.js';
+import { Icon } from '../../components/Icon/Icon.es.js';
+import { Portal } from '../../components/Portal/Portal.es.js';
+import 'react-dom';
+import '../../config/ApiEndpoint.es.js';
+import '../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../context/MockContext/MockContext.es.js';
+import '../../context/CaptchaContext/CaptchaContext.es.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.es.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import { Button } from '../../components/Button/Button.es.js';
+import { IconButton } from '../../components/IconButton/IconButton.es.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.es.js';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.es.js';
+import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.es.js';
+import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.es.js';
+import { AnimatePresence } from '../../components/AnimatePresence/AnimatePresence.es.js';
+import { VerticalDrawerAnimation } from '../../components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.es.js';
+import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.es.js';
+
+const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
+    usePreventPageScroll(true);
+    const didConfirmRef = useRef(false);
+    const [show, setShow] = useState(true);
+    const handleOnReject = useCallback(() => {
+        didConfirmRef.current = false;
+        setShow(false);
+    }, [setShow]);
+    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation(() => handler(message), {
+        onSuccess: () => {
+            didConfirmRef.current = true;
+            setShow(false);
+        },
+    });
+    const handleOnModalUnmount = useCallback(() => {
+        if (signedMessage) {
+            return onSignMessage(signedMessage);
+        }
+        onReject(signMessageError || new Error('user rejected signing'));
+    }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const closeButton = (jsx(IconButton, Object.assign({ type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading }, { children: jsx(SvgClose, {}) })));
+    return (jsx(Portal, Object.assign({ handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsxs("div", Object.assign({ className: 'sign-message-confirmation--desktop' }, { children: [jsx(ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, Object.assign({ color: 'brand-primary' }, { children: jsx(SvgSignCircle, Object.assign({}, props)) }))), iconSize: 64, isSpinning: true }) })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__body' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'sign-message-confirmation__title' }, { children: "Requesting Signature" })), jsx(AnimatePresence, Object.assign({ animationComponent: jsx(VerticalDrawerAnimation, {}) }, { children: signMessageError && (jsx("div", Object.assign({ className: 'sign-message-confirmation__error' }, { children: jsx(ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) }))) })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__message-container' }, { children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", Object.assign({ className: 'sign-message-confirmation__message' }, { children: jsx(Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: message })) }))] })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__actions' }, { children: [jsx(Button, Object.assign({ buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default' }, { children: "Cancel" })), jsx(Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading }, { children: "Sign" }))] })), jsx(PoweredByDynamic, {})] }))] })) })));
+};
+
+export { SignMessageConfirmationModal };

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.types.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ethers } from 'ethers';
+export type SignMessageConfirmationModalProps = {
+    appLogoUrl?: string;
+    appName?: string;
+    appOrigin: string;
+    handler: (message: string | ethers.utils.Bytes) => Promise<string>;
+    message: string | ethers.utils.Bytes;
+    onReject: (error: unknown) => void;
+    onSignMessage: (signedMessage: string) => void;
+};
+export type SignMessageConfirmationModalComponent = FC<SignMessageConfirmationModalProps>;

package/src/lib/modals/SignMessageConfirmationModal/index.d.ts

@@ -0,0 +1 @@
+export { SignMessageConfirmationModal } from './SignMessageConfirmationModal';

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ethers = require('ethers');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+var Typography = require('../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs.js');
+var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs.js');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs.js');
+require('../../utils/constants/colors.cjs.js');
+var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs.js');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs.js');
+var close = require('../../shared/assets/close.cjs.js');
+var signCircle = require('../../shared/assets/sign-circle.cjs.js');
+var index = require('../../shared/consts/index.cjs.js');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+require('../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../context/ThemeContext/ThemeContext.cjs.js');
+var Icon = require('../../components/Icon/Icon.cjs.js');
+var Portal = require('../../components/Portal/Portal.cjs.js');
+require('react-dom');
+require('../../config/ApiEndpoint.cjs.js');
+require('../../context/ErrorContext/ErrorContext.cjs.js');
+var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs.js');
+var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs.js');
+require('../../context/MockContext/MockContext.cjs.js');
+require('../../context/CaptchaContext/CaptchaContext.cjs.js');
+var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs.js');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs.js');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+var Button = require('../../components/Button/Button.cjs.js');
+var IconButton = require('../../components/IconButton/IconButton.cjs.js');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs.js');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs.js');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs.js');
+var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs.js');
+var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs.js');
+var VerticalDrawerAnimation = require('../../components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.cjs.js');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs.js');
+
+const digitsLimitSub = 1e8;
+const TransactionConfirmationModal = ({ title, appOrigin, handler, onReject, onTransactionResponseSuccess, appLogoUrl, appName, transaction, buttonText = 'Send', provider, }) => {
+    usePreventPageScroll.usePreventPageScroll(true);
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const didConfirmRef = React.useRef(false);
+    const [show, setShow] = React.useState(true);
+    const { from, to, value } = transaction;
+    if (!primaryWallet) {
+        throw new multiWallet.DynamicError('Primary wallet is not available, transaction cannot be displayed');
+    }
+    const [currencySymbol] = useFetchCurrency.useFetchCurrency(primaryWallet.connector);
+    const { isLoading, mutate: sendTransaction, data: transactionResponse, error: transactionError, } = useMutation.useMutation(() => handler(transaction), {
+        onSuccess: () => {
+            didConfirmRef.current = true;
+            setShow(false);
+        },
+    });
+    const handleOnReject = React.useCallback(() => {
+        didConfirmRef.current = false;
+        setShow(false);
+    }, [setShow]);
+    const handleOnModalUnmount = React.useCallback(() => {
+        if (transactionResponse) {
+            return onTransactionResponseSuccess(transactionResponse);
+        }
+        onReject(transactionError || new Error('user rejected transaction'));
+    }, [
+        transactionResponse,
+        transactionError,
+        onTransactionResponseSuccess,
+        onReject,
+    ]);
+    const { data: effectiveValue, isLoading: isEffectiveValueLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const val = yield value;
+        return val ? ethers.ethers.BigNumber.from(val) : undefined;
+    }));
+    const { data: effectiveGasPrice, isLoading: isEffectiveGasPriceLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const gasPrice = yield provider.getGasPrice();
+        const estimatedGas = yield provider.estimateGas(transaction);
+        return gasPrice && estimatedGas
+            ? ethers.ethers.BigNumber.from(gasPrice).mul(estimatedGas)
+            : undefined;
+    }));
+    const { data: effectiveToAddress, isLoading: isEffectiveToAddressLoading } = usePromise.usePromise(() => to);
+    const { data: effectiveFromAddress, isLoading: isEffectiveFromAddressLoading, } = usePromise.usePromise(() => from);
+    const total = React.useMemo(() => {
+        if (effectiveGasPrice !== undefined && effectiveValue !== undefined) {
+            return effectiveGasPrice.add(effectiveValue);
+        }
+        return effectiveValue || effectiveGasPrice;
+    }, [effectiveGasPrice, effectiveValue]);
+    const isLoadingTransaction = React.useMemo(() => isEffectiveValueLoading ||
+        isEffectiveGasPriceLoading ||
+        isEffectiveToAddressLoading ||
+        isEffectiveFromAddressLoading, [
+        isEffectiveValueLoading,
+        isEffectiveGasPriceLoading,
+        isEffectiveToAddressLoading,
+        isEffectiveFromAddressLoading,
+    ]);
+    const ChainIcon = getChainIcon.getChainIcon('evm');
+    const formatValue = (value, sub) => {
+        if (!sub) {
+            return ethers.ethers.utils.formatEther(value);
+        }
+        return ethers.ethers.utils.formatEther(value.sub(value.mod(sub)));
+    };
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation' }, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'brand-primary' }, { children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) }))), iconSize: 64, isSpinning: true }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'transaction-confirmation__title' }, { children: title })), jsxRuntime.jsx(AnimatePresence.AnimatePresence, Object.assign({ animationComponent: jsxRuntime.jsx(VerticalDrawerAnimation.VerticalDrawerAnimation, {}) }, { children: transactionError && (jsxRuntime.jsx("div", Object.assign({ className: 'transaction-confirmation__error' }, { children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: transactionErrorMessage.transactionErrorMessage(transactionError) }) }))) })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__content' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'transaction-confirmation__app-origin-tile' }, { children: jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-info' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-row' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_normal', weight: 'regular', className: 'transaction-confirmation__transaction-row__title' }, { children: "From (You)" })), isEffectiveFromAddressLoading && jsxRuntime.jsx(CoinCell, { children: "--" }), !isEffectiveFromAddressLoading && effectiveFromAddress && (jsxRuntime.jsx(CoinCell, { children: shortenWalletAddress.shortenWalletAddress(effectiveFromAddress, 4, 4) })), !isEffectiveFromAddressLoading && !effectiveFromAddress && (jsxRuntime.jsx(CoinCell, Object.assign({ color: 'secondary', weight: 'regular' }, { children: "N/A" })))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-row' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_normal', weight: 'regular', className: 'transaction-confirmation__transaction-row__title' }, { children: "To" })), isEffectiveToAddressLoading && jsxRuntime.jsx(CoinCell, { children: "--" }), !isEffectiveToAddressLoading && !effectiveToAddress && (jsxRuntime.jsx(CoinCell, Object.assign({ color: 'secondary', weight: 'regular' }, { children: "N/A" }))), !isEffectiveToAddressLoading && effectiveToAddress && (jsxRuntime.jsx(CoinCell, { children: shortenWalletAddress.shortenWalletAddress(effectiveToAddress, 4, 4) }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-row' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_normal', weight: 'regular', className: 'transaction-confirmation__transaction-row__title' }, { children: "Amount" })), isEffectiveValueLoading && (jsxRuntime.jsx(CoinCell, Object.assign({ symbol: currencySymbol, icon: jsxRuntime.jsx(ChainIcon, {}) }, { children: "--" }))), !isEffectiveValueLoading && effectiveValue && (jsxRuntime.jsx(CoinCell, Object.assign({ symbol: currencySymbol, icon: jsxRuntime.jsx(ChainIcon, {}), dataTestId: 'transaction-amount', title: formatValue(effectiveValue) }, { children: formatValue(effectiveValue, digitsLimitSub) }))), !isEffectiveValueLoading && !effectiveValue && (jsxRuntime.jsx(CoinCell, Object.assign({ color: 'secondary', weight: 'regular' }, { children: "N/A" })))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-row' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_normal', weight: 'regular', className: 'transaction-confirmation__transaction-row__title' }, { children: "Gas (estimated)" })), isEffectiveGasPriceLoading && jsxRuntime.jsx(CoinCell, { children: "--" }), !isEffectiveGasPriceLoading && !effectiveGasPrice && (jsxRuntime.jsx(CoinCell, Object.assign({ color: 'secondary', weight: 'regular' }, { children: "N/A" }))), !isEffectiveGasPriceLoading && effectiveGasPrice && (jsxRuntime.jsx(CoinCell, Object.assign({ symbol: currencySymbol, icon: jsxRuntime.jsx(ChainIcon, {}), dataTestId: 'transaction-gas-free', title: formatValue(effectiveGasPrice) }, { children: formatValue(effectiveGasPrice, digitsLimitSub) })))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__transaction-row' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_normal', weight: 'regular', className: 'transaction-confirmation__transaction-row__title' }, { children: "Total" })), total && (jsxRuntime.jsx(CoinCell, Object.assign({ symbol: currencySymbol, icon: jsxRuntime.jsx(ChainIcon, {}), dataTestId: 'transaction-total', title: formatValue(total) }, { children: formatValue(total, digitsLimitSub) }))), !total && (jsxRuntime.jsx(CoinCell, Object.assign({ color: 'secondary', weight: 'regular' }, { children: "N/A" })))] }))] }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'transaction-confirmation__actions' }, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', buttonRounded: 'default', disabled: isLoading }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', onClick: () => sendTransaction(), expanded: true, buttonRounded: 'default', loading: isLoading, disabled: isLoadingTransaction }, { children: buttonText }))] })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] }))] })) })));
+};
+const CoinCell = ({ children, symbol, icon, color = 'primary', weight = 'medium', dataTestId, title, }) => (jsxRuntime.jsxs("div", Object.assign({ "data-testid": dataTestId, style: {
+        alignItems: 'center',
+        display: 'flex',
+        gap: '0.25rem',
+        minWidth: 0,
+    } }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ title: title, color: color, variant: 'body_normal', weight: weight, truncate: true }, { children: children })), symbol && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'span', color: 'secondary', weight: 'regular' }, { children: symbol }))), icon && jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: icon }))] })));
+
+exports.TransactionConfirmationModal = TransactionConfirmationModal;

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.d.ts

@@ -0,0 +1,2 @@
+import { TransactionConfirmationModalComponent } from './TransactionConfirmationModal.types';
+export declare const TransactionConfirmationModal: TransactionConfirmationModalComponent;