@dynamic-labs/sdk-react-core 4.46.2 → 4.47.0

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [4.47.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.46.3...v4.47.0) (2025-11-21)
+
+
+### Features
+
+* add Google Drive backup functionality to widget ([#9899](https://github.com/dynamic-labs/dynamic-auth/issues/9899)) ([c787c5b](https://github.com/dynamic-labs/dynamic-auth/commit/c787c5baa7cf4ec4522418fdbe915923b1481312))
+
+### [4.46.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.46.2...v4.46.3) (2025-11-20)
+
+
+### Bug Fixes
+
+* ensure that phantomredirect does not render if the previous request is the same ([#9920](https://github.com/dynamic-labs/dynamic-auth/issues/9920)) ([2bb9665](https://github.com/dynamic-labs/dynamic-auth/commit/2bb96654821518bee6378c65d1353a33aea1363b))
+
 ### [4.46.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.46.1...v4.46.2) (2025-11-20)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.46.2";
+var version = "4.47.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.821",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.28",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.46.2";
+var version = "4.47.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.821",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.28",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.46.2",
+  "version": "4.47.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.821",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.28",
@@ -15,17 +15,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.46.2",
-    "@dynamic-labs/iconic": "4.46.2",
-    "@dynamic-labs/locale": "4.46.2",
-    "@dynamic-labs/logger": "4.46.2",
-    "@dynamic-labs/multi-wallet": "4.46.2",
-    "@dynamic-labs/rpc-providers": "4.46.2",
-    "@dynamic-labs/store": "4.46.2",
-    "@dynamic-labs/types": "4.46.2",
-    "@dynamic-labs/utils": "4.46.2",
-    "@dynamic-labs/wallet-book": "4.46.2",
-    "@dynamic-labs/wallet-connector-core": "4.46.2",
+    "@dynamic-labs/assert-package-version": "4.47.0",
+    "@dynamic-labs/iconic": "4.47.0",
+    "@dynamic-labs/locale": "4.47.0",
+    "@dynamic-labs/logger": "4.47.0",
+    "@dynamic-labs/multi-wallet": "4.47.0",
+    "@dynamic-labs/rpc-providers": "4.47.0",
+    "@dynamic-labs/store": "4.47.0",
+    "@dynamic-labs/types": "4.47.0",
+    "@dynamic-labs/utils": "4.47.0",
+    "@dynamic-labs/wallet-book": "4.47.0",
+    "@dynamic-labs/wallet-connector-core": "4.47.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -135,6 +135,7 @@ require('./lib/context/PasskeyContext/PasskeyContext.cjs');
 require('./lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
+var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 require('./lib/widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('./lib/context/OnrampContext/OnrampContext.cjs');
 var index$2 = require('./lib/utils/functions/walletFilters/index.cjs');
@@ -162,7 +163,6 @@ var useMultichainTokenBalances = require('./lib/utils/hooks/useMultichainTokenBa
 var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useExternalAuth = require('./lib/utils/hooks/useExternalAuth/useExternalAuth.cjs');
-var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 var useWalletOptions = require('./lib/utils/hooks/useWalletOptions/useWalletOptions.cjs');
 var useSyncMfaFlow = require('./lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.cjs');
 var useTelegramLogin = require('./lib/utils/hooks/useTelegramLogin/useTelegramLogin.cjs');
@@ -285,6 +285,7 @@ exports.useWalletDelegation = useWalletDelegation.useWalletDelegation;
 exports.useSwitchWallet = useSwitchWallet.useSwitchWallet;
 exports.useEmbeddedReveal = useEmbeddedReveal.useEmbeddedReveal;
 exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator;
+exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.FilterAndSortWallets = index$2.FilterAndSortWallets;
 exports.FilterBridgeChainsName = index$2.FilterBridgeChainsName;
 exports.FilterChain = index$2.FilterChain;
@@ -315,7 +316,6 @@ Object.defineProperty(exports, 'EmbeddedWalletVersion', {
   get: function () { return constants.EmbeddedWalletVersion; }
 });
 exports.useExternalAuth = useExternalAuth.useExternalAuth;
-exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.useWalletOptions = useWalletOptions.useWalletOptions;
 exports.useSyncMfaFlow = useSyncMfaFlow.useSyncMfaFlow;
 exports.useTelegramLogin = useTelegramLogin.useTelegramLogin;

package/src/index.js

@@ -131,6 +131,7 @@ import './lib/context/PasskeyContext/PasskeyContext.js';
 import './lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
+export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 import './lib/widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import './lib/context/OnrampContext/OnrampContext.js';
 export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
@@ -158,7 +159,6 @@ export { useMultichainTokenBalances } from './lib/utils/hooks/useMultichainToken
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 export { useExternalAuth } from './lib/utils/hooks/useExternalAuth/useExternalAuth.js';
-export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 export { useWalletOptions } from './lib/utils/hooks/useWalletOptions/useWalletOptions.js';
 export { useSyncMfaFlow } from './lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.js';
 export { useTelegramLogin } from './lib/utils/hooks/useTelegramLogin/useTelegramLogin.js';

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -107,11 +107,33 @@ const PhantomRedirectContext = React.createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
     const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers.useResponseHandlers();
+    // Track the last processed redirect params to prevent infinite loops
+    // when useEffect re-runs due to callback dependency changes
+    const lastProcessedParamsRef = React.useRef('');
     React.useEffect(() => {
         if (!phantomRedirectConnector || !utils.isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = utils.PlatformService.getUrl().searchParams;
+        // Create a unique key from the relevant params to track if we've already processed this redirect
+        const paramsKey = [
+            params.get('errorCode'),
+            params.get('phantom_encryption_public_key'),
+            params.get('data'),
+            params.get('nonce'),
+        ]
+            .filter(Boolean)
+            .join('|');
+        // If we've already processed these exact params, skip to prevent infinite loop
+        // This prevents the useEffect from processing the same redirect multiple times
+        // when callback dependencies change and cause the effect to re-run
+        if (paramsKey && paramsKey === lastProcessedParamsRef.current) {
+            return;
+        }
+        // Update the ref before processing to mark these params as processed
+        if (paramsKey) {
+            lastProcessedParamsRef.current = paramsKey;
+        }
         if (params.has('errorCode')) {
             handleErrorResponse(params);
             return;

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useEffect } from 'react';
+import { createContext, useRef, useEffect } from 'react';
 import { isMobile, PlatformService } from '@dynamic-labs/utils';
 import '../DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -103,11 +103,33 @@ const PhantomRedirectContext = createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
     const { sdkHasLoaded } = useInternalDynamicContext();
     const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, handleErrorResponse, } = useResponseHandlers();
+    // Track the last processed redirect params to prevent infinite loops
+    // when useEffect re-runs due to callback dependency changes
+    const lastProcessedParamsRef = useRef('');
     useEffect(() => {
         if (!phantomRedirectConnector || !isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = PlatformService.getUrl().searchParams;
+        // Create a unique key from the relevant params to track if we've already processed this redirect
+        const paramsKey = [
+            params.get('errorCode'),
+            params.get('phantom_encryption_public_key'),
+            params.get('data'),
+            params.get('nonce'),
+        ]
+            .filter(Boolean)
+            .join('|');
+        // If we've already processed these exact params, skip to prevent infinite loop
+        // This prevents the useEffect from processing the same redirect multiple times
+        // when callback dependencies change and cause the effect to re-run
+        if (paramsKey && paramsKey === lastProcessedParamsRef.current) {
+            return;
+        }
+        // Update the ref before processing to mark these params as processed
+        if (paramsKey) {
+            lastProcessedParamsRef.current = paramsKey;
+        }
         if (params.has('errorCode')) {
             handleErrorResponse(params);
             return;

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -135,6 +135,8 @@ const shouldNotRenderBottomNavBarOptions = [
     'choose-onramp-provider',
     'choose-linked-wallet',
     'manage-totp-mfa-no-footer',
+    'waas-backup',
+    'waas-backup-info',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -131,6 +131,8 @@ const shouldNotRenderBottomNavBarOptions = [
     'choose-onramp-provider',
     'choose-linked-wallet',
     'manage-totp-mfa-no-footer',
+    'waas-backup',
+    'waas-backup-info',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext();

package/src/lib/shared/assets/backup-waas.cjs

@@ -0,0 +1,52 @@
+'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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgBackupWaas = function SvgBackupWaas(_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", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM17.5 43.489c0 3.59 5.218 6.569 12.068 7.149a12.395 12.395 0 0 1-1.391-5.72c0-.594.041-1.179.122-1.751-4.569-.656-8.44-2.499-10.79-5-.01 1.5-.009 3.262-.009 5.322Zm.01-17.409c-.01 1.485-.01 3.246-.01 5.321 0 3.65 5.392 6.67 12.411 7.177 2.17-3.66 6.158-6.115 10.72-6.115 1.858 0 3.618.41 5.201 1.138.441-.694.68-1.433.68-2.2 0-2.225 0-3.953-.045-5.283-2.971 3.133-8.337 5.224-14.461 5.224-6.149 0-11.532-2.109-14.495-5.262ZM32.007 12C23.995 12 17.5 15.247 17.5 19.253s6.494 7.253 14.506 7.253c8.011 0 14.507-3.247 14.507-7.253S40.017 12 32.006 12Z",
+    fill: "#0A0B0C"
+  })));
+};
+
+exports.ReactComponent = SvgBackupWaas;

package/src/lib/shared/assets/backup-waas.js

@@ -0,0 +1,28 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgBackupWaas = function SvgBackupWaas(_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", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm10.325 34.635a.89.89 0 0 0-1.258-.016l-1.8 1.757a.89.89 0 0 0-.016 1.258l1.758 1.801a.89.89 0 0 0 1.273-1.242l-.338-.346a7.119 7.119 0 1 1-5.245.735.89.89 0 1 0-.886-1.543 8.897 8.897 0 1 0 6.321-.975l.176-.171a.89.89 0 0 0 .015-1.258ZM17.5 43.489c0 3.59 5.218 6.569 12.068 7.149a12.395 12.395 0 0 1-1.391-5.72c0-.594.041-1.179.122-1.751-4.569-.656-8.44-2.499-10.79-5-.01 1.5-.009 3.262-.009 5.322Zm.01-17.409c-.01 1.485-.01 3.246-.01 5.321 0 3.65 5.392 6.67 12.411 7.177 2.17-3.66 6.158-6.115 10.72-6.115 1.858 0 3.618.41 5.201 1.138.441-.694.68-1.433.68-2.2 0-2.225 0-3.953-.045-5.283-2.971 3.133-8.337 5.224-14.461 5.224-6.149 0-11.532-2.109-14.495-5.262ZM32.007 12C23.995 12 17.5 15.247 17.5 19.253s6.494 7.253 14.506 7.253c8.011 0 14.507-3.247 14.507-7.253S40.017 12 32.006 12Z",
+    fill: "#0A0B0C"
+  })));
+};
+
+export { SvgBackupWaas as ReactComponent };

package/src/lib/shared/assets/backupArrow.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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgBackupArrow = function SvgBackupArrow(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.955 12.806a7.373 7.373 0 1 0 9.14-7.07l.35.358a.922.922 0 1 1-1.32 1.287l-1.82-1.866a.922.922 0 0 1 .015-1.303l1.866-1.82a.922.922 0 0 1 1.287 1.32l-.182.177a9.217 9.217 0 1 1-6.548 1.01.922.922 0 0 1 .918 1.598 7.37 7.37 0 0 0-3.706 6.31Z",
+    fill: "#7B7D86"
+  })));
+};
+
+exports.ReactComponent = SvgBackupArrow;

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

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgBackupArrow = function SvgBackupArrow(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.955 12.806a7.373 7.373 0 1 0 9.14-7.07l.35.358a.922.922 0 1 1-1.32 1.287l-1.82-1.866a.922.922 0 0 1 .015-1.303l1.866-1.82a.922.922 0 0 1 1.287 1.32l-.182.177a9.217 9.217 0 1 1-6.548 1.01.922.922 0 0 1 .918 1.598 7.37 7.37 0 0 0-3.706 6.31Z",
+    fill: "#7B7D86"
+  })));
+};
+
+export { SvgBackupArrow as ReactComponent };

package/src/lib/shared/assets/filled-question-mark.cjs

@@ -0,0 +1,52 @@
+'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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgFilledQuestionMark = function SvgFilledQuestionMark(_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", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm.11 42.446c-1.561 0-2.828 1.243-2.828 2.777 0 1.533 1.267 2.777 2.828 2.777h.038c1.562 0 2.828-1.244 2.828-2.777 0-1.534-1.266-2.777-2.828-2.777h-.038Zm1.8-26.297a12.215 12.215 0 0 0-7.658 1.286c-2.326 1.25-4.14 3.242-5.07 5.659-.55 1.434.187 3.036 1.648 3.578 1.461.541 3.092-.183 3.644-1.617.428-1.116 1.294-2.103 2.495-2.75a6.458 6.458 0 0 1 3.783-.708l-1.595 10.396-.003.001c-1.488.457-2.319 2.012-1.856 3.475.463 1.464 2.048 2.283 3.539 1.828l-.839-2.652c.8 2.525.84 2.644.843 2.65l.004-.001.01-.003.032-.01.098-.031a23.601 23.601 0 0 0 1.448-.535c.906-.368 2.136-.93 3.388-1.693 2.28-1.392 5.665-4.095 5.665-8.304.004-2.583-.993-5.054-2.763-6.98-1.767-1.921-4.188-3.176-6.814-3.589Zm-.894 5.484c1.405.22 2.642.884 3.51 1.827.862.938 1.307 2.092 1.305 3.252v.005c0 1.075-.945 2.335-2.995 3.587-.913.557-1.848.988-2.566 1.28a17.913 17.913 0 0 1-1.064.393l1.81-10.344Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgFilledQuestionMark;

package/src/lib/shared/assets/filled-question-mark.js

@@ -0,0 +1,28 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgFilledQuestionMark = function SvgFilledQuestionMark(_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", {
+    d: "M32.5 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32Zm.11 42.446c-1.561 0-2.828 1.243-2.828 2.777 0 1.533 1.267 2.777 2.828 2.777h.038c1.562 0 2.828-1.244 2.828-2.777 0-1.534-1.266-2.777-2.828-2.777h-.038Zm1.8-26.297a12.215 12.215 0 0 0-7.658 1.286c-2.326 1.25-4.14 3.242-5.07 5.659-.55 1.434.187 3.036 1.648 3.578 1.461.541 3.092-.183 3.644-1.617.428-1.116 1.294-2.103 2.495-2.75a6.458 6.458 0 0 1 3.783-.708l-1.595 10.396-.003.001c-1.488.457-2.319 2.012-1.856 3.475.463 1.464 2.048 2.283 3.539 1.828l-.839-2.652c.8 2.525.84 2.644.843 2.65l.004-.001.01-.003.032-.01.098-.031a23.601 23.601 0 0 0 1.448-.535c.906-.368 2.136-.93 3.388-1.693 2.28-1.392 5.665-4.095 5.665-8.304.004-2.583-.993-5.054-2.763-6.98-1.767-1.921-4.188-3.176-6.814-3.589Zm-.894 5.484c1.405.22 2.642.884 3.51 1.827.862.938 1.307 2.092 1.305 3.252v.005c0 1.075-.945 2.335-2.995 3.587-.913.557-1.848.988-2.566 1.28a17.913 17.913 0 0 1-1.064.393l1.81-10.344Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgFilledQuestionMark as ReactComponent };

package/src/lib/shared/assets/google-drive.cjs

@@ -0,0 +1,75 @@
+'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 _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgGoogleDrive = function SvgGoogleDrive(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 20,
+    height: 24,
+    viewBox: "0 0 20 24",
+    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(#google-drive_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m1.512 21.141.882 1.705c.183.36.447.641.756.846L6.3 17.59H0c0 .397.092.795.275 1.154l1.237 2.397Z",
+    fill: "#0066DA"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10 10.41 6.85 4.308a2.22 2.22 0 0 0-.756.846L.274 16.436A2.54 2.54 0 0 0 0 17.59h6.3l3.7-7.18Z",
+    fill: "#00AC47"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M16.85 23.692a2.22 2.22 0 0 0 .756-.846l.366-.705 1.753-3.397A2.54 2.54 0 0 0 20 17.59h-6.3l1.34 2.948 1.81 3.154Z",
+    fill: "#EA4335"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m10 10.41 3.15-6.102A1.852 1.852 0 0 0 12.119 4H7.88a1.96 1.96 0 0 0-1.031.308L10 10.41Z",
+    fill: "#00832D"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.7 17.59H6.3l-3.15 6.102c.31.205.665.308 1.031.308H15.82a1.96 1.96 0 0 0 1.031-.308L13.7 17.59Z",
+    fill: "#2684FC"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m16.816 10.795-2.91-5.641a2.221 2.221 0 0 0-.756-.846L10 10.41l3.7 7.18h6.288a2.54 2.54 0 0 0-.274-1.154l-2.898-5.641Z",
+    fill: "#FFBA00"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "google-drive_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 4)",
+    d: "M0 0h20v20H0z"
+  })))));
+};
+
+exports.ReactComponent = SvgGoogleDrive;

package/src/lib/shared/assets/google-drive.js

@@ -0,0 +1,51 @@
+'use client'
+import * as React from 'react';
+
+var _g, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgGoogleDrive = function SvgGoogleDrive(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 20,
+    height: 24,
+    viewBox: "0 0 20 24",
+    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(#google-drive_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m1.512 21.141.882 1.705c.183.36.447.641.756.846L6.3 17.59H0c0 .397.092.795.275 1.154l1.237 2.397Z",
+    fill: "#0066DA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10 10.41 6.85 4.308a2.22 2.22 0 0 0-.756.846L.274 16.436A2.54 2.54 0 0 0 0 17.59h6.3l3.7-7.18Z",
+    fill: "#00AC47"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.85 23.692a2.22 2.22 0 0 0 .756-.846l.366-.705 1.753-3.397A2.54 2.54 0 0 0 20 17.59h-6.3l1.34 2.948 1.81 3.154Z",
+    fill: "#EA4335"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m10 10.41 3.15-6.102A1.852 1.852 0 0 0 12.119 4H7.88a1.96 1.96 0 0 0-1.031.308L10 10.41Z",
+    fill: "#00832D"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.7 17.59H6.3l-3.15 6.102c.31.205.665.308 1.031.308H15.82a1.96 1.96 0 0 0 1.031-.308L13.7 17.59Z",
+    fill: "#2684FC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m16.816 10.795-2.91-5.641a2.221 2.221 0 0 0-.756-.846L10 10.41l3.7 7.18h6.288a2.54 2.54 0 0 0-.274-1.154l-2.898-5.641Z",
+    fill: "#FFBA00"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "google-drive_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 4)",
+    d: "M0 0h20v20H0z"
+  })))));
+};
+
+export { SvgGoogleDrive as ReactComponent };

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

@@ -124,6 +124,10 @@ export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
 export { ReactComponent as WarningRedIcon } from './warning-red.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
 export { ReactComponent as BackupIcon } from './backup.svg';
+export { ReactComponent as BackupArrowIcon } from './backupArrow.svg';
+export { ReactComponent as BackupWaaSIcon } from './backup-waas.svg';
+export { ReactComponent as FilledQuestionMarkIcon } from './filled-question-mark.svg';
+export { ReactComponent as GoogleDriveIcon } from './google-drive.svg';
 export { ReactComponent as UpgradeIcon } from './upgrade.svg';
 export { ReactComponent as WhiteCheck } from './white-check-black-circle.svg';
 export { ReactComponent as ConnectIcon } from './connect.svg';