@dynamic-labs/sdk-react-core 4.29.4 → 4.29.5

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -20,6 +20,13 @@ import { updatePrimaryWalletId } from '../../utils/functions/updatePrimaryWallet
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../config/ApiEndpoint.js';
+import '../../events/dynamicEvents.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../locale/locale.js';
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -28,14 +35,7 @@ import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/u
 import { useCaptchaContext } from '../CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
-import '@dynamic-labs-sdk/client/core';
-import '../../client/client.js';
-import '@dynamic-labs-sdk/client';
-import '../../config/ApiEndpoint.js';
-import '../../events/dynamicEvents.js';
-import '../../store/state/projectSettings/projectSettings.js';
 import '../VerificationContext/VerificationContext.js';
-import '../../locale/locale.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'backup-unsuccessful' | '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' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | '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' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account';
+export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | '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' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | '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' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

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

@@ -898,6 +898,7 @@ const translation = {
           safari: 'Safari Browser',
         },
         passkey_rename: 'Rename',
+        passkey_delete: 'Delete',
         recovery_button: 'Set up new passkey',
       }
      */
@@ -916,6 +917,7 @@ const translation = {
             passkey: 'Passkey',
         },
         passkey_rename: 'Rename',
+        passkey_delete: 'Delete',
         recovery_button: 'Set up new passkey',
     },
     /**
@@ -2899,6 +2901,80 @@ const translation = {
     dyn_search: {
         clear: 'Clear',
     },
+    /**
+     * @description copy keys for account upgraded view
+     * @default
+     * {
+     *   title: 'Account Upgraded',
+     *   message: 'All done! You've got the latest version — more powerful, flexible, and ready for what's next.',
+     *   continue_button: 'Continue',
+     * }
+     */
+    dyn_account_upgraded: {
+        title: 'Account Upgraded',
+        message: "All done! You've got the latest version — more powerful, flexible, and ready for what's next.",
+        continue_button: 'Continue',
+    },
+    /**
+     * @description copy keys for Dynamic WaaS upgrade view
+     * @default
+     * {
+     *   title: 'Upgrade your account',
+     *   description: 'A new version of your account is available, with better security and easier recovery.',
+     *   eligible_wallets: 'Eligible wallets',
+     *   how_to_upgrade: 'How would you like to upgrade?',
+     *   keep_existing: 'Keep existing wallet',
+     *   keep_existing_desc: 'Export your legacy wallet and securely import the private key to upgrade',
+     *   start_fresh: 'Start fresh',
+     *   start_fresh_desc: 'Removes your legacy wallet and create a brand new upgraded wallet',
+     *   recommended: 'recommended',
+     *   upgrade: 'Upgrade',
+     *   not_now: 'Not now',
+     * }
+     */
+    dyn_upgrade_wallet: {
+        title: 'Upgrade your account',
+        description: 'A new version of your account is available, with better security and easier recovery.',
+        eligible_wallets: 'Eligible wallets',
+        how_to_upgrade: 'How would you like to upgrade?',
+        keep_existing: 'Keep existing wallet',
+        keep_existing_desc: 'Export your legacy wallet and securely import the private key to upgrade',
+        start_fresh: 'Start fresh',
+        start_fresh_desc: 'Removes your legacy wallet and create a brand new upgraded wallet',
+        recommended: 'recommended',
+        upgrade: 'Upgrade',
+        not_now: 'Not now',
+    },
+    /**
+     * @description copy keys for Dynamic wallet upgrade flow view
+     * @default
+     * {
+     *   title: 'Upgrade your wallet',
+     *   step_wallet_upgrade: '{{walletName}} Upgrade',
+     *   new_wallet_title: 'Create New Wallet',
+     *   new_wallet_coming_soon: 'New wallet creation coming soon...',
+     *   copy_private_key_subtitle: 'Import your wallet key to upgrade your wallet. You will not lose access to any assets. Your wallet will always remain in your control.',
+     *   copy_private_key_title: 'Copy',
+     *   step_2_upgrade_description: 'Paste',
+     *   upgrade_wallet: 'Upgrade Account',
+     *   cancel: 'Cancel',
+     *   export_failed: 'Failed to export wallet',
+     *   upgrade_failed: 'Failed to upgrade wallet',
+     * }
+     */
+    dyn_wallet_upgrade_flow: {
+        title: 'Upgrade your wallet',
+        step_wallet_upgrade: '{{walletName}} Upgrade',
+        new_wallet_title: 'Create New Wallet',
+        new_wallet_coming_soon: 'New wallet creation coming soon...',
+        copy_private_key_subtitle: 'Import your wallet key to upgrade your wallet. You will not lose access to any assets. Your wallet will always remain in your control.',
+        copy_private_key_title: 'Copy',
+        step_2_upgrade_description: 'Paste',
+        upgrade_wallet: 'Upgrade Account',
+        cancel: 'Cancel',
+        export_failed: 'Failed to export wallet',
+        upgrade_failed: 'Failed to upgrade wallet',
+    },
 };
 
 exports.translation = translation;

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

@@ -892,6 +892,7 @@ export declare const translation: {
           safari: 'Safari Browser',
         },
         passkey_rename: 'Rename',
+        passkey_delete: 'Delete',
         recovery_button: 'Set up new passkey',
       }
      */
@@ -910,6 +911,7 @@ export declare const translation: {
             passkey: string;
         };
         passkey_rename: string;
+        passkey_delete: string;
         recovery_button: string;
     };
     /**
@@ -2895,4 +2897,78 @@ export declare const translation: {
     dyn_search: {
         clear: string;
     };
+    /**
+     * @description copy keys for account upgraded view
+     * @default
+     * {
+     *   title: 'Account Upgraded',
+     *   message: 'All done! You've got the latest version — more powerful, flexible, and ready for what's next.',
+     *   continue_button: 'Continue',
+     * }
+     */
+    dyn_account_upgraded: {
+        title: string;
+        message: string;
+        continue_button: string;
+    };
+    /**
+     * @description copy keys for Dynamic WaaS upgrade view
+     * @default
+     * {
+     *   title: 'Upgrade your account',
+     *   description: 'A new version of your account is available, with better security and easier recovery.',
+     *   eligible_wallets: 'Eligible wallets',
+     *   how_to_upgrade: 'How would you like to upgrade?',
+     *   keep_existing: 'Keep existing wallet',
+     *   keep_existing_desc: 'Export your legacy wallet and securely import the private key to upgrade',
+     *   start_fresh: 'Start fresh',
+     *   start_fresh_desc: 'Removes your legacy wallet and create a brand new upgraded wallet',
+     *   recommended: 'recommended',
+     *   upgrade: 'Upgrade',
+     *   not_now: 'Not now',
+     * }
+     */
+    dyn_upgrade_wallet: {
+        title: string;
+        description: string;
+        eligible_wallets: string;
+        how_to_upgrade: string;
+        keep_existing: string;
+        keep_existing_desc: string;
+        start_fresh: string;
+        start_fresh_desc: string;
+        recommended: string;
+        upgrade: string;
+        not_now: string;
+    };
+    /**
+     * @description copy keys for Dynamic wallet upgrade flow view
+     * @default
+     * {
+     *   title: 'Upgrade your wallet',
+     *   step_wallet_upgrade: '{{walletName}} Upgrade',
+     *   new_wallet_title: 'Create New Wallet',
+     *   new_wallet_coming_soon: 'New wallet creation coming soon...',
+     *   copy_private_key_subtitle: 'Import your wallet key to upgrade your wallet. You will not lose access to any assets. Your wallet will always remain in your control.',
+     *   copy_private_key_title: 'Copy',
+     *   step_2_upgrade_description: 'Paste',
+     *   upgrade_wallet: 'Upgrade Account',
+     *   cancel: 'Cancel',
+     *   export_failed: 'Failed to export wallet',
+     *   upgrade_failed: 'Failed to upgrade wallet',
+     * }
+     */
+    dyn_wallet_upgrade_flow: {
+        title: string;
+        step_wallet_upgrade: string;
+        new_wallet_title: string;
+        new_wallet_coming_soon: string;
+        copy_private_key_subtitle: string;
+        copy_private_key_title: string;
+        step_2_upgrade_description: string;
+        upgrade_wallet: string;
+        cancel: string;
+        export_failed: string;
+        upgrade_failed: string;
+    };
 };

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

@@ -894,6 +894,7 @@ const translation = {
           safari: 'Safari Browser',
         },
         passkey_rename: 'Rename',
+        passkey_delete: 'Delete',
         recovery_button: 'Set up new passkey',
       }
      */
@@ -912,6 +913,7 @@ const translation = {
             passkey: 'Passkey',
         },
         passkey_rename: 'Rename',
+        passkey_delete: 'Delete',
         recovery_button: 'Set up new passkey',
     },
     /**
@@ -2895,6 +2897,80 @@ const translation = {
     dyn_search: {
         clear: 'Clear',
     },
+    /**
+     * @description copy keys for account upgraded view
+     * @default
+     * {
+     *   title: 'Account Upgraded',
+     *   message: 'All done! You've got the latest version — more powerful, flexible, and ready for what's next.',
+     *   continue_button: 'Continue',
+     * }
+     */
+    dyn_account_upgraded: {
+        title: 'Account Upgraded',
+        message: "All done! You've got the latest version — more powerful, flexible, and ready for what's next.",
+        continue_button: 'Continue',
+    },
+    /**
+     * @description copy keys for Dynamic WaaS upgrade view
+     * @default
+     * {
+     *   title: 'Upgrade your account',
+     *   description: 'A new version of your account is available, with better security and easier recovery.',
+     *   eligible_wallets: 'Eligible wallets',
+     *   how_to_upgrade: 'How would you like to upgrade?',
+     *   keep_existing: 'Keep existing wallet',
+     *   keep_existing_desc: 'Export your legacy wallet and securely import the private key to upgrade',
+     *   start_fresh: 'Start fresh',
+     *   start_fresh_desc: 'Removes your legacy wallet and create a brand new upgraded wallet',
+     *   recommended: 'recommended',
+     *   upgrade: 'Upgrade',
+     *   not_now: 'Not now',
+     * }
+     */
+    dyn_upgrade_wallet: {
+        title: 'Upgrade your account',
+        description: 'A new version of your account is available, with better security and easier recovery.',
+        eligible_wallets: 'Eligible wallets',
+        how_to_upgrade: 'How would you like to upgrade?',
+        keep_existing: 'Keep existing wallet',
+        keep_existing_desc: 'Export your legacy wallet and securely import the private key to upgrade',
+        start_fresh: 'Start fresh',
+        start_fresh_desc: 'Removes your legacy wallet and create a brand new upgraded wallet',
+        recommended: 'recommended',
+        upgrade: 'Upgrade',
+        not_now: 'Not now',
+    },
+    /**
+     * @description copy keys for Dynamic wallet upgrade flow view
+     * @default
+     * {
+     *   title: 'Upgrade your wallet',
+     *   step_wallet_upgrade: '{{walletName}} Upgrade',
+     *   new_wallet_title: 'Create New Wallet',
+     *   new_wallet_coming_soon: 'New wallet creation coming soon...',
+     *   copy_private_key_subtitle: 'Import your wallet key to upgrade your wallet. You will not lose access to any assets. Your wallet will always remain in your control.',
+     *   copy_private_key_title: 'Copy',
+     *   step_2_upgrade_description: 'Paste',
+     *   upgrade_wallet: 'Upgrade Account',
+     *   cancel: 'Cancel',
+     *   export_failed: 'Failed to export wallet',
+     *   upgrade_failed: 'Failed to upgrade wallet',
+     * }
+     */
+    dyn_wallet_upgrade_flow: {
+        title: 'Upgrade your wallet',
+        step_wallet_upgrade: '{{walletName}} Upgrade',
+        new_wallet_title: 'Create New Wallet',
+        new_wallet_coming_soon: 'New wallet creation coming soon...',
+        copy_private_key_subtitle: 'Import your wallet key to upgrade your wallet. You will not lose access to any assets. Your wallet will always remain in your control.',
+        copy_private_key_title: 'Copy',
+        step_2_upgrade_description: 'Paste',
+        upgrade_wallet: 'Upgrade Account',
+        cancel: 'Cancel',
+        export_failed: 'Failed to export wallet',
+        upgrade_failed: 'Failed to upgrade wallet',
+    },
 };
 
 export { translation };

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

@@ -123,4 +123,5 @@ 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 UpgradeIcon } from './upgrade.svg';
 export { ReactComponent as WhiteCheck } from './white-check-black-circle.svg';

package/src/lib/shared/assets/sparkles.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 SvgSparkles = function SvgSparkles(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32",
+    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: "M6.667 2.667C7.403 2.667 8 3.264 8 4v1.333h1.333a1.333 1.333 0 0 1 0 2.667H8v1.333a1.333 1.333 0 1 1-2.667 0V8H4a1.333 1.333 0 0 1 0-2.667h1.333V4c0-.736.597-1.333 1.334-1.333Zm10.666 0c.574 0 1.084.367 1.265.911l2.847 8.54 7.023 2.634a1.333 1.333 0 0 1 0 2.496l-7.023 2.634-2.847 8.54a1.333 1.333 0 0 1-2.53 0l-2.846-8.54-7.023-2.634a1.333 1.333 0 0 1 0-2.496l7.023-2.634 2.846-8.54a1.333 1.333 0 0 1 1.265-.911Zm0 5.55-1.782 5.348c-.128.381-.42.685-.797.826L10.464 16l4.29 1.609c.377.141.67.445.797.826l1.782 5.349 1.783-5.348c.127-.382.42-.686.797-.827L24.203 16l-4.29-1.609a1.333 1.333 0 0 1-.797-.826l-1.783-5.349ZM8 21.332c.736 0 1.333.597 1.333 1.334V24h1.334a1.333 1.333 0 0 1 0 2.667H9.333V28a1.333 1.333 0 1 1-2.666 0v-1.333H5.333a1.333 1.333 0 0 1 0-2.667h1.334v-1.333c0-.737.597-1.334 1.333-1.334Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgSparkles;

package/src/lib/shared/assets/sparkles.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 SvgSparkles = function SvgSparkles(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 32,
+    height: 32,
+    viewBox: "0 0 32 32",
+    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: "M6.667 2.667C7.403 2.667 8 3.264 8 4v1.333h1.333a1.333 1.333 0 0 1 0 2.667H8v1.333a1.333 1.333 0 1 1-2.667 0V8H4a1.333 1.333 0 0 1 0-2.667h1.333V4c0-.736.597-1.333 1.334-1.333Zm10.666 0c.574 0 1.084.367 1.265.911l2.847 8.54 7.023 2.634a1.333 1.333 0 0 1 0 2.496l-7.023 2.634-2.847 8.54a1.333 1.333 0 0 1-2.53 0l-2.846-8.54-7.023-2.634a1.333 1.333 0 0 1 0-2.496l7.023-2.634 2.846-8.54a1.333 1.333 0 0 1 1.265-.911Zm0 5.55-1.782 5.348c-.128.381-.42.685-.797.826L10.464 16l4.29 1.609c.377.141.67.445.797.826l1.782 5.349 1.783-5.348c.127-.382.42-.686.797-.827L24.203 16l-4.29-1.609a1.333 1.333 0 0 1-.797-.826l-1.783-5.349ZM8 21.332c.736 0 1.333.597 1.333 1.334V24h1.334a1.333 1.333 0 0 1 0 2.667H9.333V28a1.333 1.333 0 1 1-2.666 0v-1.333H5.333a1.333 1.333 0 0 1 0-2.667h1.334v-1.333c0-.737.597-1.334 1.333-1.334Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgSparkles as ReactComponent };

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

@@ -0,0 +1,93 @@
+'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 SvgUpgrade = function SvgUpgrade(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 328,
+    height: 112,
+    viewBox: "0 0 328 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#upgrade_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 164.5,
+    cy: 114,
+    r: 114,
+    fill: "url(#upgrade_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M138.586 37.408s12.282 9.32 30.953-8.106c16.582-15.477 30.121 8.941 30.216 20.635.123 15.148-16.582 27.268-8.475 37.217 8.107 9.95-16.077 26.379-29.111 12.16-16.213-17.687-20.605-3.316-29.847-3.316-6.633 0-20.251-16.481-11.055-28.742 7.739-10.318 3.518-13.742 1.475-17.32-2.948-5.158 4.053-19.16 15.844-12.528Z",
+    fill: "#DEE9FF"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M193.356 31.055a7.764 7.764 0 0 1-8.274 7.741 7.76 7.76 0 1 1 8.274-7.74Z",
+    fill: "#A2BDFF"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M186.574 31.65c-.501.389-1.201 1.165-.99 2.89-.234.67-1.069 1.95-1.069 2.563 0 .612-1.002.723-1.113.556-.111-.168-.167-2.282-.779-2.671-.612-.39-.501-2.17-.501-2.17s.223-.668-.501-1.113c-.723-.445-1.227-1.502-.585-2.115.641-.612-1.084-1.001-1.306-1.446-.095-.19-.458-.612-.843-1.034a7.799 7.799 0 0 1 3.588-3.179c.569.594 1.061 1.355.927 2.154.022.39 1.713 1.001.885 1.836-.829.835-1.954 2.003 0 2.393 1.953.39 2.788.946 2.287 1.335ZM191.019 25.5c-.417.879-1.46 1.587-2.052 1.587-.668-.724-2.115.278-2.25-.89-.079-.682.697-1.739 1.359-2.505a7.777 7.777 0 0 1 2.943 1.809ZM193.326 31.734a7.74 7.74 0 0 1-2.46 5.02c-.257-.246-.474-.534-.397-.764.167-.501.846-1.559.729-2.226-.109-.623.466-2.509 2.128-2.03Z",
+    fill: "#0E84E5"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M180.69 70.309a21.881 21.881 0 0 1-1.227 4.48c-3.696 9.468-13.612 15.4-24.046 13.695a22.016 22.016 0 0 1-18.014-26.147c2.354-11.517 13.406-19.214 25.112-17.302a21.88 21.88 0 0 1 9.628 4.09 21.659 21.659 0 0 1 2.611 2.299 22 22 0 0 1 5.936 18.884Z",
+    fill: "#699CFF"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M179.463 74.79c-4.192 2.698-9.142 5.194-14.6 7.259-5.557 2.1-11.014 3.52-16.016 4.263-11.753 1.752-20.983-.206-23.063-5.707-1.948-5.139 2.843-12.098 11.619-18.268a21.656 21.656 0 0 0-.446 4.11c-5.057 3.904-7.688 7.727-6.651 10.47 1.009 2.667 5.291 3.802 11.383 3.48 5.955-.314 13.64-2.029 21.684-5.07 6.957-2.633 13.058-5.834 17.6-9.05 6.082-4.299 9.38-8.625 8.242-11.643-1.171-3.098-6.756-4.131-14.461-3.21a21.591 21.591 0 0 0-2.611-2.298c10.786-1.247 19.099.79 21.058 5.972 2.1 5.542-3.625 13.193-13.738 19.692Z",
+    fill: "#0E84E5"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    id: "upgrade_svg__b",
+    x1: 164.5,
+    y1: 0,
+    x2: 164.5,
+    y2: 93.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "upgrade_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("rect", {
+    x: 0.5,
+    width: 327,
+    height: 112,
+    rx: 12,
+    fill: "#fff"
+  })))));
+};
+
+exports.ReactComponent = SvgUpgrade;

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

@@ -0,0 +1,69 @@
+'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 SvgUpgrade = function SvgUpgrade(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 328,
+    height: 112,
+    viewBox: "0 0 328 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#upgrade_svg__a)"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 164.5,
+    cy: 114,
+    r: 114,
+    fill: "url(#upgrade_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M138.586 37.408s12.282 9.32 30.953-8.106c16.582-15.477 30.121 8.941 30.216 20.635.123 15.148-16.582 27.268-8.475 37.217 8.107 9.95-16.077 26.379-29.111 12.16-16.213-17.687-20.605-3.316-29.847-3.316-6.633 0-20.251-16.481-11.055-28.742 7.739-10.318 3.518-13.742 1.475-17.32-2.948-5.158 4.053-19.16 15.844-12.528Z",
+    fill: "#DEE9FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M193.356 31.055a7.764 7.764 0 0 1-8.274 7.741 7.76 7.76 0 1 1 8.274-7.74Z",
+    fill: "#A2BDFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M186.574 31.65c-.501.389-1.201 1.165-.99 2.89-.234.67-1.069 1.95-1.069 2.563 0 .612-1.002.723-1.113.556-.111-.168-.167-2.282-.779-2.671-.612-.39-.501-2.17-.501-2.17s.223-.668-.501-1.113c-.723-.445-1.227-1.502-.585-2.115.641-.612-1.084-1.001-1.306-1.446-.095-.19-.458-.612-.843-1.034a7.799 7.799 0 0 1 3.588-3.179c.569.594 1.061 1.355.927 2.154.022.39 1.713 1.001.885 1.836-.829.835-1.954 2.003 0 2.393 1.953.39 2.788.946 2.287 1.335ZM191.019 25.5c-.417.879-1.46 1.587-2.052 1.587-.668-.724-2.115.278-2.25-.89-.079-.682.697-1.739 1.359-2.505a7.777 7.777 0 0 1 2.943 1.809ZM193.326 31.734a7.74 7.74 0 0 1-2.46 5.02c-.257-.246-.474-.534-.397-.764.167-.501.846-1.559.729-2.226-.109-.623.466-2.509 2.128-2.03Z",
+    fill: "#0E84E5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M180.69 70.309a21.881 21.881 0 0 1-1.227 4.48c-3.696 9.468-13.612 15.4-24.046 13.695a22.016 22.016 0 0 1-18.014-26.147c2.354-11.517 13.406-19.214 25.112-17.302a21.88 21.88 0 0 1 9.628 4.09 21.659 21.659 0 0 1 2.611 2.299 22 22 0 0 1 5.936 18.884Z",
+    fill: "#699CFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179.463 74.79c-4.192 2.698-9.142 5.194-14.6 7.259-5.557 2.1-11.014 3.52-16.016 4.263-11.753 1.752-20.983-.206-23.063-5.707-1.948-5.139 2.843-12.098 11.619-18.268a21.656 21.656 0 0 0-.446 4.11c-5.057 3.904-7.688 7.727-6.651 10.47 1.009 2.667 5.291 3.802 11.383 3.48 5.955-.314 13.64-2.029 21.684-5.07 6.957-2.633 13.058-5.834 17.6-9.05 6.082-4.299 9.38-8.625 8.242-11.643-1.171-3.098-6.756-4.131-14.461-3.21a21.591 21.591 0 0 0-2.611-2.298c10.786-1.247 19.099.79 21.058 5.972 2.1 5.542-3.625 13.193-13.738 19.692Z",
+    fill: "#0E84E5"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upgrade_svg__b",
+    x1: 164.5,
+    y1: 0,
+    x2: 164.5,
+    y2: 93.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "upgrade_svg__a"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 0.5,
+    width: 327,
+    height: 112,
+    rx: 12,
+    fill: "#fff"
+  })))));
+};
+
+export { SvgUpgrade as ReactComponent };