@dynamic-labs/sdk-react-core 3.0.0-alpha.41 → 3.0.0-alpha.42

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+## [3.0.0-alpha.42](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.41...v3.0.0-alpha.42) (2024-08-14)
+
+
+### Bug Fixes
+
+* isEmbeddedWallet condition in AuthProviderIcon ([#6581](https://github.com/dynamic-labs/DynamicAuth/issues/6581)) ([afe33ab](https://github.com/dynamic-labs/DynamicAuth/commit/afe33aba1cc8abefd0566bf4e9c0a4f199d64ef7))
+* update text on MFA backup codes acknowledgement ([#6559](https://github.com/dynamic-labs/DynamicAuth/issues/6559)) ([98b5475](https://github.com/dynamic-labs/DynamicAuth/commit/98b5475df73039061d593318cb26140075de69e1))
+
 ## [3.0.0-alpha.41](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.40...v3.0.0-alpha.41) (2024-08-13)
 
 ## [3.0.0-alpha.40](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.39...v3.0.0-alpha.40) (2024-08-13)

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.41";
+var version = "3.0.0-alpha.42";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.510",
+	"@dynamic-labs/sdk-api-core": "0.0.516",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "3.0.0-alpha.41";
+var version = "3.0.0-alpha.42";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.510",
+	"@dynamic-labs/sdk-api-core": "0.0.516",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.41",
+  "version": "3.0.0-alpha.42",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.510",
+    "@dynamic-labs/sdk-api-core": "0.0.516",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.41",
-    "@dynamic-labs/logger": "3.0.0-alpha.41",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.41",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.41",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.41",
-    "@dynamic-labs/store": "3.0.0-alpha.41",
-    "@dynamic-labs/types": "3.0.0-alpha.41",
-    "@dynamic-labs/utils": "3.0.0-alpha.41",
-    "@dynamic-labs/viem-utils": "3.0.0-alpha.41",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.41",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.41",
+    "@dynamic-labs/iconic": "3.0.0-alpha.42",
+    "@dynamic-labs/logger": "3.0.0-alpha.42",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.42",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.42",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.42",
+    "@dynamic-labs/store": "3.0.0-alpha.42",
+    "@dynamic-labs/types": "3.0.0-alpha.42",
+    "@dynamic-labs/utils": "3.0.0-alpha.42",
+    "@dynamic-labs/viem-utils": "3.0.0-alpha.42",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.42",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.42",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -120,7 +120,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, user, }) => {
     return null;
 };
 const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { primaryWallet, selectedWalletConnector, user, userWithMissingInfo } = useInternalDynamicContext.useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = AccessDeniedContext.useAccessDeniedContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
@@ -153,7 +153,7 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     });
     const isEmbeddedWallet = ((_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey')) ||
         (((_c = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _c === void 0 ? void 0 : _c.key) === 'zerodev' &&
-            (walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector).getEOAConnector());
+            ((_d = (walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector).getEOAConnector()) === null || _d === void 0 ? void 0 : _d.isEmbeddedWallet));
     if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
         const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
         const chainEnum = values.VerifiedCredentialNameToChainEnum[chain];

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -116,7 +116,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, user, }) => {
     return null;
 };
 const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const { primaryWallet, selectedWalletConnector, user, userWithMissingInfo } = useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = useAccessDeniedContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
@@ -149,7 +149,7 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     });
     const isEmbeddedWallet = ((_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey')) ||
         (((_c = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _c === void 0 ? void 0 : _c.key) === 'zerodev' &&
-            (walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector).getEOAConnector());
+            ((_d = (walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector).getEOAConnector()) === null || _d === void 0 ? void 0 : _d.isEmbeddedWallet));
     if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
         const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
         const chainEnum = VerifiedCredentialNameToChainEnum[chain];

package/src/lib/components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.cjs

@@ -0,0 +1,11 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Skeleton = require('../Skeleton/Skeleton.cjs');
+
+const MfaDeviceTileSkeleton = () => (jsxRuntime.jsx("div", { className: 'mfa-device-skeleton', "data-testid": 'mfa-device-loading', children: jsxRuntime.jsxs("div", { className: 'mfa-device-skeleton__details', children: [jsxRuntime.jsx(Skeleton.Skeleton, {}), jsxRuntime.jsx(Skeleton.Skeleton, {})] }) }));
+
+exports.MfaDeviceTileSkeleton = MfaDeviceTileSkeleton;

package/src/lib/components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MfaDeviceTileSkeleton: FC;

package/src/lib/components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.js

@@ -0,0 +1,7 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Skeleton } from '../Skeleton/Skeleton.js';
+
+const MfaDeviceTileSkeleton = () => (jsx("div", { className: 'mfa-device-skeleton', "data-testid": 'mfa-device-loading', children: jsxs("div", { className: 'mfa-device-skeleton__details', children: [jsx(Skeleton, {}), jsx(Skeleton, {})] }) }));
+
+export { MfaDeviceTileSkeleton };

package/src/lib/components/MfaDeviceTileSkeleton/index.d.ts

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

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -89,6 +89,6 @@ require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs
 require('../../../InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const UserProfileSection = ({ title, children, action, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [jsxRuntime.jsx("div", { className: 'user-profile-section__header', children: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title }), action && (jsxRuntime.jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
+const UserProfileSection = ({ title, children, action, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [jsxRuntime.jsx("div", { className: 'user-profile-section__header', children: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsxRuntime.jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 
 exports.UserProfileSection = UserProfileSection;

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -85,6 +85,6 @@ import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const UserProfileSection = ({ title, children, action, }) => (jsxs("div", { className: 'user-profile-section', children: [jsx("div", { className: 'user-profile-section__header', children: title && (jsxs(Fragment, { children: [jsx(Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title }), action && (jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
+const UserProfileSection = ({ title, children, action, }) => (jsxs("div", { className: 'user-profile-section', children: [jsx("div", { className: 'user-profile-section__header', children: title && (jsxs(Fragment, { children: [jsx(Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 
 export { UserProfileSection };

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -12,11 +12,8 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var profileOutline = require('../../shared/assets/profile-outline.cjs');
-var profile = require('../../shared/assets/profile.cjs');
-var wallet = require('../../shared/assets/wallet.cjs');
 var walletOutlineV2 = require('../../shared/assets/wallet-outline-v2.cjs');
 var settingsOutline = require('../../shared/assets/settings-outline.cjs');
-var settings = require('../../shared/assets/settings.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -116,7 +113,6 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
             options.push({
                 icon: jsxRuntime.jsx(walletOutlineV2.ReactComponent, {}),
                 label: 'Wallets',
-                selectedIcon: jsxRuntime.jsx(wallet.ReactComponent, {}),
                 value: 'wallets',
             });
         }
@@ -124,14 +120,12 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
             options.push({
                 icon: jsxRuntime.jsx(profileOutline.ReactComponent, {}),
                 label: 'Profile',
-                selectedIcon: jsxRuntime.jsx(profile.ReactComponent, {}),
                 value: 'profile',
             });
         }
         options.push({
             icon: jsxRuntime.jsx(settingsOutline.ReactComponent, {}),
             label: 'Settings',
-            selectedIcon: jsxRuntime.jsx(settings.ReactComponent, {}),
             value: 'settings',
         });
         return options;

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -8,11 +8,8 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgProfileOutline } from '../../shared/assets/profile-outline.js';
-import { ReactComponent as SvgProfile } from '../../shared/assets/profile.js';
-import { ReactComponent as SvgWallet } from '../../shared/assets/wallet.js';
 import { ReactComponent as SvgWalletOutlineV2 } from '../../shared/assets/wallet-outline-v2.js';
 import { ReactComponent as SvgSettingsOutline } from '../../shared/assets/settings-outline.js';
-import { ReactComponent as SvgSettings } from '../../shared/assets/settings.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -112,7 +109,6 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
             options.push({
                 icon: jsx(SvgWalletOutlineV2, {}),
                 label: 'Wallets',
-                selectedIcon: jsx(SvgWallet, {}),
                 value: 'wallets',
             });
         }
@@ -120,14 +116,12 @@ const DynamicUserProfileLayout = ({ variant, className, style, }) => {
             options.push({
                 icon: jsx(SvgProfileOutline, {}),
                 label: 'Profile',
-                selectedIcon: jsx(SvgProfile, {}),
                 value: 'profile',
             });
         }
         options.push({
             icon: jsx(SvgSettingsOutline, {}),
             label: 'Settings',
-            selectedIcon: jsx(SvgSettings, {}),
             value: 'settings',
         });
         return options;

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

@@ -911,7 +911,7 @@ const translation = {
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
-          checkbox: 'I have safely stored a copy of my password',
+          checkbox: 'I have safely stored a copy of my backup codes',
           complete: 'Complete',
         },
         otp_verification_view: {
@@ -963,7 +963,7 @@ const translation = {
             warning: 'You won’t be able to see these again',
             copy_all: 'Copy all',
             download: 'Download',
-            checkbox: 'I have safely stored a copy of my password',
+            checkbox: "I've safely stored a copy of my backup codes",
             complete: 'Complete',
         },
         otp_verification_view: {

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

@@ -907,7 +907,7 @@ export declare const translation: {
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
-          checkbox: 'I have safely stored a copy of my password',
+          checkbox: 'I have safely stored a copy of my backup codes',
           complete: 'Complete',
         },
         otp_verification_view: {

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

@@ -907,7 +907,7 @@ const translation = {
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
-          checkbox: 'I have safely stored a copy of my password',
+          checkbox: 'I have safely stored a copy of my backup codes',
           complete: 'Complete',
         },
         otp_verification_view: {
@@ -959,7 +959,7 @@ const translation = {
             warning: 'You won’t be able to see these again',
             copy_all: 'Copy all',
             download: 'Download',
-            checkbox: 'I have safely stored a copy of my password',
+            checkbox: "I've safely stored a copy of my backup codes",
             complete: 'Complete',
         },
         otp_verification_view: {

package/src/lib/shared/assets/profile-outline.cjs

@@ -35,9 +35,9 @@ var SvgProfileOutline = function SvgProfileOutline(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -46,8 +46,8 @@ var SvgProfileOutline = function SvgProfileOutline(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14.5 4.667A9.333 9.333 0 0 0 5.167 14a9.29 9.29 0 0 0 1.636 5.28A17.433 17.433 0 0 1 14.5 17.5c2.76 0 5.374.64 7.698 1.78A9.333 9.333 0 0 0 14.5 4.667Zm8.93 16.841A11.62 11.62 0 0 0 26.167 14c0-6.443-5.224-11.667-11.667-11.667S2.833 7.557 2.833 14a11.62 11.62 0 0 0 2.765 7.542 11.641 11.641 0 0 0 8.902 4.125 11.641 11.641 0 0 0 8.93-4.159Zm-2.865-.414a15.112 15.112 0 0 0-6.065-1.26c-2.158 0-4.209.45-6.065 1.26a9.296 9.296 0 0 0 6.065 2.24 9.296 9.296 0 0 0 6.065-2.24ZM14.5 9.334a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.667Zm-4.667 2.333a4.667 4.667 0 1 1 9.334 0 4.667 4.667 0 0 1-9.334 0Z",
-    fill: "#ABACB2"
+    d: "M12.5 4a8 8 0 0 0-6.598 12.526A14.943 14.943 0 0 1 12.5 15c2.366 0 4.606.548 6.598 1.526A8 8 0 0 0 12.5 4Zm7.654 14.436A9.96 9.96 0 0 0 22.5 12c0-5.523-4.477-10-10-10s-10 4.477-10 10a9.96 9.96 0 0 0 2.37 6.464A9.978 9.978 0 0 0 12.5 22a9.978 9.978 0 0 0 7.654-3.564ZM17.7 18.08A12.954 12.954 0 0 0 12.5 17c-1.85 0-3.607.386-5.199 1.08A7.968 7.968 0 0 0 12.5 20c1.985 0 3.8-.723 5.199-1.92ZM12.5 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/profile-outline.js

@@ -11,9 +11,9 @@ var SvgProfileOutline = function SvgProfileOutline(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -22,8 +22,8 @@ var SvgProfileOutline = function SvgProfileOutline(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14.5 4.667A9.333 9.333 0 0 0 5.167 14a9.29 9.29 0 0 0 1.636 5.28A17.433 17.433 0 0 1 14.5 17.5c2.76 0 5.374.64 7.698 1.78A9.333 9.333 0 0 0 14.5 4.667Zm8.93 16.841A11.62 11.62 0 0 0 26.167 14c0-6.443-5.224-11.667-11.667-11.667S2.833 7.557 2.833 14a11.62 11.62 0 0 0 2.765 7.542 11.641 11.641 0 0 0 8.902 4.125 11.641 11.641 0 0 0 8.93-4.159Zm-2.865-.414a15.112 15.112 0 0 0-6.065-1.26c-2.158 0-4.209.45-6.065 1.26a9.296 9.296 0 0 0 6.065 2.24 9.296 9.296 0 0 0 6.065-2.24ZM14.5 9.334a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.667Zm-4.667 2.333a4.667 4.667 0 1 1 9.334 0 4.667 4.667 0 0 1-9.334 0Z",
-    fill: "#ABACB2"
+    d: "M12.5 4a8 8 0 0 0-6.598 12.526A14.943 14.943 0 0 1 12.5 15c2.366 0 4.606.548 6.598 1.526A8 8 0 0 0 12.5 4Zm7.654 14.436A9.96 9.96 0 0 0 22.5 12c0-5.523-4.477-10-10-10s-10 4.477-10 10a9.96 9.96 0 0 0 2.37 6.464A9.978 9.978 0 0 0 12.5 22a9.978 9.978 0 0 0 7.654-3.564ZM17.7 18.08A12.954 12.954 0 0 0 12.5 17c-1.85 0-3.607.386-5.199 1.08A7.968 7.968 0 0 0 12.5 20c1.985 0 3.8-.723 5.199-1.92ZM12.5 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/settings-outline.cjs

@@ -35,9 +35,9 @@ var SvgSettingsOutline = function SvgSettingsOutline(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -46,8 +46,8 @@ var SvgSettingsOutline = function SvgSettingsOutline(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M11.412 4.762c.786-3.238 5.39-3.238 6.176 0a.845.845 0 0 0 1.26.522c2.846-1.734 6.102 1.522 4.368 4.367a.845.845 0 0 0 .522 1.26c3.238.787 3.238 5.391 0 6.177a.845.845 0 0 0-.522 1.26c1.734 2.846-1.522 6.102-4.367 4.368a.845.845 0 0 0-1.26.522c-.787 3.238-5.391 3.238-6.177 0a.845.845 0 0 0-1.26-.522C7.305 24.45 4.05 21.194 5.783 18.35a.845.845 0 0 0-.522-1.26c-3.238-.787-3.238-5.391 0-6.177a.845.845 0 0 0 .522-1.26C4.05 6.805 7.306 3.55 10.15 5.283a.845.845 0 0 0 1.26-.522Zm3.909.55c-.209-.86-1.433-.86-1.642 0a3.178 3.178 0 0 1-4.742 1.964c-.756-.46-1.621.405-1.16 1.161a3.178 3.178 0 0 1-1.965 4.742c-.86.209-.86 1.433 0 1.642a3.178 3.178 0 0 1 1.964 4.742c-.46.756.405 1.621 1.161 1.16a3.178 3.178 0 0 1 4.742 1.965c.21.86 1.433.86 1.642 0a3.178 3.178 0 0 1 4.742-1.964c.756.46 1.622-.405 1.16-1.161a3.178 3.178 0 0 1 1.965-4.742c.86-.21.86-1.433 0-1.642a3.178 3.178 0 0 1-1.964-4.742c.46-.756-.405-1.622-1.161-1.16a3.178 3.178 0 0 1-4.742-1.965Zm-.821 6.355a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.666ZM9.833 14a4.667 4.667 0 1 1 9.334 0 4.667 4.667 0 0 1-9.334 0Z",
-    fill: "#ABACB2"
+    d: "M9.853 4.081c.674-2.775 4.62-2.775 5.294 0a.724.724 0 0 0 1.08.448c2.44-1.486 5.23 1.305 3.744 3.744a.724.724 0 0 0 .448 1.08c2.775.674 2.775 4.62 0 5.294a.724.724 0 0 0-.448 1.08c1.486 2.44-1.305 5.23-3.744 3.744a.724.724 0 0 0-1.08.448c-.674 2.775-4.62 2.775-5.294 0a.724.724 0 0 0-1.08-.448c-2.44 1.486-5.23-1.305-3.744-3.744a.724.724 0 0 0-.448-1.08c-2.775-.674-2.775-4.62 0-5.294a.724.724 0 0 0 .448-1.08c-1.486-2.44 1.305-5.23 3.744-3.744a.724.724 0 0 0 1.08-.448Zm3.35.472c-.178-.737-1.227-.737-1.407 0a2.724 2.724 0 0 1-4.064 1.684c-.648-.395-1.39.347-.995.995.96 1.575.109 3.63-1.684 4.064-.737.18-.737 1.229 0 1.408a2.724 2.724 0 0 1 1.684 4.064c-.395.648.347 1.39.995.995a2.724 2.724 0 0 1 4.064 1.684c.18.737 1.229.737 1.408 0a2.724 2.724 0 0 1 4.064-1.684c.648.395 1.39-.347.995-.995a2.724 2.724 0 0 1 1.684-4.064c.737-.18.737-1.229 0-1.408a2.724 2.724 0 0 1-1.684-4.064c.395-.648-.347-1.39-.995-.995-1.575.96-3.63.109-4.064-1.684ZM12.5 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/settings-outline.js

@@ -11,9 +11,9 @@ var SvgSettingsOutline = function SvgSettingsOutline(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -22,8 +22,8 @@ var SvgSettingsOutline = function SvgSettingsOutline(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M11.412 4.762c.786-3.238 5.39-3.238 6.176 0a.845.845 0 0 0 1.26.522c2.846-1.734 6.102 1.522 4.368 4.367a.845.845 0 0 0 .522 1.26c3.238.787 3.238 5.391 0 6.177a.845.845 0 0 0-.522 1.26c1.734 2.846-1.522 6.102-4.367 4.368a.845.845 0 0 0-1.26.522c-.787 3.238-5.391 3.238-6.177 0a.845.845 0 0 0-1.26-.522C7.305 24.45 4.05 21.194 5.783 18.35a.845.845 0 0 0-.522-1.26c-3.238-.787-3.238-5.391 0-6.177a.845.845 0 0 0 .522-1.26C4.05 6.805 7.306 3.55 10.15 5.283a.845.845 0 0 0 1.26-.522Zm3.909.55c-.209-.86-1.433-.86-1.642 0a3.178 3.178 0 0 1-4.742 1.964c-.756-.46-1.621.405-1.16 1.161a3.178 3.178 0 0 1-1.965 4.742c-.86.209-.86 1.433 0 1.642a3.178 3.178 0 0 1 1.964 4.742c-.46.756.405 1.621 1.161 1.16a3.178 3.178 0 0 1 4.742 1.965c.21.86 1.433.86 1.642 0a3.178 3.178 0 0 1 4.742-1.964c.756.46 1.622-.405 1.16-1.161a3.178 3.178 0 0 1 1.965-4.742c.86-.21.86-1.433 0-1.642a3.178 3.178 0 0 1-1.964-4.742c.46-.756-.405-1.622-1.161-1.16a3.178 3.178 0 0 1-4.742-1.965Zm-.821 6.355a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.666ZM9.833 14a4.667 4.667 0 1 1 9.334 0 4.667 4.667 0 0 1-9.334 0Z",
-    fill: "#ABACB2"
+    d: "M9.853 4.081c.674-2.775 4.62-2.775 5.294 0a.724.724 0 0 0 1.08.448c2.44-1.486 5.23 1.305 3.744 3.744a.724.724 0 0 0 .448 1.08c2.775.674 2.775 4.62 0 5.294a.724.724 0 0 0-.448 1.08c1.486 2.44-1.305 5.23-3.744 3.744a.724.724 0 0 0-1.08.448c-.674 2.775-4.62 2.775-5.294 0a.724.724 0 0 0-1.08-.448c-2.44 1.486-5.23-1.305-3.744-3.744a.724.724 0 0 0-.448-1.08c-2.775-.674-2.775-4.62 0-5.294a.724.724 0 0 0 .448-1.08c-1.486-2.44 1.305-5.23 3.744-3.744a.724.724 0 0 0 1.08-.448Zm3.35.472c-.178-.737-1.227-.737-1.407 0a2.724 2.724 0 0 1-4.064 1.684c-.648-.395-1.39.347-.995.995.96 1.575.109 3.63-1.684 4.064-.737.18-.737 1.229 0 1.408a2.724 2.724 0 0 1 1.684 4.064c-.395.648.347 1.39.995.995a2.724 2.724 0 0 1 4.064 1.684c.18.737 1.229.737 1.408 0a2.724 2.724 0 0 1 4.064-1.684c.648.395 1.39-.347.995-.995a2.724 2.724 0 0 1 1.684-4.064c.737-.18.737-1.229 0-1.408a2.724 2.724 0 0 1-1.684-4.064c.395-.648-.347-1.39-.995-.995-1.575.96-3.63.109-4.064-1.684ZM12.5 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/wallet-outline-v2.cjs

@@ -35,9 +35,9 @@ var SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -46,8 +46,8 @@ var SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M6.333 4.667a1.167 1.167 0 1 0 0 2.333h16.334a3.5 3.5 0 0 1 3.5 3.5v11.667a3.5 3.5 0 0 1-3.5 3.5H6.333a3.5 3.5 0 0 1-3.5-3.5V5.833a3.5 3.5 0 0 1 3.5-3.5h14a1.167 1.167 0 0 1 0 2.334h-14ZM5.167 9.134v13.033c0 .644.522 1.166 1.166 1.166h16.334c.644 0 1.166-.522 1.166-1.166V10.5c0-.644-.522-1.167-1.166-1.167H6.333c-.409 0-.802-.07-1.166-.199ZM18 16.334a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0Z",
-    fill: "#ABACB2"
+    d: "M15.5 2a2 2 0 0 1 2 2h-12a3.99 3.99 0 0 0-2.935 1.283A4.005 4.005 0 0 1 6.5 2h9ZM6.5 6A4 4 0 0 0 2.5 10v8a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4H6.5ZM20.5 10a2 2 0 0 0-2-2h-12a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8Z",
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/wallet-outline-v2.js

@@ -11,9 +11,9 @@ var SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 29,
-    height: 28,
-    viewBox: "0 0 29 28",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
@@ -22,8 +22,8 @@ var SvgWalletOutlineV2 = function SvgWalletOutlineV2(_ref) {
   }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M6.333 4.667a1.167 1.167 0 1 0 0 2.333h16.334a3.5 3.5 0 0 1 3.5 3.5v11.667a3.5 3.5 0 0 1-3.5 3.5H6.333a3.5 3.5 0 0 1-3.5-3.5V5.833a3.5 3.5 0 0 1 3.5-3.5h14a1.167 1.167 0 0 1 0 2.334h-14ZM5.167 9.134v13.033c0 .644.522 1.166 1.166 1.166h16.334c.644 0 1.166-.522 1.166-1.166V10.5c0-.644-.522-1.167-1.166-1.167H6.333c-.409 0-.802-.07-1.166-.199ZM18 16.334a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0Z",
-    fill: "#ABACB2"
+    d: "M15.5 2a2 2 0 0 1 2 2h-12a3.99 3.99 0 0 0-2.935 1.283A4.005 4.005 0 0 1 6.5 2h9ZM6.5 6A4 4 0 0 0 2.5 10v8a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4H6.5ZM20.5 10a2 2 0 0 0-2-2h-12a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8Z",
+    fill: "currentColor"
   })));
 };