@dynamic-labs/sdk-react-core 4.0.0-alpha.22 → 4.0.0-alpha.23

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [4.0.0-alpha.23](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.22...v4.0.0-alpha.23) (2024-10-31)
+
+
+### Features
+
+* allow deletion of embedded wallets ([#7170](https://github.com/dynamic-labs/dynamic-auth/issues/7170)) ([40c5478](https://github.com/dynamic-labs/dynamic-auth/commit/40c54789594ba265a63b24f936da4e72b5b1c5b9))
+
 ## [4.0.0-alpha.22](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.21...v4.0.0-alpha.22) (2024-10-30)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.0.0-alpha.22";
+var version = "4.0.0-alpha.23";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.559",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.22",
+  "version": "4.0.0-alpha.23",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.559",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -12,16 +12,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.0-alpha.22",
-    "@dynamic-labs/iconic": "4.0.0-alpha.22",
-    "@dynamic-labs/logger": "4.0.0-alpha.22",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.22",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.22",
-    "@dynamic-labs/store": "4.0.0-alpha.22",
-    "@dynamic-labs/types": "4.0.0-alpha.22",
-    "@dynamic-labs/utils": "4.0.0-alpha.22",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.22",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.22",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.23",
+    "@dynamic-labs/iconic": "4.0.0-alpha.23",
+    "@dynamic-labs/logger": "4.0.0-alpha.23",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.23",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.23",
+    "@dynamic-labs/store": "4.0.0-alpha.23",
+    "@dynamic-labs/types": "4.0.0-alpha.23",
+    "@dynamic-labs/utils": "4.0.0-alpha.23",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.23",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.23",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view';
+export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;

package/src/lib/data/api/embeddedWallets/embeddedWallets.cjs

@@ -244,13 +244,42 @@ const createEmbeddedWalletAccount = (_r) => _tslib.__awaiter(void 0, [_r], void
         throw new utils.DynamicError('Error creating embedded wallet account');
     }
 });
+const getDeleteEmbeddedWalletsRequest = (_s) => _tslib.__awaiter(void 0, [_s], void 0, function* ({ environmentId, }) {
+    try {
+        const response = yield api.sdkApi().getEmbeddedWalletsDeleteRequest({
+            environmentId,
+        });
+        return response;
+    }
+    catch (e) {
+        logger.logger.error('Error fetching delete embedded wallets request: ', e);
+        throw new utils.DynamicError('Error fetching delete embedded wallets request');
+    }
+});
+const deleteEmbeddedWallets = (_t) => _tslib.__awaiter(void 0, [_t], void 0, function* ({ environmentId, deleteEmbeddedWalletsRequest, }) {
+    try {
+        const response = yield api.sdkApi().deleteEmbeddedWallets({
+            deleteEmbeddedWalletsRequest: {
+                turnkeySignedRequest: deleteEmbeddedWalletsRequest,
+            },
+            environmentId,
+        });
+        return response;
+    }
+    catch (e) {
+        logger.logger.error('Error deleting embedded wallets: ', e);
+        throw new utils.DynamicError('Error deleting embedded wallets');
+    }
+});
 
 exports.claimEmbeddedWallet = claimEmbeddedWallet;
 exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmbeddedWalletAccount = createEmbeddedWalletAccount;
 exports.createTurnkeyEmbeddedWallet = createTurnkeyEmbeddedWallet;
+exports.deleteEmbeddedWallets = deleteEmbeddedWallets;
 exports.exportEmbeddedWallet = exportEmbeddedWallet;
 exports.getCreateEmbeddedWalletAccountRequest = getCreateEmbeddedWalletAccountRequest;
+exports.getDeleteEmbeddedWalletsRequest = getDeleteEmbeddedWalletsRequest;
 exports.getEmbeddedWalletBackup = getEmbeddedWalletBackup;
 exports.getEmbeddedWalletPasscode = getEmbeddedWalletPasscode;
 exports.getUserPasskeys = getUserPasskeys;

package/src/lib/data/api/embeddedWallets/embeddedWallets.d.ts

@@ -48,3 +48,17 @@ export declare const createEmbeddedWalletAccount: ({ environmentId, createEmbedd
         };
     };
 }) => Promise<VerifyResponse>;
+export declare const getDeleteEmbeddedWalletsRequest: ({ environmentId, }: {
+    environmentId: string;
+}) => Promise<import("@dynamic-labs/sdk-api-core").TurnkeyDeleteEmbeddedWalletsRequestBody>;
+export declare const deleteEmbeddedWallets: ({ environmentId, deleteEmbeddedWalletsRequest, }: {
+    environmentId: string;
+    deleteEmbeddedWalletsRequest: {
+        body: string;
+        url: string;
+        stamp: {
+            stampHeaderName: string;
+            stampHeaderValue: string;
+        };
+    };
+}) => Promise<void>;

package/src/lib/data/api/embeddedWallets/embeddedWallets.js

@@ -240,5 +240,32 @@ const createEmbeddedWalletAccount = (_r) => __awaiter(void 0, [_r], void 0, func
         throw new DynamicError('Error creating embedded wallet account');
     }
 });
+const getDeleteEmbeddedWalletsRequest = (_s) => __awaiter(void 0, [_s], void 0, function* ({ environmentId, }) {
+    try {
+        const response = yield sdkApi().getEmbeddedWalletsDeleteRequest({
+            environmentId,
+        });
+        return response;
+    }
+    catch (e) {
+        logger.error('Error fetching delete embedded wallets request: ', e);
+        throw new DynamicError('Error fetching delete embedded wallets request');
+    }
+});
+const deleteEmbeddedWallets = (_t) => __awaiter(void 0, [_t], void 0, function* ({ environmentId, deleteEmbeddedWalletsRequest, }) {
+    try {
+        const response = yield sdkApi().deleteEmbeddedWallets({
+            deleteEmbeddedWalletsRequest: {
+                turnkeySignedRequest: deleteEmbeddedWalletsRequest,
+            },
+            environmentId,
+        });
+        return response;
+    }
+    catch (e) {
+        logger.error('Error deleting embedded wallets: ', e);
+        throw new DynamicError('Error deleting embedded wallets');
+    }
+});
 
-export { claimEmbeddedWallet, completePasskeyRecovery, createEmbeddedWalletAccount, createTurnkeyEmbeddedWallet, exportEmbeddedWallet, getCreateEmbeddedWalletAccountRequest, getEmbeddedWalletBackup, getEmbeddedWalletPasscode, getUserPasskeys, getWalletAuthToken, initEmbeddedWalletSession, registerSessionKey, updatePasskeyRecoveryEmail, updateUserPasskey };
+export { claimEmbeddedWallet, completePasskeyRecovery, createEmbeddedWalletAccount, createTurnkeyEmbeddedWallet, deleteEmbeddedWallets, exportEmbeddedWallet, getCreateEmbeddedWalletAccountRequest, getDeleteEmbeddedWalletsRequest, getEmbeddedWalletBackup, getEmbeddedWalletPasscode, getUserPasskeys, getWalletAuthToken, initEmbeddedWalletSession, registerSessionKey, updatePasskeyRecoveryEmail, updateUserPasskey };

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

@@ -864,6 +864,13 @@ const translation = {
         reveal_button_label: 'Reveal',
         copy_button_label: 'Copy to clipboard',
         done_button_label: "I'm Done",
+        aa_warning: {
+           title: 'Your assets are not in this wallet.',
+           subtitle:
+           'This is a smart-contract wallet. You will not see your balance if you import this to an external service. Please send your assets to your preferred external wallet first to access your funds:',
+           button: 'here',
+        },
+        unlink: 'Unlink wallet info',
       },
      */
     dyn_embedded_reveal: {
@@ -893,6 +900,20 @@ const translation = {
             subtitle: 'This is a smart-contract wallet. You will not see your balance if you import this to an external service. Please send your assets to your preferred external wallet first to access your funds:',
             button: 'here',
         },
+        unlink: 'Unlink wallet info',
+    },
+    /**
+     * @description export keys for Dynamic embedded delete view
+     * @default
+     *
+     */
+    dyn_embedded_delete: {
+        title: 'Unlink from app',
+        description_1: 'By continuing you acknowledge that if you return to the application, you will receive a new wallet address.',
+        description_2: 'Once unlinked, you cannot recover any wallet information through this application including any associated smart contract wallets.',
+        acknowledgement: 'I have safely backed up my wallet seed phrase information. If I return to this application, a new wallet will be created for me.',
+        cancel_button: 'Cancel',
+        action_button: 'Unlink & Log out',
     },
     /**
      * @description Settings for Dynamic settings view which are used inside dynamic widget

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

@@ -858,6 +858,13 @@ export declare const translation: {
         reveal_button_label: 'Reveal',
         copy_button_label: 'Copy to clipboard',
         done_button_label: "I'm Done",
+        aa_warning: {
+           title: 'Your assets are not in this wallet.',
+           subtitle:
+           'This is a smart-contract wallet. You will not see your balance if you import this to an external service. Please send your assets to your preferred external wallet first to access your funds:',
+           button: 'here',
+        },
+        unlink: 'Unlink wallet info',
       },
      */
     dyn_embedded_reveal: {
@@ -887,6 +894,20 @@ export declare const translation: {
             subtitle: string;
             button: string;
         };
+        unlink: string;
+    };
+    /**
+     * @description export keys for Dynamic embedded delete view
+     * @default
+     *
+     */
+    dyn_embedded_delete: {
+        title: string;
+        description_1: string;
+        description_2: string;
+        acknowledgement: string;
+        cancel_button: string;
+        action_button: string;
     };
     /**
      * @description Settings for Dynamic settings view which are used inside dynamic widget

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

@@ -860,6 +860,13 @@ const translation = {
         reveal_button_label: 'Reveal',
         copy_button_label: 'Copy to clipboard',
         done_button_label: "I'm Done",
+        aa_warning: {
+           title: 'Your assets are not in this wallet.',
+           subtitle:
+           'This is a smart-contract wallet. You will not see your balance if you import this to an external service. Please send your assets to your preferred external wallet first to access your funds:',
+           button: 'here',
+        },
+        unlink: 'Unlink wallet info',
       },
      */
     dyn_embedded_reveal: {
@@ -889,6 +896,20 @@ const translation = {
             subtitle: 'This is a smart-contract wallet. You will not see your balance if you import this to an external service. Please send your assets to your preferred external wallet first to access your funds:',
             button: 'here',
         },
+        unlink: 'Unlink wallet info',
+    },
+    /**
+     * @description export keys for Dynamic embedded delete view
+     * @default
+     *
+     */
+    dyn_embedded_delete: {
+        title: 'Unlink from app',
+        description_1: 'By continuing you acknowledge that if you return to the application, you will receive a new wallet address.',
+        description_2: 'Once unlinked, you cannot recover any wallet information through this application including any associated smart contract wallets.',
+        acknowledgement: 'I have safely backed up my wallet seed phrase information. If I return to this application, a new wallet will be created for me.',
+        cancel_button: 'Cancel',
+        action_button: 'Unlink & Log out',
     },
     /**
      * @description Settings for Dynamic settings view which are used inside dynamic widget

package/src/lib/shared/assets/delete-embedded-hero.cjs

@@ -0,0 +1,57 @@
+'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 _circle, _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 SvgDeleteEmbeddedHero = function SvgDeleteEmbeddedHero(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "#FF4646"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M35.4 19.2a3.2 3.2 0 0 0-6.4 0V32a3.2 3.2 0 0 0 6.4 0V19.2ZM32.2 41.6a3.2 3.2 0 0 0 0 6.4h.032a3.2 3.2 0 0 0 0-6.4H32.2Z",
+    fill: "#F9F9FB"
+  })));
+};
+
+exports.ReactComponent = SvgDeleteEmbeddedHero;

package/src/lib/shared/assets/delete-embedded-hero.js

@@ -0,0 +1,33 @@
+'use client'
+import * as React from 'react';
+
+var _circle, _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 SvgDeleteEmbeddedHero = function SvgDeleteEmbeddedHero(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "#FF4646"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M35.4 19.2a3.2 3.2 0 0 0-6.4 0V32a3.2 3.2 0 0 0 6.4 0V19.2ZM32.2 41.6a3.2 3.2 0 0 0 0 6.4h.032a3.2 3.2 0 0 0 0-6.4H32.2Z",
+    fill: "#F9F9FB"
+  })));
+};
+
+export { SvgDeleteEmbeddedHero as ReactComponent };

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

@@ -32,6 +32,7 @@ export { ReactComponent as DynamicLogoIcon } from './dynamic-logo.svg';
 export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';
 export { ReactComponent as ErrorIcon } from './error.svg';
 export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
+export { ReactComponent as DeleteEmbeddedHero } from './delete-embedded-hero.svg';
 export { ReactComponent as ExportPrivateKeyIcon } from './export-private-key.svg';
 export { ReactComponent as ExportRecoveryPhraseIcon } from './export-recovery-phrase.svg';
 export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';