@dynamic-labs/sdk-react-core 2.1.0-alpha.18 → 2.1.0-alpha.19

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

@@ -372,7 +372,6 @@ export declare const translation: {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -396,7 +395,6 @@ export declare const translation: {
         hang_tight: string;
         email: {
             title: string;
-            edit: string;
             complete: string;
         };
         phone_number: {
@@ -568,11 +566,6 @@ export declare const translation: {
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
-          phone_number_form: {
-            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-            invalid_sms_verification:
-              'Invalid or incorrect number. Did you mistype it?',
-          },
           pending_connect: {
             title: 'Connecting a wallet',
           },
@@ -582,6 +575,11 @@ export declare const translation: {
           pending_signature_without_back_button: {
             title: 'Signing a wallet',
           },
+          phone_number_form: {
+            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+            invalid_sms_verification:
+              'Invalid or incorrect number. Did you mistype it?',
+          },
           qr_code: {
             title: 'Connecting a wallet',
           },
@@ -590,22 +588,25 @@ export declare const translation: {
         qr_code: {
           title: 'Connect',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         separators: {
           default: 'OR',
         },
         sign_wallet: {
           title: 'Sign',
         },
-        title: {
-          all: 'Log in or sign up',
-          all_wallet_list: 'Select your wallet',
-          wallet_only: 'Select your wallet',
+        social: {
+          button_label: 'Continue with {{provider}}',
         },
         wallet_group: {
           title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-          title: 'Select'
+        title: {
+          all: 'Log in or sign up',
+          all_wallet_list: 'Select your wallet',
+          wallet_only: 'Select your wallet',
         },
         wallet_list: {
           button_only: 'Continue with a wallet',
@@ -641,11 +642,6 @@ export declare const translation: {
             email_form: {
                 invalid_email: string;
             };
-            phone_number_form: {
-                invalid_phone: string;
-                invalid_sms_verification: string;
-                too_many_sms_verification_attempts: string;
-            };
             pending_connect: {
                 title: string;
             };
@@ -655,6 +651,11 @@ export declare const translation: {
             pending_signature_without_back_button: {
                 title: string;
             };
+            phone_number_form: {
+                invalid_phone: string;
+                invalid_sms_verification: string;
+                too_many_sms_verification_attempts: string;
+            };
             qr_code: {
                 title: string;
             };
@@ -669,6 +670,12 @@ export declare const translation: {
         sign_wallet: {
             title: string;
         };
+        select_wallet_in_wallet_group: {
+            title: string;
+        };
+        social: {
+            button_label: string;
+        };
         title: {
             all: string;
             all_wallet_list: string;
@@ -677,9 +684,6 @@ export declare const translation: {
         wallet_group: {
             title: string;
         };
-        select_wallet_in_wallet_group: {
-            title: string;
-        };
         wallet_list: {
             button_only: string;
         };
@@ -891,6 +895,19 @@ export declare const translation: {
             body: string;
             continue: string;
         };
+        recovery_view: {
+            title: string;
+            body: string;
+            input_label: string;
+            button_label: string;
+            get_help: {
+                description: string;
+                button_label: string;
+            };
+            helper: {
+                title: string;
+            };
+        };
     };
     /**
      * @description copy keys for merge user accounts view

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

@@ -374,7 +374,6 @@ const translation = {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -398,7 +397,6 @@ const translation = {
         hang_tight: 'Hang tight while we get things ready for you',
         email: {
             title: 'Confirm your email',
-            edit: 'Edit email',
             complete: 'Verification complete, the email is now verified to this account.',
         },
         phone_number: {
@@ -570,11 +568,6 @@ const translation = {
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
-          phone_number_form: {
-            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-            invalid_sms_verification:
-              'Invalid or incorrect number. Did you mistype it?',
-          },
           pending_connect: {
             title: 'Connecting a wallet',
           },
@@ -584,6 +577,11 @@ const translation = {
           pending_signature_without_back_button: {
             title: 'Signing a wallet',
           },
+          phone_number_form: {
+            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+            invalid_sms_verification:
+              'Invalid or incorrect number. Did you mistype it?',
+          },
           qr_code: {
             title: 'Connecting a wallet',
           },
@@ -592,22 +590,25 @@ const translation = {
         qr_code: {
           title: 'Connect',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         separators: {
           default: 'OR',
         },
         sign_wallet: {
           title: 'Sign',
         },
-        title: {
-          all: 'Log in or sign up',
-          all_wallet_list: 'Select your wallet',
-          wallet_only: 'Select your wallet',
+        social: {
+          button_label: 'Continue with {{provider}}',
         },
         wallet_group: {
           title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-          title: 'Select'
+        title: {
+          all: 'Log in or sign up',
+          all_wallet_list: 'Select your wallet',
+          wallet_only: 'Select your wallet',
         },
         wallet_list: {
           button_only: 'Continue with a wallet',
@@ -643,11 +644,6 @@ const translation = {
             email_form: {
                 invalid_email: 'Invalid or incorrect email. Did you mistype it?',
             },
-            phone_number_form: {
-                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
-                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
-            },
             pending_connect: {
                 title: 'Connecting a wallet',
             },
@@ -657,6 +653,11 @@ const translation = {
             pending_signature_without_back_button: {
                 title: 'Signing a wallet',
             },
+            phone_number_form: {
+                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
+                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
+            },
             qr_code: {
                 title: 'Connecting a wallet',
             },
@@ -671,6 +672,12 @@ const translation = {
         sign_wallet: {
             title: 'Sign',
         },
+        select_wallet_in_wallet_group: {
+            title: 'Select',
+        },
+        social: {
+            button_label: 'Continue with {{provider}}',
+        },
         title: {
             all: 'Log in or sign up',
             all_wallet_list: 'Select your wallet',
@@ -679,9 +686,6 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-            title: 'Select',
-        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -891,6 +895,19 @@ const translation = {
             body: 'Setup a new sign-in method in your authenticator app',
             continue: 'Continue',
         },
+        recovery_view: {
+            title: 'Enter your backup code',
+            body: 'Your backup code is the 24 character code you received when you activated two step authentication',
+            input_label: 'Enter back up code',
+            button_label: 'Continue',
+            get_help: {
+                description: 'Missing your back up codes?',
+                button_label: 'Get Help',
+            },
+            helper: {
+                title: 'Mfa Recovery Help',
+            },
+        },
     },
     /**
      * @description copy keys for merge user accounts view

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

@@ -10,6 +10,10 @@ const TurnkeyErrorMap = {
     5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
+const reactNativePasskeyErrors = {
+    RequestFailed: 'Request failed. Please try again.',
+    UserCancelled: TurnkeyErrorMap[0],
+};
 const DOMExceptionErrorMap = {
     NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
@@ -24,12 +28,25 @@ const getProperErrorMessage = (originalError) => {
     if (originalError instanceof DOMException) {
         return DOMExceptionErrorMap[originalError.name] || 'Something went wrong';
     }
-    if ('cause' in originalError && ((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
-        return TurnkeyErrorMap[originalError.cause.code];
+    if ('cause' in originalError) {
+        if (((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
+            return TurnkeyErrorMap[originalError.cause.code];
+        }
+        if (originalError.cause &&
+            'error' in originalError.cause &&
+            typeof originalError.cause.error === 'string' &&
+            reactNativePasskeyErrors[originalError.cause.error]) {
+            return reactNativePasskeyErrors[originalError.cause.error];
+        }
     }
     if ('code' in originalError && originalError.code) {
         return TurnkeyErrorMap[originalError.code];
     }
+    if ('error' in originalError &&
+        typeof originalError.error === 'string' &&
+        reactNativePasskeyErrors[originalError.error]) {
+        return reactNativePasskeyErrors[originalError.error];
+    }
     return 'Something went wrong';
 };
 

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

@@ -6,6 +6,10 @@ const TurnkeyErrorMap = {
     5: 'Invalid Passkey signature. Select the passkey for this account and device.',
     7: 'The code is invalid or expired.',
 };
+const reactNativePasskeyErrors = {
+    RequestFailed: 'Request failed. Please try again.',
+    UserCancelled: TurnkeyErrorMap[0],
+};
 const DOMExceptionErrorMap = {
     NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
@@ -20,12 +24,25 @@ const getProperErrorMessage = (originalError) => {
     if (originalError instanceof DOMException) {
         return DOMExceptionErrorMap[originalError.name] || 'Something went wrong';
     }
-    if ('cause' in originalError && ((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
-        return TurnkeyErrorMap[originalError.cause.code];
+    if ('cause' in originalError) {
+        if (((_a = originalError === null || originalError === void 0 ? void 0 : originalError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined) {
+            return TurnkeyErrorMap[originalError.cause.code];
+        }
+        if (originalError.cause &&
+            'error' in originalError.cause &&
+            typeof originalError.cause.error === 'string' &&
+            reactNativePasskeyErrors[originalError.cause.error]) {
+            return reactNativePasskeyErrors[originalError.cause.error];
+        }
     }
     if ('code' in originalError && originalError.code) {
         return TurnkeyErrorMap[originalError.code];
     }
+    if ('error' in originalError &&
+        typeof originalError.error === 'string' &&
+        reactNativePasskeyErrors[originalError.error]) {
+        return reactNativePasskeyErrors[originalError.error];
+    }
     return 'Something went wrong';
 };
 

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

@@ -78,3 +78,4 @@ export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
 export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
 export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
+export { ReactComponent as MfaRecoveryIcon } from './mfa-recovery-icon.svg';

package/src/lib/shared/assets/mfa-recovery-icon.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 SvgMfaRecoveryIcon = function SvgMfaRecoveryIcon(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    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: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-9.322-18.117a1.828 1.828 0 1 0 3.613.568l1.152-7.457h7.144l-1.1 6.89a1.828 1.828 0 1 0 3.612.567l1.153-7.457h3.504a1.691 1.691 0 0 0 0-3.383h-2.948l1.16-7.222h3.597a1.691 1.691 0 0 0 0-3.383h-3.087l1.1-6.89a1.829 1.829 0 1 0-3.612-.567l-1.153 7.457H30.17l1.1-6.89a1.828 1.828 0 1 0-3.613-.567l-1.152 7.457h-3.458a1.691 1.691 0 0 0 0 3.383h2.901l-1.16 7.222h-3.597a1.691 1.691 0 0 0 0 3.383h3.087l-1.1 6.89Zm12.42-10.272H28.5l1.16-7.222h7.097l-1.16 7.222Z",
+    fill: "#4779FF"
+  })));
+};
+
+exports.ReactComponent = SvgMfaRecoveryIcon;

package/src/lib/shared/assets/mfa-recovery-icon.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 SvgMfaRecoveryIcon = function SvgMfaRecoveryIcon(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    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: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-9.322-18.117a1.828 1.828 0 1 0 3.613.568l1.152-7.457h7.144l-1.1 6.89a1.828 1.828 0 1 0 3.612.567l1.153-7.457h3.504a1.691 1.691 0 0 0 0-3.383h-2.948l1.16-7.222h3.597a1.691 1.691 0 0 0 0-3.383h-3.087l1.1-6.89a1.829 1.829 0 1 0-3.612-.567l-1.153 7.457H30.17l1.1-6.89a1.828 1.828 0 1 0-3.613-.567l-1.152 7.457h-3.458a1.691 1.691 0 0 0 0 3.383h2.901l-1.16 7.222h-3.597a1.691 1.691 0 0 0 0 3.383h3.087l-1.1 6.89Zm12.42-10.272H28.5l1.16-7.222h7.097l-1.16 7.222Z",
+    fill: "#4779FF"
+  })));
+};
+
+export { SvgMfaRecoveryIcon as ReactComponent };

package/src/lib/shared/utils/functions/lastAuthenticatedAccount/index.d.ts

@@ -1,3 +1,3 @@
-import { DynamicJwt, JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { DynamicJwt, JwtVerifiedCredential, SdkUser } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-export declare const lastAuthenticatedAccount: (dynamicJwtOrUser: DynamicJwt | UserProfile) => JwtVerifiedCredential | undefined;
+export declare const lastAuthenticatedAccount: (dynamicJwtOrUser: DynamicJwt | UserProfile | SdkUser) => JwtVerifiedCredential | undefined;