@dynamic-labs/sdk-react-core 3.0.0-alpha.38 → 3.0.0-alpha.39

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [3.0.0-alpha.39](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.38...v3.0.0-alpha.39) (2024-08-09)
+
+
+### Features
+
+* add MFA settings ([e5a5755](https://github.com/dynamic-labs/DynamicAuth/commit/e5a5755a6349d3076c0e4fb8bab0853784bef9cc))
+
 ## [3.0.0-alpha.38](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.37...v3.0.0-alpha.38) (2024-08-09)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.38";
+var version = "3.0.0-alpha.39";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.509",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.38",
+  "version": "3.0.0-alpha.39",
   "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.0.0-alpha.38",
-    "@dynamic-labs/logger": "3.0.0-alpha.38",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.38",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.38",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.38",
-    "@dynamic-labs/store": "3.0.0-alpha.38",
-    "@dynamic-labs/types": "3.0.0-alpha.38",
-    "@dynamic-labs/utils": "3.0.0-alpha.38",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.38",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.38",
+    "@dynamic-labs/iconic": "3.0.0-alpha.39",
+    "@dynamic-labs/logger": "3.0.0-alpha.39",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.39",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.39",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.39",
+    "@dynamic-labs/store": "3.0.0-alpha.39",
+    "@dynamic-labs/types": "3.0.0-alpha.39",
+    "@dynamic-labs/utils": "3.0.0-alpha.39",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.39",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.39",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -82,12 +82,12 @@ require('../Input/Input.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
 require('../../../polyfills.cjs');
 require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
 require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../MenuList/Dropdown/Dropdown.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../context/FundingContext/FundingContext.cjs');

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

@@ -78,12 +78,12 @@ import '../Input/Input.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../MenuList/Dropdown/Dropdown.js';
 import '../../../polyfills.js';
 import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
 import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../MenuList/Dropdown/Dropdown.js';
 import '../IsBrowser/IsBrowser.js';
 import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../context/FundingContext/FundingContext.js';

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

@@ -858,11 +858,27 @@ const translation = {
             email_auth_button: 'One time code',
             passkey_button: 'Passkeys',
             password_button: 'Passcode',
+            mfa_button: 'Authenticator App',
             title: '2 factor authentication',
         },
         title: 'Settings',
         button_logout: 'Log out',
     },
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
+        },
+     */
+    dyn_manage_mfa: {
+        title: 'Authenticator App',
+        add_mfa_button: 'Add a new authenticator app',
+        description: 'This authenticator is used when logging in to your account.',
+        no_devices: 'No authenticator apps available...',
+    },
     /**
      * @description copy keys for mfa views
      * @default

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

@@ -854,11 +854,27 @@ export declare const translation: {
             email_auth_button: string;
             passkey_button: string;
             password_button: string;
+            mfa_button: string;
             title: string;
         };
         title: string;
         button_logout: string;
     };
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
+        },
+     */
+    dyn_manage_mfa: {
+        title: string;
+        add_mfa_button: string;
+        description: string;
+        no_devices: string;
+    };
     /**
      * @description copy keys for mfa views
      * @default

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

@@ -854,11 +854,27 @@ const translation = {
             email_auth_button: 'One time code',
             passkey_button: 'Passkeys',
             password_button: 'Passcode',
+            mfa_button: 'Authenticator App',
             title: '2 factor authentication',
         },
         title: 'Settings',
         button_logout: 'Log out',
     },
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
+        },
+     */
+    dyn_manage_mfa: {
+        title: 'Authenticator App',
+        add_mfa_button: 'Add a new authenticator app',
+        description: 'This authenticator is used when logging in to your account.',
+        no_devices: 'No authenticator apps available...',
+    },
     /**
      * @description copy keys for mfa views
      * @default

package/src/lib/shared/assets/authenticator.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 SvgAuthenticator = function SvgAuthenticator(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    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: "M21.75 8.25a6 6 0 1 0-12 0 6 6 0 0 0 12 0Zm-3 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0Zm-9.37 3.892a7.512 7.512 0 0 0 2.005 2.237l-2.83 2.83 2.102 2.104-2.121 2.12-2.103-2.102-2.062 2.062L2.25 19.27l7.13-7.13Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgAuthenticator;

package/src/lib/shared/assets/authenticator.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 SvgAuthenticator = function SvgAuthenticator(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    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: "M21.75 8.25a6 6 0 1 0-12 0 6 6 0 0 0 12 0Zm-3 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0Zm-9.37 3.892a7.512 7.512 0 0 0 2.005 2.237l-2.83 2.83 2.102 2.104-2.121 2.12-2.103-2.102-2.062 2.062L2.25 19.27l7.13-7.13Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgAuthenticator as ReactComponent };

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

@@ -87,3 +87,5 @@ export { ReactComponent as WalletIconOutlineV2 } from './wallet-outline-v2.svg';
 export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
 export { ReactComponent as SettingsIcon } from './settings.svg';
 export { ReactComponent as CurrencyIcon } from './currency.svg';
+export { ReactComponent as AuthenticatorIcon } from './authenticator.svg';
+export { ReactComponent as ShieldIcon } from './shield.svg';

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

@@ -0,0 +1,59 @@
+'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 _rect, _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 SvgShield = function SvgShield(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.444 5.88a.833.833 0 0 1 1.112 0A9.13 9.13 0 0 0 21.14 8.2c.395-.02.75.24.848.624.226.87.345 1.782.345 2.721 0 5.05-3.453 9.29-8.125 10.492a.833.833 0 0 1-.416 0c-4.672-1.202-8.125-5.443-8.125-10.492 0-.939.12-1.85.345-2.722a.833.833 0 0 1 .849-.623 9.13 9.13 0 0 0 6.584-2.322Zm-5.96 3.999c-.099.54-.15 1.097-.15 1.667A9.171 9.171 0 0 0 14 20.368a9.171 9.171 0 0 0 6.516-10.49A10.788 10.788 0 0 1 14 7.587a10.788 10.788 0 0 1-6.515 2.293Zm9.605 1.912a.833.833 0 0 1 0 1.178l-3.333 3.333a.833.833 0 0 1-1.178 0l-1.667-1.666a.834.834 0 0 1 1.178-1.179l1.078 1.078 2.744-2.745a.833.833 0 0 1 1.178 0Z",
+    fill: "#fff"
+  })));
+};
+
+exports.ReactComponent = SvgShield;

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

@@ -0,0 +1,35 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _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 SvgShield = function SvgShield(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.444 5.88a.833.833 0 0 1 1.112 0A9.13 9.13 0 0 0 21.14 8.2c.395-.02.75.24.848.624.226.87.345 1.782.345 2.721 0 5.05-3.453 9.29-8.125 10.492a.833.833 0 0 1-.416 0c-4.672-1.202-8.125-5.443-8.125-10.492 0-.939.12-1.85.345-2.722a.833.833 0 0 1 .849-.623 9.13 9.13 0 0 0 6.584-2.322Zm-5.96 3.999c-.099.54-.15 1.097-.15 1.667A9.171 9.171 0 0 0 14 20.368a9.171 9.171 0 0 0 6.516-10.49A10.788 10.788 0 0 1 14 7.587a10.788 10.788 0 0 1-6.515 2.293Zm9.605 1.912a.833.833 0 0 1 0 1.178l-3.333 3.333a.833.833 0 0 1-1.178 0l-1.667-1.666a.834.834 0 0 1 1.178-1.179l1.078 1.078 2.744-2.745a.833.833 0 0 1 1.178 0Z",
+    fill: "#fff"
+  })));
+};
+
+export { SvgShield as ReactComponent };