@dynamic-labs/sdk-react-core 0.18.0-RC.4 → 0.18.0-RC.6

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+## [0.18.0-RC.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.5...v0.18.0-RC.6) (2023-06-20)
+
+
+### Features
+
+* add export keys option for magic wallets ([#2377](https://github.com/dynamic-labs/DynamicAuth/issues/2377)) ([6b40f53](https://github.com/dynamic-labs/DynamicAuth/commit/6b40f538f207691b54fe2f245ed6018c467b83fe))
+
+
+### Bug Fixes
+
+* add polyfill for css layers ([#2386](https://github.com/dynamic-labs/DynamicAuth/issues/2386)) ([3d489f5](https://github.com/dynamic-labs/DynamicAuth/commit/3d489f59d676864134a94d031697e0f83fc0d742))
+
+## [0.18.0-RC.5](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.4...v0.18.0-RC.5) (2023-06-20)
+
+
+### Bug Fixes
+
+* remove process variable declaration ([#2389](https://github.com/dynamic-labs/DynamicAuth/issues/2389)) ([3c05121](https://github.com/dynamic-labs/DynamicAuth/commit/3c05121473850444f2c8393fa6e98e10d58870bc))
+* wallet book singleton class to initalize when walletBook is undefined ([#2392](https://github.com/dynamic-labs/DynamicAuth/issues/2392)) ([7e07137](https://github.com/dynamic-labs/DynamicAuth/commit/7e0713712321439ee48e0c9ec88fef8c9aecd9cf))
+
 ## [0.18.0-RC.4](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.3...v0.18.0-RC.4) (2023-06-20)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.4";
+var version = "0.18.0-RC.6";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.218",
+	"@dynamic-labs/sdk-api": "0.0.222",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.18.0-RC.4";
+var version = "0.18.0-RC.6";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.218",
+	"@dynamic-labs/sdk-api": "0.0.222",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.4",
+  "version": "0.18.0-RC.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,20 +9,20 @@
   "dependencies": {
     "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.23",
-    "@dynamic-labs/sdk-api": "0.0.218",
+    "@dynamic-labs/sdk-api": "0.0.222",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.4",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.4",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.4",
-    "@dynamic-labs/types": "0.18.0-RC.4",
-    "@dynamic-labs/utils": "0.18.0-RC.4",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.4",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.4"
+    "@dynamic-labs/logger": "0.18.0-RC.6",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.6",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.6",
+    "@dynamic-labs/types": "0.18.0-RC.6",
+    "@dynamic-labs/utils": "0.18.0-RC.6",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.6",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.6"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/index.cjs

@@ -60,6 +60,7 @@ var footerInfoIcon = require('./lib/shared/assets/footer-info-icon.cjs');
 var footerEyeIcon = require('./lib/shared/assets/footer-eye-icon.cjs');
 var footerGasIcon = require('./lib/shared/assets/footer-gas-icon.cjs');
 var footerKeyIcon = require('./lib/shared/assets/footer-key-icon.cjs');
+var key = require('./lib/shared/assets/key.cjs');
 var puzzle = require('./lib/shared/assets/puzzle.cjs');
 var link = require('./lib/shared/assets/link.cjs');
 var externalLink = require('./lib/shared/assets/externalLink.cjs');
@@ -181,6 +182,7 @@ exports.InfoIcon = footerInfoIcon.ReactComponent;
 exports.EyeIcon = footerEyeIcon.ReactComponent;
 exports.GasIcon = footerGasIcon.ReactComponent;
 exports.KeyIcon = footerKeyIcon.ReactComponent;
+exports.KeyOutlineIcon = key.ReactComponent;
 exports.PuzzleIcon = puzzle.ReactComponent;
 exports.LinkIcon = link.ReactComponent;
 exports.ExternalLinkIcon = externalLink.ReactComponent;

package/src/index.js

@@ -56,6 +56,7 @@ export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon
 export { ReactComponent as EyeIcon } from './lib/shared/assets/footer-eye-icon.js';
 export { ReactComponent as GasIcon } from './lib/shared/assets/footer-gas-icon.js';
 export { ReactComponent as KeyIcon } from './lib/shared/assets/footer-key-icon.js';
+export { ReactComponent as KeyOutlineIcon } from './lib/shared/assets/key.js';
 export { ReactComponent as PuzzleIcon } from './lib/shared/assets/puzzle.js';
 export { ReactComponent as LinkIcon } from './lib/shared/assets/link.js';
 export { ReactComponent as ExternalLinkIcon } from './lib/shared/assets/externalLink.js';

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

@@ -21,6 +21,7 @@ export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
 export { ReactComponent as EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';
 export { ReactComponent as KeyIcon } from './footer-key-icon.svg';
+export { ReactComponent as KeyOutlineIcon } from './key.svg';
 export { ReactComponent as PuzzleIcon } from './puzzle.svg';
 export { ReactComponent as LinkIcon } from './link.svg';
 export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';

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

@@ -0,0 +1,53 @@
+'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 SvgKey = function SvgKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    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: "M11.25 3a3.751 3.751 0 0 0-3.59 4.84.743.743 0 0 1-.187.746L3 13.062V15h1.5v-.75a.75.75 0 0 1 .75-.75H6v-.75a.75.75 0 0 1 .75-.75h1.188l1.476-1.473a.743.743 0 0 1 .746-.187A3.751 3.751 0 1 0 11.25 3ZM6 15v.75a.75.75 0 0 1-.75.75H3A1.5 1.5 0 0 1 1.5 15v-1.938c0-.398.156-.78.438-1.062l4.171-4.172A5.251 5.251 0 0 1 11.25 1.5a5.251 5.251 0 0 1 5.251 5.25 5.251 5.251 0 0 1-6.328 5.14l-1.39 1.391a.75.75 0 0 1-.532.219H7.5v.75a.75.75 0 0 1-.75.75Zm4.5-9.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.5 0 .75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75Zm0 0",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgKey;

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

@@ -0,0 +1,29 @@
+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 SvgKey = function SvgKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    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: "M11.25 3a3.751 3.751 0 0 0-3.59 4.84.743.743 0 0 1-.187.746L3 13.062V15h1.5v-.75a.75.75 0 0 1 .75-.75H6v-.75a.75.75 0 0 1 .75-.75h1.188l1.476-1.473a.743.743 0 0 1 .746-.187A3.751 3.751 0 1 0 11.25 3ZM6 15v.75a.75.75 0 0 1-.75.75H3A1.5 1.5 0 0 1 1.5 15v-1.938c0-.398.156-.78.438-1.062l4.171-4.172A5.251 5.251 0 0 1 11.25 1.5a5.251 5.251 0 0 1 5.251 5.25 5.251 5.251 0 0 1-6.328 5.14l-1.39 1.391a.75.75 0 0 1-.532.219H7.5v.75a.75.75 0 0 1-.75.75Zm4.5-9.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25.75.75 0 0 1-1.5 0 .75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75Zm0 0",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgKey as ReactComponent };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -7,7 +7,7 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -47,13 +47,15 @@ var NetworkPicker = require('../../../../components/NetworkPicker/NetworkPicker.
 var useFetchNameService = require('../../hooks/useFetchNameService/useFetchNameService.cjs');
 var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
 var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProviderIcon.cjs');
+var helpers = require('../../helpers/helpers.cjs');
 
 const ICON_SIZE = 28;
 const ActiveWalletInformation = () => {
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
-    const { primaryWallet, authToken, network, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, authToken, network, handleLogOut, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService.useFetchNameService(address);
+    const exportKeysOption = helpers.getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const options = [
         {
             Icon: null,
@@ -67,6 +69,13 @@ const ActiveWalletInformation = () => {
             hide: !address,
             text: 'Copy wallet address',
         },
+        {
+            Icon: null,
+            callback: exportKeysOption ||
+                (() => logger.logger.info('No option to export private keys')),
+            hide: !exportKeysOption,
+            text: 'Export private keys',
+        },
         {
             Icon: null,
             callback: () => handleLogOut(),

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { isMobile } from '@dynamic-labs/utils';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -43,13 +43,15 @@ import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicke
 import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
 import { DotsMenu } from '../DotsMenu/DotsMenu.js';
 import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
+import { getExportKeysOption } from '../../helpers/helpers.js';
 
 const ICON_SIZE = 28;
 const ActiveWalletInformation = () => {
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
-    const { primaryWallet, authToken, network, handleLogOut } = useInternalDynamicContext();
+    const { primaryWallet, authToken, network, handleLogOut, projectSettings } = useInternalDynamicContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService(address);
+    const exportKeysOption = getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const options = [
         {
             Icon: null,
@@ -63,6 +65,13 @@ const ActiveWalletInformation = () => {
             hide: !address,
             text: 'Copy wallet address',
         },
+        {
+            Icon: null,
+            callback: exportKeysOption ||
+                (() => logger.info('No option to export private keys')),
+            hide: !exportKeysOption,
+            text: 'Export private keys',
+        },
         {
             Icon: null,
             callback: () => handleLogOut(),

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs

@@ -10,6 +10,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var copy = require('../../../../shared/assets/copy.cjs');
 var unlink = require('../../../../shared/assets/unlink.cjs');
+var key = require('../../../../shared/assets/key.cjs');
 var switchHorizontal = require('../../../../shared/assets/switch-horizontal.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
@@ -52,7 +53,7 @@ var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProv
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
     const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
@@ -81,6 +82,14 @@ const Wallet = ({ wallet, ens }) => {
             text: 'Unlink from my account',
         });
     }
+    const exportKeysOption = helpers.getExportKeysOption(connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    if (exportKeysOption) {
+        options.push({
+            Icon: jsxRuntime.jsx(key.ReactComponent, {}),
+            callback: exportKeysOption,
+            text: 'Export private keys',
+        });
+    }
     const onSelectWalletClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'flow' &&
             connector.connectedChain === 'FLOW') {

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js

@@ -6,6 +6,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgCopy } from '../../../../shared/assets/copy.js';
 import { ReactComponent as SvgUnlink } from '../../../../shared/assets/unlink.js';
+import { ReactComponent as SvgKey } from '../../../../shared/assets/key.js';
 import { ReactComponent as SvgSwitchHorizontal } from '../../../../shared/assets/switch-horizontal.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
@@ -33,7 +34,7 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import { copyToClipboard } from '../../helpers/helpers.js';
+import { copyToClipboard, getExportKeysOption } from '../../helpers/helpers.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
@@ -48,7 +49,7 @@ import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthPr
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, } = useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, } = useInternalDynamicContext();
     const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
@@ -77,6 +78,14 @@ const Wallet = ({ wallet, ens }) => {
             text: 'Unlink from my account',
         });
     }
+    const exportKeysOption = getExportKeysOption(connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    if (exportKeysOption) {
+        options.push({
+            Icon: jsx(SvgKey, {}),
+            callback: exportKeysOption,
+            text: 'Export private keys',
+        });
+    }
     const onSelectWalletClick = () => __awaiter(void 0, void 0, void 0, function* () {
         if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'flow' &&
             connector.connectedChain === 'FLOW') {

package/src/lib/widgets/DynamicWidget/helpers/helpers.cjs

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var sdkApi = require('@dynamic-labs/sdk-api');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');
     return text.replace(re, replace);
@@ -32,9 +35,23 @@ const roundBalance = (balanceString) => {
         return '0.0';
     return String(roundedBalance);
 };
-const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+const getExportKeysOption = (connector, providerSettings) => {
+    var _a;
+    if (!connector || !(providerSettings === null || providerSettings === void 0 ? void 0 : providerSettings.length) || !walletConnectorCore.isMagicConnector(connector)) {
+        return;
+    }
+    const keyExportUrl = (_a = providerSettings.find((provider) => provider.provider === sdkApi.ProviderEnum.MagicLink)) === null || _a === void 0 ? void 0 : _a.keyExportUrl;
+    if (!keyExportUrl) {
+        return;
+    }
+    return () => {
+        window.open(keyExportUrl, '_blank');
+    };
+};
 
 exports.capitalize = capitalize;
 exports.copyToClipboard = copyToClipboard;
+exports.getExportKeysOption = getExportKeysOption;
 exports.replaceAll = replaceAll;
 exports.roundBalance = roundBalance;

package/src/lib/widgets/DynamicWidget/helpers/helpers.d.ts

@@ -1,5 +1,8 @@
+import { Provider } from '@dynamic-labs/sdk-api';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 export declare const replaceAll: (text: string, char: string, replace: string) => string;
 export declare const copyToClipboard: (textToCopy: string) => void;
 export declare const disconnect: () => void;
 export declare const roundBalance: (balanceString: string) => string;
 export declare const capitalize: (text: string) => string;
+export declare const getExportKeysOption: (connector?: WalletConnector, providerSettings?: Provider[]) => (() => void) | undefined;

package/src/lib/widgets/DynamicWidget/helpers/helpers.js

@@ -1,3 +1,6 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { isMagicConnector } from '@dynamic-labs/wallet-connector-core';
+
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');
     return text.replace(re, replace);
@@ -28,6 +31,19 @@ const roundBalance = (balanceString) => {
         return '0.0';
     return String(roundedBalance);
 };
-const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+const getExportKeysOption = (connector, providerSettings) => {
+    var _a;
+    if (!connector || !(providerSettings === null || providerSettings === void 0 ? void 0 : providerSettings.length) || !isMagicConnector(connector)) {
+        return;
+    }
+    const keyExportUrl = (_a = providerSettings.find((provider) => provider.provider === ProviderEnum.MagicLink)) === null || _a === void 0 ? void 0 : _a.keyExportUrl;
+    if (!keyExportUrl) {
+        return;
+    }
+    return () => {
+        window.open(keyExportUrl, '_blank');
+    };
+};
 
-export { capitalize, copyToClipboard, replaceAll, roundBalance };
+export { capitalize, copyToClipboard, getExportKeysOption, replaceAll, roundBalance };

package/src/polyfills.cjs

@@ -2,10 +2,9 @@
 
 var process$1 = require('./shim/process.cjs');
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1.process });
     }
 }

package/src/polyfills.js

@@ -1,9 +1,8 @@
 import { process as process$1 } from './shim/process.js';
 
-let process;
 if (typeof window !== 'undefined') {
     window.global = globalThis;
-    if (!window.process && !process) {
+    if (!window.process && typeof process === 'undefined') {
         Object.assign(window, { process: process$1 });
     }
 }