@multiplatform.one/web3 5.1.0 → 6.0.0

package/src/connectkit/localizations/locales/zh-CN.ts

@@ -1,117 +0,0 @@
-import { LocaleProps } from './';
-import enUS from './en-US';
-
-const zhCN: LocaleProps = {
-  ...enUS, // fallback
-  connectWallet: '绑定钱包',
-  disconnect: '解除绑定',
-  connected: '已绑定',
-  wrongNetwork: '错误网络',
-  switchNetworks: '切换网络',
-  chainNetwork: '{{ CHAIN }}网络',
-  copyToClipboard: '复制到剪贴板',
-  copyCode: '复制代码',
-  moreInformation: '更多信息',
-  back: '返回',
-  close: '关闭',
-  or: '或',
-  more: '更多',
-  tryAgain: '重试',
-  tryAgainQuestion: '重试？',
-  dontHaveTheApp: '没有该应用？',
-  scanTheQRCode: '扫描二维码',
-  useWalletConnectModal: '使用 WalletConnect 模态窗',
-  useModal: '使用模态窗',
-  installTheExtension: '安装扩展程序',
-  getWalletName: '获取{{ CONNECTORNAME }}',
-  otherWallets: '其他钱包',
-  learnMore: '了解更多',
-  getWallet: '获取钱包',
-  approveInWallet: '在钱包中批准',
-  confirmInWallet: '在钱包中确认',
-  awaitingConfirmation: '等待确认',
-  signIn: '登录',
-  signOut: '登出',
-  signedIn: '已登录',
-  signedOut: '已登出',
-  walletNotConnected: '钱包未绑定',
-
-  warnings_walletSwitchingUnsupported: `您的钱包不支持从此应用切换网络。`,
-  warnings_walletSwitchingUnsupportedResolve: `请尝试从钱包中切换网络。`,
-  warnings_chainUnsupported: `此应用不支持当前连接的网络。`,
-  warnings_chainUnsupportedResolve: `请切换网络或断开连接以继续。`,
-
-  onboardingScreen_heading: `获取钱包`,
-  onboardingScreen_h1: `开始探索 Web3`,
-  onboardingScreen_p: `您的钱包是通往以太坊的一扇大门，而以太坊是探索 Web3 的一项神奇技术。`,
-  onboardingScreen_ctaText: `选择您的第一钱包`,
-  onboardingScreen_ctaUrl: `https://ethereum.org/zh/wallets/find-wallet/`,
-
-  aboutScreen_heading: `关于钱包`,
-  aboutScreen_a_h1: `对于您的数字资产`,
-  aboutScreen_a_p: `有了钱包，您可以发送、接收、存储数字资产及使用数字资产进行交互，例如 NFT 和其他以太坊通证等。`,
-  aboutScreen_b_h1: `更好的登录方式`,
-  aboutScreen_b_p: `使用现代应用，您的钱包可以用作简便的登录方法，而不必记住密码。`,
-  aboutScreen_c_h1: `探索 Web3 世界`,
-  aboutScreen_c_p: `您的钱包是一个重要的工具，可以让您探索并参与到快速发展的 Web3 世界。`,
-  aboutScreen_ctaText: `了解更多`,
-  aboutScreen_ctaUrl: `https://ethereum.org/zh/wallets/`,
-
-  connectorsScreen_heading: `绑定钱包`,
-  connectorsScreen_newcomer: `我没有钱包`,
-  connectorsScreen_h1: `什么是钱包？`,
-  connectorsScreen_p: `钱包可用于发送、接收和存储数字资产。通过绑定钱包，您可以与应用进行交互。`,
-
-  mobileConnectorsScreen_heading: `选择钱包`,
-
-  scanScreen_heading: `手机扫描`,
-  scanScreen_heading_withConnector: `手机扫描{{ CONNECTORNAME }}`,
-  scanScreen_tooltip_walletConnect: `打开 [WALLETCONNECTLOGO] WalletConnect 支持的钱包进行扫描`,
-  scanScreen_tooltip_default: `打开您手机上的{{ CONNECTORNAME }} 进行扫描`,
-
-  downloadAppScreen_heading: `获取{{ CONNECTORNAME }}`,
-  downloadAppScreen_iosAndroid: `使用手机相机扫描以下载 iOS 或 Android 应用。`,
-  downloadAppScreen_ios: `使用手机相机扫描以下载 iOS 应用。`,
-  downloadAppScreen_android: `使用手机相机扫描以下载 Android 应用。`,
-
-  injectionScreen_unavailable_h1: `不支持的浏览器`,
-  injectionScreen_unavailable_p: `要绑定您的{{ CONNECTORSHORTNAME }}钱包，请在{{ SUGGESTEDEXTENSIONBROWSER }}上安装此扩展程序。`,
-
-  injectionScreen_install_h1: `安装{{ CONNECTORNAME }}`,
-  injectionScreen_install_p: `要绑定您的{{ CONNECTORSHORTNAME }}钱包，请安装此浏览器扩展程序。`,
-
-  injectionScreen_connecting_h1: `请求绑定`,
-  injectionScreen_connecting_p: `打开{{ CONNECTORSHORTNAME }}浏览器 扩展程序以绑定您的钱包。`,
-  injectionScreen_connecting_injected_h1: `请求绑定`,
-  injectionScreen_connecting_injected_p: `通过您的钱包接受请求，以绑定到此应用。`,
-
-  injectionScreen_connected_h1: `已绑定`,
-  injectionScreen_connected_p: `现在可以关闭此弹窗`,
-
-  injectionScreen_rejected_h1: `请求已取消`,
-  injectionScreen_rejected_p: `您已取消请求。点击上面可重试。`,
-
-  injectionScreen_failed_h1: `绑定失败`,
-  injectionScreen_failed_p: `抱歉，发生错误。请尝试重新绑定。`,
-
-  injectionScreen_notconnected_h1: `登录{{ CONNECTORNAME }}`,
-  injectionScreen_notconnected_p: `要继续，请登录到您的{{ CONNECTORNAME }}扩展程序。`,
-
-  profileScreen_heading: '已绑定',
-
-  switchNetworkScreen_heading: '切换网络',
-
-  signInWithEthereumScreen_tooltip:
-    '您尚未登录到此应用。\n请选择**使用以太坊登录**以继续。',
-  signInWithEthereumScreen_signedOut_heading: '使用以太坊登录',
-  signInWithEthereumScreen_signedOut_h1: '此应用希望验证您是 此钱包的所有者。',
-  signInWithEthereumScreen_signedOut_p: `请签署钱包中的消息请求 以继续。`,
-  signInWithEthereumScreen_signedOut_button: '登录',
-
-  signInWithEthereumScreen_signedIn_heading: '已使用以太坊登录',
-  signInWithEthereumScreen_signedIn_h1: '您已成功验证自己 是此钱包的所有者。',
-  signInWithEthereumScreen_signedIn_p: `登出后，将来您还需要 再次进行身份验证。`,
-  signInWithEthereumScreen_signedIn_button: '登出',
-};
-
-export default zhCN;

package/src/connectkit/styles/defaultTheme.ts

@@ -1,96 +0,0 @@
-import { Theme, CustomTheme } from './types';
-
-const defaultLightTheme: Theme = {
-  font: {
-    family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,
-  },
-  text: {
-    primary: {
-      color: '#373737',
-    },
-    secondary: {
-      color: '#999999',
-      hover: {
-        color: '#111111',
-      },
-    },
-    error: '#FC6464',
-    valid: '#32D74B',
-  },
-  buttons: {
-    primary: {
-      borderRadius: 16,
-      color: '#000373737000',
-      background: '#FFFFFF',
-      border: '#F0F0F0',
-      hover: {
-        color: '#000000',
-        border: '#1A88F8',
-      },
-    },
-    secondary: {
-      borderRadius: 16,
-      background: '#F6F7F9',
-      color: '#000000',
-    },
-  },
-  navigation: {
-    color: '#999999',
-  },
-  modal: {
-    background: '#ffffff', // need to generate an rgba transparent version of this for Safari
-    divider: '#f7f6f8',
-  },
-  tooltips: {
-    color: '#999999',
-    background: '#ffffff',
-    hover: {
-      background: '#f6f7f9',
-    },
-  },
-  overlay: {
-    background: 'rgba(0, 0, 0, 0.06)',
-  },
-  qrCode: {
-    accentColor: '#F7F6F8',
-  },
-};
-
-// parse into css variables so we can use p3 colors
-const parseTheme = (theme: Theme) => {
-  return theme;
-};
-
-const userPrefersDarkMode = () => {
-  if (typeof window === 'undefined') return false;
-  return (
-    window.matchMedia &&
-    window.matchMedia('(prefers-color-scheme: dark)').matches
-  );
-  /*
-  window
-    .matchMedia('(prefers-color-scheme: dark)')
-    .addEventListener('change', (event) => {
-      userPrefersDarkMode = event.matches;
-    });
-    */
-};
-let darkMode = userPrefersDarkMode();
-
-if (darkMode) {
-}
-
-const defaultTheme: CustomTheme = {
-  connectKit: {
-    options: {
-      iconStyle: 'light',
-    },
-    //theme: parseTheme(defaultLightTheme),
-    theme: {
-      preferred: 'dark',
-      light: parseTheme(defaultLightTheme),
-      dark: parseTheme(defaultLightTheme),
-    },
-  },
-};
-export default defaultTheme;

package/src/connectkit/styles/index.ts

@@ -1,337 +0,0 @@
-import styled from './styled';
-import { css } from 'styled-components';
-import { motion } from 'framer-motion';
-import { CustomTheme } from '../types';
-import { hexToP3 } from '../utils/p3';
-
-import predefinedThemes from './themes';
-
-/**
- * Theme variables for the modal
- */
-const themeGlobals = {
-  default: {
-    '--ck-font-family': `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
-    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
-    'Segoe UI Symbol'`,
-    '--ck-border-radius': '20px',
-    '--ck-secondary-button-border-radius': '16px',
-  },
-  graphics: {
-    light: {
-      '--ck-graphic-wave-stop-01': '#E8F17D',
-      '--ck-graphic-wave-stop-02': '#A8ECDE',
-      '--ck-graphic-wave-stop-03': '#7AA1F2',
-      '--ck-graphic-wave-stop-04': '#DEA1E8',
-      '--ck-graphic-wave-stop-05': '#F46D98',
-
-      '--ck-graphic-scaniconwithlogos-01': '#4E4E4E',
-      '--ck-graphic-scaniconwithlogos-02': '#272727',
-      '--ck-graphic-scaniconwithlogos-03': '#F8D74A',
-      '--ck-graphic-scaniconwithlogos-04': '#F6F7F9',
-
-      '--ck-chain-ethereum-01': '#25292E',
-      '--ck-chain-ethereum-02': '#ffffff',
-      '--ck-chain-ethereum-03': '#DFE0E0',
-    },
-    dark: {
-      '--ck-graphic-wave-stop-01': '#E8F17D',
-      '--ck-graphic-wave-stop-02': '#A8ECDE',
-      '--ck-graphic-wave-stop-03': '#7AA1F2',
-      '--ck-graphic-wave-stop-04': '#DEA1E8',
-      '--ck-graphic-wave-stop-05': '#F46D98',
-
-      '--ck-graphic-scaniconwithlogos-01': '#AFAFAF',
-      '--ck-graphic-scaniconwithlogos-02': '#696969',
-      '--ck-graphic-scaniconwithlogos-03': '#F8D74A',
-      '--ck-graphic-scaniconwithlogos-04': '#3D3D3D',
-
-      //'--ck-chain-ethereum-01': '#fff',
-      //'--ck-chain-ethereum-02': '#000',
-      //'--ck-chain-ethereum-03': '#000',
-    },
-  },
-  ens: {
-    light: {
-      '--ck-ens-01-start': '#FF3B30',
-      '--ck-ens-01-stop': '#FF9500',
-      '--ck-ens-02-start': '#FF9500',
-      '--ck-ens-02-stop': '#FFCC00',
-      '--ck-ens-03-start': '#FFCC00',
-      '--ck-ens-03-stop': '#34C759',
-      '--ck-ens-04-start': '#5856D6',
-      '--ck-ens-04-stop': '#AF52DE',
-      '--ck-ens-05-start': '#5AC8FA',
-      '--ck-ens-05-stop': '#007AFF',
-      '--ck-ens-06-start': '#007AFF',
-      '--ck-ens-06-stop': '#5856D6',
-      '--ck-ens-07-start': '#5856D6',
-      '--ck-ens-07-stop': '#AF52DE',
-      '--ck-ens-08-start': '#AF52DE',
-      '--ck-ens-08-stop': '#FF2D55',
-    },
-    dark: {
-      '--ck-ens-01-start': '#FF453A',
-      '--ck-ens-01-stop': '#FF9F0A',
-      '--ck-ens-02-start': '#FF9F0A',
-      '--ck-ens-02-stop': '#FFD60A',
-      '--ck-ens-03-start': '#FFD60A',
-      '--ck-ens-03-stop': '#32D74B',
-      '--ck-ens-04-start': '#32D74B',
-      '--ck-ens-04-stop': '#64D2FF',
-      '--ck-ens-05-start': '#64D2FF',
-      '--ck-ens-05-stop': '#0A84FF',
-      '--ck-ens-06-start': '#0A84FF',
-      '--ck-ens-06-stop': '#5E5CE6',
-      '--ck-ens-07-start': '#5E5CE6',
-      '--ck-ens-07-stop': '#BF5AF2',
-      '--ck-ens-08-start': '#BF5AF2',
-      '--ck-ens-08-stop': '#FF2D55',
-    },
-  },
-  brand: {
-    '--ck-aave-brand': '#9896FF',
-    '--ck-aave-brand-hover': '#8784FF',
-    '--ck-brand-walletConnect': '#3B99FC',
-    '--ck-brand-coinbaseWallet': '#0052FF',
-    '--ck-brand-metamask': '#FF5C16',
-    '--ck-brand-metamask-bg': '#FFF2EB',
-    '--ck-brand-metamask-01': '#FF5C16',
-    '--ck-brand-metamask-02': '#E34807',
-    '--ck-brand-metamask-03': '#FF8D5D',
-    '--ck-brand-metamask-04': '#661800',
-    '--ck-brand-metamask-05': '#C0C4CD',
-    '--ck-brand-metamask-06': '#E7EBF6',
-    '--ck-brand-trust-01': '#3375BB',
-    '--ck-brand-trust-02': '#ffffff',
-    '--ck-brand-trust-01b': '#ffffff', // dark Theme
-    '--ck-brand-trust-02b': '#3375BB', // dark Theme
-    '--ck-brand-argent': '#f36a3d',
-    '--ck-brand-imtoken-01': '#11C4D1',
-    '--ck-brand-imtoken-02': '#0062AD',
-    '--ck-brand-safe': '#12FF80',
-    '--ck-brand-dawn': '#000000',
-  },
-};
-const themeColors = {
-  light: predefinedThemes.base.light,
-  dark: predefinedThemes.base.dark,
-  web95: predefinedThemes.web95,
-  retro: predefinedThemes.retro,
-  soft: predefinedThemes.soft,
-  midnight: predefinedThemes.midnight,
-  minimal: predefinedThemes.minimal,
-  rounded: predefinedThemes.rounded,
-  nouns: predefinedThemes.nouns,
-};
-
-/**
- *  Automatically use p3 if available
- */
-//  TODO: Don't use :any type
-const createCssVars = (scheme: any, _important?: boolean) => {
-  return css`
-    ${Object.keys(scheme).map((key) => {
-      const value = scheme[key];
-      return value && `${key}:${value};`;
-    })}
-  `;
-};
-const createCssColors = (scheme: any, override?: boolean) => {
-  const important = override ? ' !important' : '';
-  return css`
-    ${Object.keys(scheme).map((key) => {
-      const value = scheme[key];
-      return value && `${key}:${value}${important};`;
-    })}
-    @supports (color: color(display-p3 1 1 1)) {
-      ${Object.keys(scheme).map((key) => {
-        const value = scheme[key];
-        return `${key}:${hexToP3(value)}${important};`;
-      })}
-    }
-  `;
-};
-
-const themes = {
-  default: createCssVars(themeGlobals.default),
-  light: createCssColors(themeColors.light),
-  dark: createCssColors(themeColors.dark),
-  web95: createCssColors(themeColors.web95),
-  retro: createCssColors(themeColors.retro),
-  soft: createCssColors(themeColors.soft),
-  midnight: createCssColors(themeColors.midnight),
-  minimal: createCssColors(themeColors.minimal),
-  rounded: createCssColors(themeColors.rounded),
-  nouns: createCssColors(themeColors.nouns),
-};
-const globals = {
-  brand: createCssColors(themeGlobals.brand),
-  ensLight: createCssColors(themeGlobals.ens.light),
-  ensDark: createCssColors(themeGlobals.ens.dark),
-  graphicsLight: createCssColors(themeGlobals.graphics.light),
-  graphicsDark: createCssColors(themeGlobals.graphics.dark),
-};
-
-const globalsLight = css`
-  ${globals.brand}
-  ${globals.ensLight}
-  ${globals.graphicsLight}
-`;
-const globalsDark = css`
-  ${globals.brand}
-  ${globals.ensDark}
-  ${globals.graphicsDark}
-`;
-
-/*
- *  Reset stylings to avoid conflicting with the parent websites styling
- * Automatically apply theme based on system theme
- */
-// TODO: Think more about how to reset our components as to not be affected by external stylings
-// TODO: Merge theme objects instead of overriding
-
-let mode = 'auto';
-export const ResetContainer = styled(motion.div)<{
-  $useTheme?: string;
-  $useMode?: string;
-  $customTheme?: CustomTheme;
-}>`
-  ${themes.default}
-
-  ${(props) => {
-    switch (props.$useTheme) {
-      case 'web95':
-        mode = 'light';
-        return themes.web95;
-      case 'retro':
-        mode = 'light';
-        return themes.retro;
-      case 'soft':
-        mode = 'light';
-        return themes.soft;
-      case 'midnight':
-        mode = 'dark';
-        return themes.midnight;
-      case 'minimal':
-        mode = 'light';
-        return themes.minimal;
-      case 'rounded':
-        mode = 'light';
-        return themes.rounded;
-      case 'nouns':
-        mode = 'light';
-        return themes.nouns;
-      default:
-        if (props.$useMode === 'light') {
-          mode = 'light';
-          return themes.light;
-        } else if (props.$useMode === 'dark') {
-          mode = 'dark';
-          return themes.dark;
-        } else {
-          return css`
-            @media (prefers-color-scheme: light) {
-              ${themes.light}
-            }
-            @media (prefers-color-scheme: dark) {
-              ${themes.dark}
-            }
-          `;
-        }
-    }
-  }}
-
-  ${() => {
-    switch (mode) {
-      case 'light':
-        return globalsLight;
-      case 'dark':
-        return globalsDark;
-      default:
-        return css`
-          ${globalsLight}
-          @media (prefers-color-scheme: dark) {
-            ${globalsDark}
-          }
-        `;
-    }
-  }}
-
-  ${(props) => {
-    if (
-      props.$customTheme &&
-      props.$customTheme['--ck-accent-color'] &&
-      ['light', 'dark', 'auto', '', undefined].includes(props.$useTheme)
-    ) {
-      const accentColor = props.$customTheme['--ck-accent-color'];
-      const accentTextColor =
-        props.$customTheme['--ck-accent-text-color'] ?? '#ffffff';
-      return {
-        '--ck-accent-color': accentColor,
-        '--ck-accent-text-color': accentTextColor,
-        // '--ck-connectbutton-color': accentTextColor,
-        // '--ck-connectbutton-background': accentColor,
-        // '--ck-connectbutton-background-hover': accentColor,
-        // '--ck-connectbutton-background-active': LightenDarkenColor(
-        // accentColor,
-        // 20
-        // ),
-        '--ck-secondary-button-background': accentColor,
-        '--ck-secondary-button-hover-background': accentColor,
-        '--ck-secondary-button-color': accentTextColor,
-        '--ck-button-primary-color': accentTextColor,
-        '--ck-focus-color': accentColor,
-      };
-    }
-    if (props.$customTheme) {
-      return createCssColors(props.$customTheme, true);
-    }
-  }}
-
-  all: initial;
-  text-align: left;
-  text-direction: ltr;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-text-stroke: 0.001px transparent;
-  text-size-adjust: none;
-  font-size: 16px;
-
-  button {
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-text-stroke: 0.001px transparent;
-  }
-
-  &,
-  * {
-    font-family: var(--ck-font-family);
-    box-sizing: border-box;
-    outline: none;
-    border: none;
-  }
-  /*
-  @media (prefers-reduced-motion) {
-    * {
-      animation-duration: 60ms !important;
-      transition-duration: 60ms !important;
-    }
-  }
-  */
-  img,
-  svg {
-    max-width: 100%;
-  }
-  strong {
-    font-weight: 600;
-  }
-  a:focus-visible,
-  button:focus-visible {
-    outline: 2px solid var(--ck-focus-color);
-  }
-`;

package/src/connectkit/styles/styled/index.ts

@@ -1,13 +0,0 @@
-/**
- *
- * IMPORTANT NOTE: This file is a workaround for the following issue:
- *
- * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into "styled.default" rather than just within "styled"
- *
- * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:
- * https://github.com/family/connectkit/discussions/new
- *
- */
-
-import styled from 'styled-components';
-export default typeof styled.div === 'function' ? styled : styled['default'];