@dynamic-labs/sdk-react-core 3.1.0 → 3.1.2

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+### [3.1.2](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.1...v3.1.2) (2024-09-23)
+
+
+### Bug Fixes
+
+* issue where builtin stream module was a dependency ([#6985](https://github.com/dynamic-labs/DynamicAuth/issues/6985)) ([5ac1f6c](https://github.com/dynamic-labs/DynamicAuth/commit/5ac1f6c7b96f773d5f2f1899748c2a7fc84235ec))
+
+### [3.1.1](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.0...v3.1.1) (2024-09-20)
+
+
+### Features
+
+* blockaid website scanning for global connectivity ([#6874](https://github.com/dynamic-labs/DynamicAuth/issues/6874)) ([#6960](https://github.com/dynamic-labs/DynamicAuth/issues/6960)) ([67ac487](https://github.com/dynamic-labs/DynamicAuth/commit/67ac487ce4123cd99ce532ca7d238ee8059bcf8b))
+
+
+### Bug Fixes
+
+* dont verify all signatures for solana embedded ([#6958](https://github.com/dynamic-labs/DynamicAuth/issues/6958)) ([5d8ac6e](https://github.com/dynamic-labs/DynamicAuth/commit/5d8ac6ebb2cbf46dfaef7f2cef9f90f1294fb8e2)), closes [#6953](https://github.com/dynamic-labs/DynamicAuth/issues/6953)
+* magic eden wallet transactions ([#6946](https://github.com/dynamic-labs/DynamicAuth/issues/6946)) ([#6967](https://github.com/dynamic-labs/DynamicAuth/issues/6967)) ([6e474f7](https://github.com/dynamic-labs/DynamicAuth/commit/6e474f76acfea34eb80a97daca06ea5df526797e))
+* populate error variable when user closes oauth window for useSocialAccounts ([#6952](https://github.com/dynamic-labs/DynamicAuth/issues/6952)) ([#6970](https://github.com/dynamic-labs/DynamicAuth/issues/6970)) ([dca6aa5](https://github.com/dynamic-labs/DynamicAuth/commit/dca6aa5c795c62b39c6b78fc6a1515c1bfe1ba07))
+* prevent calling refresh after logout ([#6948](https://github.com/dynamic-labs/DynamicAuth/issues/6948)) ([#6971](https://github.com/dynamic-labs/DynamicAuth/issues/6971)) ([6bd8a03](https://github.com/dynamic-labs/DynamicAuth/commit/6bd8a0359f5207ceabdd29ff21787140d4ca5234))
+* qrcode for mfa in dark mode ([#6961](https://github.com/dynamic-labs/DynamicAuth/issues/6961)) ([#6969](https://github.com/dynamic-labs/DynamicAuth/issues/6969)) ([fb0cdc7](https://github.com/dynamic-labs/DynamicAuth/commit/fb0cdc7c9de225ae5279546f291df9677d7668f7))
+
 ## [3.1.0](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.3...v3.1.0) (2024-09-19)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.1.0";
+var version = "3.1.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.529",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.1.0";
+var version = "3.1.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.529",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.1.0",
-    "@dynamic-labs/logger": "3.1.0",
-    "@dynamic-labs/message-transport": "3.1.0",
-    "@dynamic-labs/multi-wallet": "3.1.0",
-    "@dynamic-labs/rpc-providers": "3.1.0",
-    "@dynamic-labs/store": "3.1.0",
-    "@dynamic-labs/types": "3.1.0",
-    "@dynamic-labs/utils": "3.1.0",
-    "@dynamic-labs/wallet-book": "3.1.0",
-    "@dynamic-labs/wallet-connector-core": "3.1.0",
+    "@dynamic-labs/iconic": "3.1.2",
+    "@dynamic-labs/logger": "3.1.2",
+    "@dynamic-labs/message-transport": "3.1.2",
+    "@dynamic-labs/multi-wallet": "3.1.2",
+    "@dynamic-labs/rpc-providers": "3.1.2",
+    "@dynamic-labs/store": "3.1.2",
+    "@dynamic-labs/types": "3.1.2",
+    "@dynamic-labs/utils": "3.1.2",
+    "@dynamic-labs/wallet-book": "3.1.2",
+    "@dynamic-labs/wallet-connector-core": "3.1.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/QRCode/QRCode.cjs

@@ -103,7 +103,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise.usePromise(() => QRCodeUtil__default["default"].toDataURL(value));
     const dots = React.useMemo(() => {
         const dots = [];
@@ -118,7 +118,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsxRuntime.jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsxRuntime.jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

package/src/lib/components/QRCode/QRCode.js

@@ -95,7 +95,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise(() => QRCodeUtil.toDataURL(value));
     const dots = useMemo(() => {
         const dots = [];
@@ -110,7 +110,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

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/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
@@ -1747,7 +1781,7 @@ const translation = {
             insufficient_funds: 'Insufficient funds due to gas price increase from estimate. Please add {{amountLeft}} {{currencySymbol}} to continue.',
             insufficient_gas_funds: 'Insufficient gas funds. Please add {{amountLeft}} {{currencySymbol}} to continue.',
             failed_simulation: 'Unable to simulate transaction, funds may be lost if submitted.',
-            not_enough_solana: 'Insufficient funds to process this transaction',
+            not_enough_solana: 'Insufficient funds, your SOL balance after the transaction must be at least 0.001.',
         },
         error_message: {
             gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',

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
@@ -1743,7 +1777,7 @@ const translation = {
             insufficient_funds: 'Insufficient funds due to gas price increase from estimate. Please add {{amountLeft}} {{currencySymbol}} to continue.',
             insufficient_gas_funds: 'Insufficient gas funds. Please add {{amountLeft}} {{currencySymbol}} to continue.',
             failed_simulation: 'Unable to simulate transaction, funds may be lost if submitted.',
-            not_enough_solana: 'Insufficient funds to process this transaction',
+            not_enough_solana: 'Insufficient funds, your SOL balance after the transaction must be at least 0.001.',
         },
         error_message: {
             gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',

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';