@dynamic-labs/sdk-react-core 2.0.0-alpha.30 → 2.0.0-alpha.32

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

@@ -158,6 +158,8 @@ const translation = {
         },
         update_email_tooltip:
         'This email is tied to your wallet so cannot be updated',
+        update_phone_number_tooltip:
+        'This phone number is tied to your wallet so cannot be updated',
         lock_editing_multiple_verified_fields:
         'You can only edit 1 field at a time that requires verification',
       }
@@ -211,6 +213,7 @@ const translation = {
             title: 'Update Network',
         },
         update_email_tooltip: 'This email is tied to your wallet so cannot be updated',
+        update_phone_number_tooltip: 'This phone number is tied to your wallet so cannot be updated',
         lock_editing_multiple_verified_fields: 'You can only edit 1 field at a time that requires verification',
     },
     /**
@@ -429,6 +432,19 @@ const translation = {
             add_button: 'Add a passkey',
             start_button: 'Add a passkey',
           },
+          no_email_auth_info: {
+            convinience: {
+              title: 'Simple and Fast',
+              description:
+                'Works across devices and syncs between devices and browsers.',
+            },
+            security: {
+              title: 'Secured with a bio-metric',
+              description: 'Phishing resistant and encrypted.',
+            },
+            add_button: 'Add passkey',
+            start_button: 'Add passkey',
+          },
           badge: 'Recommended',
           description:
             'Works across devices & secured with biometric to prevent phishing attempts ',
@@ -463,6 +479,18 @@ const translation = {
                 add_button: 'Add a passkey',
                 start_button: 'Add a passkey',
             },
+            no_email_auth_info: {
+                convinience: {
+                    title: 'Simple and Fast',
+                    description: 'Works across devices and syncs between devices and browsers.',
+                },
+                security: {
+                    title: 'Secured with a bio-metric',
+                    description: 'Phishing resistant and encrypted.',
+                },
+                add_button: 'Add passkey',
+                start_button: 'Add passkey',
+            },
             badge: 'Recommended',
             description: 'Works across devices & secured with biometric to prevent phishing attempts ',
             title: 'Create new passkey',
@@ -766,6 +794,11 @@ const translation = {
           srp_button: 'Recovery phrase',
           title: 'Export & Backup',
         },
+        identity_section: {
+          title: 'Recovery',
+          add_email_button: 'Add an email',
+        },
+        tags: { recommended: 'Recommended' },
         signing_section: {
           email_auth_button: 'One time code',
           passkey_button: 'Passkeys',
@@ -781,6 +814,11 @@ const translation = {
             srp_button: 'Recovery phrase',
             title: 'Export & Backup',
         },
+        identity_section: {
+            title: 'Recovery',
+            add_email_button: 'Add an email',
+        },
+        tags: { recommended: 'Recommended' },
         signing_section: {
             email_auth_button: 'One time code',
             passkey_button: 'Passkeys',
@@ -875,7 +913,7 @@ const translation = {
         },
         default: {
           button_text: 'Try another method',
-          description: "We couldn't find your wallet address or email on our allow list of customers.",
+          description: "You are not currently on the allow list.",
           title: 'Access denied',
         },
         gate: {
@@ -897,7 +935,7 @@ const translation = {
         },
         default: {
             button_text: 'Try another method',
-            description: "We couldn't find your wallet address or email on our allow list of customers.",
+            description: 'You are not currently on the allow list.',
             title: 'Access denied',
         },
         gate: {
@@ -949,6 +987,11 @@ const translation = {
           title: "What's Passkey",
           tooltip: 'Need some help?',
         },
+        sms_auth: {
+          title: 'Finish set up',
+          description:
+            'Add a security method to finish your profile and complete transactions',
+        },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
       }
@@ -970,6 +1013,10 @@ const translation = {
             title: "What's Passkey",
             tooltip: 'Need some help?',
         },
+        sms_auth: {
+            title: 'Finish set up',
+            description: 'Add a security method to finish your profile and complete transactions',
+        },
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
     },
@@ -1017,6 +1064,15 @@ const translation = {
      * @description copy keys for passkeys recovery flow
      * @default
      * {
+        add_email: {
+          description:
+            'Don’t get locked out if you delete your passkey or lose your device.',
+          input_label: 'Enter your email',
+          title: 'Add a recovery email',
+          confirm_button: 'Done',
+          skip_button: 'Skip for now',
+          success_message: 'Recovery email added!',
+        },
         code: {
             description: 'A verification code has been sent to {{email}}',
             input_label: 'Enter your code here...',
@@ -1040,6 +1096,14 @@ const translation = {
       }
      */
     dyn_passkey_recovery: {
+        add_email: {
+            description: 'Don’t get locked out if you delete your passkey or lose your device.',
+            input_label: 'Enter your email',
+            title: 'Add a recovery email',
+            confirm_button: 'Done',
+            skip_button: 'Skip for now',
+            success_message: 'Recovery email added!',
+        },
         code: {
             description: 'A verification code has been sent to {{email}}',
             input_label: 'Enter your code here...',

package/src/lib/locale/locale.cjs

@@ -11,6 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 
+/* eslint-disable import/no-named-as-default-member */
 class Locale {
     static setResources(customResources) {
         if (Locale.__resources__) {
@@ -32,11 +33,12 @@ class Locale {
         Locale.__resources__ = sdkResources;
     }
     static setup(resources) {
-        if (Locale.__i18nInstance__) {
+        if (Locale.__initialized__) {
             return Locale.__i18nInstance__;
         }
         Locale.setResources(resources);
-        i18n__default["default"].use(reactI18next.initReactI18next).init({
+        const i18nInstance = i18n__default["default"].createInstance();
+        i18nInstance.use(reactI18next.initReactI18next).init({
             fallbackLng: 'en',
             interpolation: {
                 escapeValue: false, // not needed for react as it escapes by default
@@ -44,13 +46,19 @@ class Locale {
             lng: 'en',
             resources: Locale.getResources(),
         });
-        Locale.__i18nInstance__ = i18n__default["default"];
-        return i18n__default["default"];
+        Locale.__i18nInstance__ = i18nInstance;
+        Locale.__initialized__ = true;
+        return Locale.__i18nInstance__;
     }
     static getInstance() {
+        if (!Locale.__initialized__) {
+            this.setup();
+        }
         return Locale.__i18nInstance__;
     }
 }
+Locale.__i18nInstance__ = i18n__default["default"].createInstance();
+Locale.__initialized__ = false;
 Locale.getResources = () => Locale.__resources__;
 
 exports.Locale = Locale;

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

@@ -2,9 +2,10 @@ import { LocaleResource } from './type';
 export declare class Locale {
     private static __resources__;
     private static __i18nInstance__;
+    private static __initialized__;
     private static getResources;
     private static setResources;
-    static setup(resources?: LocaleResource): any;
-    static getInstance(): any;
+    static setup(resources?: LocaleResource): import("i18next").i18n;
+    static getInstance(): import("i18next").i18n;
 }
 export default Locale;

package/src/lib/locale/locale.js

@@ -3,6 +3,7 @@ import { initReactI18next } from 'react-i18next';
 import { translation } from './en/translation.js';
 import { deepMerge } from './helpers/deepMerge.js';
 
+/* eslint-disable import/no-named-as-default-member */
 class Locale {
     static setResources(customResources) {
         if (Locale.__resources__) {
@@ -24,11 +25,12 @@ class Locale {
         Locale.__resources__ = sdkResources;
     }
     static setup(resources) {
-        if (Locale.__i18nInstance__) {
+        if (Locale.__initialized__) {
             return Locale.__i18nInstance__;
         }
         Locale.setResources(resources);
-        i18n.use(initReactI18next).init({
+        const i18nInstance = i18n.createInstance();
+        i18nInstance.use(initReactI18next).init({
             fallbackLng: 'en',
             interpolation: {
                 escapeValue: false, // not needed for react as it escapes by default
@@ -36,13 +38,19 @@ class Locale {
             lng: 'en',
             resources: Locale.getResources(),
         });
-        Locale.__i18nInstance__ = i18n;
-        return i18n;
+        Locale.__i18nInstance__ = i18nInstance;
+        Locale.__initialized__ = true;
+        return Locale.__i18nInstance__;
     }
     static getInstance() {
+        if (!Locale.__initialized__) {
+            this.setup();
+        }
         return Locale.__i18nInstance__;
     }
 }
+Locale.__i18nInstance__ = i18n.createInstance();
+Locale.__initialized__ = false;
 Locale.getResources = () => Locale.__resources__;
 
 export { Locale, Locale as default };

package/src/lib/modals/ConfirmationModal/ConfirmationModal.cjs

@@ -24,8 +24,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/modals/ConfirmationModal/ConfirmationModal.js

@@ -20,8 +20,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.cjs

@@ -27,8 +27,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.js

@@ -23,8 +23,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.cjs

@@ -24,8 +24,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -75,7 +75,6 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 var SandboxIndicatorWrapper = require('../../components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.cjs');
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, projectSettings, className, }) => {

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.js

@@ -20,8 +20,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -71,7 +71,6 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/FooterAnimationContext/index.js';
 import { SandboxIndicatorWrapper } from '../../components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.js';
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, projectSettings, className, }) => {

package/src/lib/modals/EnterPasswordModal/EnterPasswordModal.cjs

@@ -27,8 +27,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/modals/EnterPasswordModal/EnterPasswordModal.js

@@ -23,8 +23,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -25,8 +25,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -21,8 +21,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

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

@@ -29,8 +29,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

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

@@ -25,8 +25,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

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

@@ -25,8 +25,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

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

@@ -21,8 +21,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -24,8 +24,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-require('i18next');
 require('../../config/ApiEndpoint.cjs');
+require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -20,8 +20,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import 'i18next';
 import '../../config/ApiEndpoint.js';
+import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

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

@@ -48,6 +48,7 @@ export { ReactComponent as MailIcon } from './mail.svg';
 export { ReactComponent as AccountSecurityIcon } from './multiple-account-security.svg';
 export { ReactComponent as PasskeyAccountSecurityIcon } from './passkey-account-security.svg';
 export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
+export { ReactComponent as PasskeyIntroIcon2 } from './passkey-intro2.svg';
 export { ReactComponent as PasskeySuccessIcon } from './passkey-success-icon.svg';
 export { ReactComponent as PasswordHeroIcon } from './password-hero.svg';
 export { ReactComponent as PencilAltIcon } from './pencil-alt-icon.svg';

package/src/lib/shared/assets/passkey-intro2.cjs

@@ -0,0 +1,92 @@
+'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 _g, _defs;
+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 SvgPasskeyIntro2 = function SvgPasskeyIntro2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 327,
+    height: 112,
+    viewBox: "0 0 327 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#passkey-intro2_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 164,
+    cy: 114,
+    r: 114,
+    fill: "url(#passkey-intro2_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#passkey-intro2_svg__c)",
+    fill: "#4779FF"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M106.009 34.681a2.666 2.666 0 0 1 3.266 1.886l-15.454 4.141a5.319 5.319 0 0 0-3.339 2.666 5.335 5.335 0 0 1 3.936-5.587l11.591-3.106ZM117.785 42.57a5.333 5.333 0 0 0-6.532-3.772l-15.455 4.141a5.333 5.333 0 0 0-3.771 6.532l2.76 10.303a5.333 5.333 0 0 0 6.533 3.771l15.454-4.14a5.333 5.333 0 0 0 3.772-6.533l-2.761-10.303Z"
+  })), /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m207.67 19.875-.767 2.862a9.86 9.86 0 0 0-5.861 6.61c-1.412 5.269 1.715 10.684 6.984 12.096 5.268 1.412 10.684-1.715 12.096-6.984a9.862 9.862 0 0 0-1.771-8.655l.767-2.861a5.926 5.926 0 0 0-11.448-3.068Zm9.321 2.498-.444 1.655a9.844 9.844 0 0 0-3.409-1.665 9.847 9.847 0 0 0-3.785-.262l.444-1.656a3.723 3.723 0 1 1 7.194 1.928Zm-3.445 8.52a2.57 2.57 0 0 1-2.019 1.862l-.539 2.011a1.1 1.1 0 1 1-2.127-.57l.539-2.01a2.569 2.569 0 1 1 4.146-1.294ZM164.943 32.064a6.216 6.216 0 0 0-1.779 0c-.681.098-1.314.337-1.816.527l-.135.05-16.68 6.256-.407.152c-1.922.718-3.61 1.348-4.909 2.493a9.325 9.325 0 0 0-2.553 3.683c-.616 1.62-.613 3.421-.61 5.473V66.01c0 8.793 4.783 16.125 9.953 21.51 5.204 5.422 11.159 9.252 14.307 11.089l.128.075c.574.337 1.32.775 2.307.987a6.619 6.619 0 0 0 2.609 0c.987-.212 1.732-.65 2.307-.987l.128-.075c3.148-1.837 9.103-5.667 14.307-11.088 5.17-5.386 9.953-12.718 9.953-21.511V50.698c.003-2.052.006-3.854-.611-5.473a9.333 9.333 0 0 0-2.552-3.683c-1.3-1.145-2.987-1.775-4.909-2.493l-.407-.152-16.68-6.255-.135-.05c-.503-.19-1.136-.43-1.816-.528Zm-1.34 14.592a15.89 15.89 0 0 0-7.978 2.135 1.772 1.772 0 0 0 1.775 3.069 12.347 12.347 0 0 1 6.203-1.66c6.853 0 12.408 5.556 12.408 12.409a44.34 44.34 0 0 1-1.688 12.156 1.772 1.772 0 1 0 3.41.97 47.883 47.883 0 0 0 1.823-13.126c0-8.81-7.142-15.953-15.953-15.953Zm-10.749 9.75a1.772 1.772 0 1 0-3.069-1.775 15.891 15.891 0 0 0-2.135 7.978c0 2.499-.573 4.86-1.594 6.96a1.772 1.772 0 1 0 3.189 1.55 19.43 19.43 0 0 0 1.95-8.51c0-2.263.604-4.38 1.659-6.203Zm10.749-2.66a8.863 8.863 0 0 0-8.863 8.863c0 4.516-1.29 8.704-3.518 12.246l1.5.944-1.5-.944-.121.196a1.774 1.774 0 0 0 3.049 1.81 26.434 26.434 0 0 0 4.135-14.253 5.318 5.318 0 0 1 10.636 0c0 1.723-.118 3.418-.345 5.078a1.773 1.773 0 0 0 3.513.48 41.12 41.12 0 0 0 .377-5.557 8.863 8.863 0 0 0-8.863-8.863Zm1.772 8.863a1.772 1.772 0 1 0-3.545 0c0 5.89-1.688 11.381-4.607 16.021a1.773 1.773 0 0 0 3.001 1.888 33.528 33.528 0 0 0 5.151-17.91Zm5.554 11.117a1.773 1.773 0 0 0-3.411-.965 37.01 37.01 0 0 1-2.523 6.502 1.771 1.771 0 1 0 3.169 1.588 40.517 40.517 0 0 0 2.765-7.124Z",
+    fill: "#4779FF"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "passkey-intro2_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 327,
+    height: 112,
+    rx: 12,
+    fill: "#fff"
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "passkey-intro2_svg__c"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    transform: "rotate(-15 184.593 -307.976)",
+    d: "M0 0h32v32H0z"
+  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    id: "passkey-intro2_svg__b",
+    x1: 164,
+    y1: 0,
+    x2: 164,
+    y2: 93.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })))));
+};
+
+exports.ReactComponent = SvgPasskeyIntro2;

package/src/lib/shared/assets/passkey-intro2.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+
+var _g, _defs;
+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 SvgPasskeyIntro2 = function SvgPasskeyIntro2(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 327,
+    height: 112,
+    viewBox: "0 0 327 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#passkey-intro2_svg__a)"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 164,
+    cy: 114,
+    r: 114,
+    fill: "url(#passkey-intro2_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#passkey-intro2_svg__c)",
+    fill: "#4779FF"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M106.009 34.681a2.666 2.666 0 0 1 3.266 1.886l-15.454 4.141a5.319 5.319 0 0 0-3.339 2.666 5.335 5.335 0 0 1 3.936-5.587l11.591-3.106ZM117.785 42.57a5.333 5.333 0 0 0-6.532-3.772l-15.455 4.141a5.333 5.333 0 0 0-3.771 6.532l2.76 10.303a5.333 5.333 0 0 0 6.533 3.771l15.454-4.14a5.333 5.333 0 0 0 3.772-6.533l-2.761-10.303Z"
+  })), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m207.67 19.875-.767 2.862a9.86 9.86 0 0 0-5.861 6.61c-1.412 5.269 1.715 10.684 6.984 12.096 5.268 1.412 10.684-1.715 12.096-6.984a9.862 9.862 0 0 0-1.771-8.655l.767-2.861a5.926 5.926 0 0 0-11.448-3.068Zm9.321 2.498-.444 1.655a9.844 9.844 0 0 0-3.409-1.665 9.847 9.847 0 0 0-3.785-.262l.444-1.656a3.723 3.723 0 1 1 7.194 1.928Zm-3.445 8.52a2.57 2.57 0 0 1-2.019 1.862l-.539 2.011a1.1 1.1 0 1 1-2.127-.57l.539-2.01a2.569 2.569 0 1 1 4.146-1.294ZM164.943 32.064a6.216 6.216 0 0 0-1.779 0c-.681.098-1.314.337-1.816.527l-.135.05-16.68 6.256-.407.152c-1.922.718-3.61 1.348-4.909 2.493a9.325 9.325 0 0 0-2.553 3.683c-.616 1.62-.613 3.421-.61 5.473V66.01c0 8.793 4.783 16.125 9.953 21.51 5.204 5.422 11.159 9.252 14.307 11.089l.128.075c.574.337 1.32.775 2.307.987a6.619 6.619 0 0 0 2.609 0c.987-.212 1.732-.65 2.307-.987l.128-.075c3.148-1.837 9.103-5.667 14.307-11.088 5.17-5.386 9.953-12.718 9.953-21.511V50.698c.003-2.052.006-3.854-.611-5.473a9.333 9.333 0 0 0-2.552-3.683c-1.3-1.145-2.987-1.775-4.909-2.493l-.407-.152-16.68-6.255-.135-.05c-.503-.19-1.136-.43-1.816-.528Zm-1.34 14.592a15.89 15.89 0 0 0-7.978 2.135 1.772 1.772 0 0 0 1.775 3.069 12.347 12.347 0 0 1 6.203-1.66c6.853 0 12.408 5.556 12.408 12.409a44.34 44.34 0 0 1-1.688 12.156 1.772 1.772 0 1 0 3.41.97 47.883 47.883 0 0 0 1.823-13.126c0-8.81-7.142-15.953-15.953-15.953Zm-10.749 9.75a1.772 1.772 0 1 0-3.069-1.775 15.891 15.891 0 0 0-2.135 7.978c0 2.499-.573 4.86-1.594 6.96a1.772 1.772 0 1 0 3.189 1.55 19.43 19.43 0 0 0 1.95-8.51c0-2.263.604-4.38 1.659-6.203Zm10.749-2.66a8.863 8.863 0 0 0-8.863 8.863c0 4.516-1.29 8.704-3.518 12.246l1.5.944-1.5-.944-.121.196a1.774 1.774 0 0 0 3.049 1.81 26.434 26.434 0 0 0 4.135-14.253 5.318 5.318 0 0 1 10.636 0c0 1.723-.118 3.418-.345 5.078a1.773 1.773 0 0 0 3.513.48 41.12 41.12 0 0 0 .377-5.557 8.863 8.863 0 0 0-8.863-8.863Zm1.772 8.863a1.772 1.772 0 1 0-3.545 0c0 5.89-1.688 11.381-4.607 16.021a1.773 1.773 0 0 0 3.001 1.888 33.528 33.528 0 0 0 5.151-17.91Zm5.554 11.117a1.773 1.773 0 0 0-3.411-.965 37.01 37.01 0 0 1-2.523 6.502 1.771 1.771 0 1 0 3.169 1.588 40.517 40.517 0 0 0 2.765-7.124Z",
+    fill: "#4779FF"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "passkey-intro2_svg__a"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 327,
+    height: 112,
+    rx: 12,
+    fill: "#fff"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "passkey-intro2_svg__c"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "rotate(-15 184.593 -307.976)",
+    d: "M0 0h32v32H0z"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "passkey-intro2_svg__b",
+    x1: 164,
+    y1: 0,
+    x2: 164,
+    y2: 93.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })))));
+};
+
+export { SvgPasskeyIntro2 as ReactComponent };

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -1,8 +1,7 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
-import { OtpVerificationDestination } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest';
 import { UserProfile } from './user';
 import { Wallet } from './wallets';
-import { PhoneData } from '.';
+import { OtpDestination, PhoneData } from '.';
 export type DynamicEventsCallbacks = {
     onSignedMessage?: (params: {
         messageToSign: string;
@@ -41,10 +40,10 @@ export type OnOtpVerificationResult = (
 isSuccess: boolean, 
 /** Data on where the OTP was sent to */
 destination: {
-    type: Extract<OtpVerificationDestination, 'email'>;
+    type: Extract<OtpDestination, 'email'>;
     value: string;
 } | {
-    type: Extract<OtpVerificationDestination, 'sms'>;
+    type: Extract<OtpDestination, 'sms'>;
     value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;