@dynamic-labs/sdk-react-core 4.0.0-alpha.0 → 4.0.0-alpha.2

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
+export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;

package/src/lib/data/api/embeddedWallets/embeddedWallets.cjs

@@ -196,18 +196,25 @@ const claimEmbeddedWallet = (_l) => _tslib.__awaiter(void 0, [_l], void 0, funct
         throw e;
     }
 });
-const registerSessionKey = (_p) => _tslib.__awaiter(void 0, [_p], void 0, function* ({ environmentId, publicKey, }) {
+const registerSessionKey = (_p) => _tslib.__awaiter(void 0, [_p], void 0, function* ({ environmentId, publicKey, prevSessionKeySignature, }) {
+    let response;
     try {
-        yield api.sdkApi().registerSessionKey({
+        response = yield api.sdkApi().registerSessionKey({
             environmentId,
-            registerSessionKeyRequest: { publicKey },
+            registerSessionKeyRequest: { prevSessionKeySignature, publicKey },
         });
-        return publicKey;
     }
     catch (e) {
         logger.logger.error('Error registering session key', e);
-        return undefined;
+        if ((e === null || e === void 0 ? void 0 : e.status) === 422) {
+            const errorJson = yield e.json();
+            if (errorJson.code === sdkApiCore.UnprocessableEntityErrorCode.InvalidSessionPublicKey) {
+                throw new utils.InvalidEmbeddedWalletSessionKeyError(errorJson.error);
+            }
+        }
+        throw e;
     }
+    return response;
 });
 const getCreateEmbeddedWalletAccountRequest = (_q) => _tslib.__awaiter(void 0, [_q], void 0, function* ({ environmentId, chain, }) {
     try {

package/src/lib/data/api/embeddedWallets/embeddedWallets.d.ts

@@ -1,4 +1,4 @@
-import { EmbeddedWalletAuthType, EmbeddedWalletChainEnum, ExportEmbeddedWalletResponse, VerifyResponse } from '@dynamic-labs/sdk-api-core';
+import { EmbeddedWalletAuthType, EmbeddedWalletChainEnum, ExportEmbeddedWalletResponse, RegisterEmbeddedWalletSessionKeyResponse, VerifyResponse } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '../../../..';
 import { CompletePasskeyRecoveryProps, CreateTurnkeyEmbeddedWalletProps, GetUserPasskeysProps, InitPasskeyRecoveryProps, UpdatePasskeyRecoveryEmailProps, UpdateUserPasskeysProps } from './types';
 export declare const createTurnkeyEmbeddedWallet: ({ attestation, challenge, environmentId, chains, passkeyAlias, }: CreateTurnkeyEmbeddedWalletProps) => Promise<UserProfile | undefined>;
@@ -28,10 +28,11 @@ export declare const claimEmbeddedWallet: ({ environmentId, walletId, }: {
 }) => Promise<VerifyResponse | {
     code: string;
 }>;
-export declare const registerSessionKey: ({ environmentId, publicKey, }: {
+export declare const registerSessionKey: ({ environmentId, publicKey, prevSessionKeySignature, }: {
     environmentId: string;
     publicKey: string;
-}) => Promise<string | undefined>;
+    prevSessionKeySignature?: string;
+}) => Promise<RegisterEmbeddedWalletSessionKeyResponse>;
 export declare const getCreateEmbeddedWalletAccountRequest: ({ environmentId, chain, }: {
     environmentId: string;
     chain: EmbeddedWalletChainEnum;

package/src/lib/data/api/embeddedWallets/embeddedWallets.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { EmbeddedWalletProviderEnum, EmbeddedWalletChainEnum } from '@dynamic-labs/sdk-api-core';
-import { DynamicError } from '@dynamic-labs/utils';
+import { UnprocessableEntityErrorCode, EmbeddedWalletProviderEnum, EmbeddedWalletChainEnum } from '@dynamic-labs/sdk-api-core';
+import { DynamicError, InvalidEmbeddedWalletSessionKeyError } from '@dynamic-labs/utils';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -192,18 +192,25 @@ const claimEmbeddedWallet = (_l) => __awaiter(void 0, [_l], void 0, function* ({
         throw e;
     }
 });
-const registerSessionKey = (_p) => __awaiter(void 0, [_p], void 0, function* ({ environmentId, publicKey, }) {
+const registerSessionKey = (_p) => __awaiter(void 0, [_p], void 0, function* ({ environmentId, publicKey, prevSessionKeySignature, }) {
+    let response;
     try {
-        yield sdkApi().registerSessionKey({
+        response = yield sdkApi().registerSessionKey({
             environmentId,
-            registerSessionKeyRequest: { publicKey },
+            registerSessionKeyRequest: { prevSessionKeySignature, publicKey },
         });
-        return publicKey;
     }
     catch (e) {
         logger.error('Error registering session key', e);
-        return undefined;
+        if ((e === null || e === void 0 ? void 0 : e.status) === 422) {
+            const errorJson = yield e.json();
+            if (errorJson.code === UnprocessableEntityErrorCode.InvalidSessionPublicKey) {
+                throw new InvalidEmbeddedWalletSessionKeyError(errorJson.error);
+            }
+        }
+        throw e;
     }
+    return response;
 });
 const getCreateEmbeddedWalletAccountRequest = (_q) => __awaiter(void 0, [_q], void 0, function* ({ environmentId, chain, }) {
     try {

package/src/lib/data/api/transactions/blockaid.cjs

@@ -0,0 +1,23 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../api.cjs');
+
+const isMaliciousUrl = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, url, }) {
+    try {
+        const request = {
+            environmentId,
+            scanWebsiteUrlRequest: { url },
+        };
+        const data = yield api.sdkApi().scanUrl(request);
+        return data.isMalicious;
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+exports.isMaliciousUrl = isMaliciousUrl;

package/src/lib/data/api/transactions/blockaid.js

@@ -0,0 +1,19 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { sdkApi } from '../api.js';
+
+const isMaliciousUrl = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, url, }) {
+    try {
+        const request = {
+            environmentId,
+            scanWebsiteUrlRequest: { url },
+        };
+        const data = yield sdkApi().scanUrl(request);
+        return data.isMalicious;
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+export { isMaliciousUrl };

package/src/lib/locale/en/translation.cjs

@@ -908,6 +908,24 @@ const translation = {
         },
         learn_more: 'Learn more about global wallets',
       },
+      malicious_site: {
+        certain: {
+          title: 'Malicious app detected!',
+          subtitle_header: 'Risk of losing funds',
+          subtitle_text:
+            'The site is known to exploit and or take assets from connected wallets.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+        unknown: {
+          title: 'Site verification did not run.',
+          subtitle_header: 'Double check the app',
+          subtitle_text:
+            'We were unable to verify the vailidity of the app at this time.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+      },
     },
      */
     global_wallet: {
@@ -939,6 +957,22 @@ const translation = {
             },
             learn_more: 'Learn more about global wallets',
         },
+        malicious_site: {
+            certain: {
+                title: 'Malicious app detected!',
+                subtitle_header: 'Risk of losing funds',
+                subtitle_text: 'The site is known to exploit and or take assets from connected wallets.',
+                go_back: 'Cancel',
+                proceed: 'Proceed',
+            },
+            unknown: {
+                title: 'Site verification did not run.',
+                subtitle_header: 'Double check the app',
+                subtitle_text: 'We were unable to verify the vailidity of the app at this time.',
+                go_back: 'Cancel',
+                proceed: 'Proceed',
+            },
+        },
     },
     /**
      * @description copy keys for mfa management view

package/src/lib/locale/en/translation.d.ts

@@ -904,6 +904,24 @@ export declare const translation: {
         },
         learn_more: 'Learn more about global wallets',
       },
+      malicious_site: {
+        certain: {
+          title: 'Malicious app detected!',
+          subtitle_header: 'Risk of losing funds',
+          subtitle_text:
+            'The site is known to exploit and or take assets from connected wallets.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+        unknown: {
+          title: 'Site verification did not run.',
+          subtitle_header: 'Double check the app',
+          subtitle_text:
+            'We were unable to verify the vailidity of the app at this time.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+      },
     },
      */
     global_wallet: {
@@ -935,6 +953,22 @@ export declare const translation: {
             };
             learn_more: string;
         };
+        malicious_site: {
+            certain: {
+                title: string;
+                subtitle_header: string;
+                subtitle_text: string;
+                go_back: string;
+                proceed: string;
+            };
+            unknown: {
+                title: string;
+                subtitle_header: string;
+                subtitle_text: string;
+                go_back: string;
+                proceed: string;
+            };
+        };
     };
     /**
      * @description copy keys for mfa management view

package/src/lib/locale/en/translation.js

@@ -904,6 +904,24 @@ const translation = {
         },
         learn_more: 'Learn more about global wallets',
       },
+      malicious_site: {
+        certain: {
+          title: 'Malicious app detected!',
+          subtitle_header: 'Risk of losing funds',
+          subtitle_text:
+            'The site is known to exploit and or take assets from connected wallets.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+        unknown: {
+          title: 'Site verification did not run.',
+          subtitle_header: 'Double check the app',
+          subtitle_text:
+            'We were unable to verify the vailidity of the app at this time.',
+          go_back: 'Cancel',
+          proceed: 'Proceed',
+        },
+      },
     },
      */
     global_wallet: {
@@ -935,6 +953,22 @@ const translation = {
             },
             learn_more: 'Learn more about global wallets',
         },
+        malicious_site: {
+            certain: {
+                title: 'Malicious app detected!',
+                subtitle_header: 'Risk of losing funds',
+                subtitle_text: 'The site is known to exploit and or take assets from connected wallets.',
+                go_back: 'Cancel',
+                proceed: 'Proceed',
+            },
+            unknown: {
+                title: 'Site verification did not run.',
+                subtitle_header: 'Double check the app',
+                subtitle_text: 'We were unable to verify the vailidity of the app at this time.',
+                go_back: 'Cancel',
+                proceed: 'Proceed',
+            },
+        },
     },
     /**
      * @description copy keys for mfa management view

package/src/lib/shared/assets/caution-triangle.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgCautionTriangle = function SvgCautionTriangle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 17,
+    height: 16,
+    viewBox: "0 0 17 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.335 1.917c.962-1.667 3.368-1.667 4.33 0l5.774 10c.962 1.666-.241 3.75-2.166 3.75H2.726c-1.924 0-3.127-2.084-2.165-3.75l5.774-10Zm2.887.833a.833.833 0 0 0-1.444 0l-5.773 10A.833.833 0 0 0 2.726 14h11.547a.833.833 0 0 0 .722-1.25l-5.773-10ZM8.5 5.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V6.5c0-.46.373-.833.833-.833ZM7.667 11.5c0-.46.373-.833.833-.833h.008a.833.833 0 1 1 0 1.666H8.5a.833.833 0 0 1-.833-.833Z",
+    fill: "#DD8500"
+  })));
+};
+
+exports.ReactComponent = SvgCautionTriangle;

package/src/lib/shared/assets/caution-triangle.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgCautionTriangle = function SvgCautionTriangle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 17,
+    height: 16,
+    viewBox: "0 0 17 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.335 1.917c.962-1.667 3.368-1.667 4.33 0l5.774 10c.962 1.666-.241 3.75-2.166 3.75H2.726c-1.924 0-3.127-2.084-2.165-3.75l5.774-10Zm2.887.833a.833.833 0 0 0-1.444 0l-5.773 10A.833.833 0 0 0 2.726 14h11.547a.833.833 0 0 0 .722-1.25l-5.773-10ZM8.5 5.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V6.5c0-.46.373-.833.833-.833ZM7.667 11.5c0-.46.373-.833.833-.833h.008a.833.833 0 1 1 0 1.666H8.5a.833.833 0 0 1-.833-.833Z",
+    fill: "#DD8500"
+  })));
+};
+
+export { SvgCautionTriangle as ReactComponent };

package/src/lib/shared/assets/exclamation-circle.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgExclamationCircle = function SvgExclamationCircle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 17,
+    height: 18,
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.5 2.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM.167 9a8.333 8.333 0 1 1 16.666 0A8.333 8.333 0 0 1 .167 9ZM8.5 4.833c.46 0 .833.373.833.834V9a.833.833 0 1 1-1.667 0V5.667c0-.46.374-.834.834-.834Zm-.833 7.5c0-.46.373-.833.833-.833h.008a.833.833 0 0 1 0 1.667H8.5a.833.833 0 0 1-.833-.834Z",
+    fill: "#FF4646"
+  })));
+};
+
+exports.ReactComponent = SvgExclamationCircle;

package/src/lib/shared/assets/exclamation-circle.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgExclamationCircle = function SvgExclamationCircle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 17,
+    height: 18,
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.5 2.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM.167 9a8.333 8.333 0 1 1 16.666 0A8.333 8.333 0 0 1 .167 9ZM8.5 4.833c.46 0 .833.373.833.834V9a.833.833 0 1 1-1.667 0V5.667c0-.46.374-.834.834-.834Zm-.833 7.5c0-.46.373-.833.833-.833h.008a.833.833 0 0 1 0 1.667H8.5a.833.833 0 0 1-.833-.834Z",
+    fill: "#FF4646"
+  })));
+};
+
+export { SvgExclamationCircle as ReactComponent };

package/src/lib/shared/assets/exclamation.cjs

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgExclamation = function SvgExclamation(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 7,
+    height: 32,
+    viewBox: "0 0 7 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.4 3.2a3.2 3.2 0 0 0-6.4 0V16a3.2 3.2 0 0 0 6.4 0V3.2ZM3.2 25.6a3.2 3.2 0 0 0 0 6.4h.032a3.2 3.2 0 0 0 0-6.4H3.2Z",
+    fill: "#F9F9FB"
+  })));
+};
+
+exports.ReactComponent = SvgExclamation;

package/src/lib/shared/assets/exclamation.js

@@ -0,0 +1,28 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgExclamation = function SvgExclamation(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 7,
+    height: 32,
+    viewBox: "0 0 7 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M6.4 3.2a3.2 3.2 0 0 0-6.4 0V16a3.2 3.2 0 0 0 6.4 0V3.2ZM3.2 25.6a3.2 3.2 0 0 0 0 6.4h.032a3.2 3.2 0 0 0 0-6.4H3.2Z",
+    fill: "#F9F9FB"
+  })));
+};
+
+export { SvgExclamation as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -13,7 +13,10 @@ export { ReactComponent as AtIcon } from './at.svg';
 export { ReactComponent as CheckCircleIcon } from './check-circle.svg';
 export { ReactComponent as CheckConnectionIcon } from './check-connection.svg';
 export { ReactComponent as CheckIcon } from './check.svg';
+export { ReactComponent as ExclamationIcon } from './exclamation.svg';
+export { ReactComponent as ExclamationCircleIcon } from './exclamation-circle.svg';
 export { ReactComponent as ChevronDownIcon } from './chevron-down.svg';
+export { ReactComponent as CautionTriangleIcon } from './caution-triangle.svg';
 export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
 export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
 export { ReactComponent as CheckBlueIcon } from './check-blue.svg';
@@ -34,6 +37,8 @@ export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';
 export { ReactComponent as EyeOffIcon } from './eye-off-icon.svg';
 export { ReactComponent as ArrowCircleRight } from './arrow-circle-right.svg';
 export { ReactComponent as FaceIdIcon } from './face-id.svg';
+export { ReactComponent as WarningRedIcon } from './warning-red.svg';
+export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
 export { ReactComponent as GlobalWalletIcon } from './global-wallet-icon.svg';
 export { ReactComponent as EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';

package/src/lib/shared/assets/warning-orange.cjs

@@ -0,0 +1,54 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _circle;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgWarningOrange = function SvgWarningOrange(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "#DD8500"
+  })));
+};
+
+exports.ReactComponent = SvgWarningOrange;