@particle-network/authkit/dist/cjs/index.cjs.map

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

{
  "version": 3,
  "sources": ["../../src/api/model/authError.ts", "../../src/components/loading/index.tsx", "../../src/repository/index.ts", "../../src/api/model/bundle.ts", "../../src/api/master-password.ts", "../../src/utils/index.ts", "../../src/utils/sendAnalyticsActive.ts", "../../src/context/types.ts", "../../src/context/hooks/useLogin.ts", "../../src/common/icon/arrow1_icon.svg", "../../src/common/icon/arrow_icon.svg", "../../src/common/icon/arrow_right_icon.svg", "../../src/common/icon/backspace.svg", "../../src/common/icon/circle_back.svg", "../../src/common/icon/circle_close.svg", "../../src/common/icon/collapse_icon.svg", "../../src/common/icon/copy.svg", "../../src/common/icon/eye_close.svg", "../../src/common/icon/eye_open.svg", "../../src/common/icon/facebook_icon.svg", "../../src/common/icon/google_icon.svg", "../../src/common/icon/master_password.svg", "../../src/common/icon/menu.svg", "../../src/common/icon/passkeys_icon.svg", "../../src/common/icon/refresh_icon.svg", "../../src/common/icon/security.svg", "../../src/common/icon/security_icon.svg", "../../src/common/icon/transaction_icon.svg", "../../src/common/icon/twitter_icon.svg", "../../src/common/icon/wallet.svg", "../../src/common/icon/wallet_icon.svg", "../../src/components/icon/icons.ts", "../../src/components/icon/svg-icon.tsx", "../../src/common/config/index.ts", "../../src/context/hooks/useMessage.ts", "../../src/context/hooks/useAuthCore.ts", "../../src/context/hooks/useConnect.ts", "../../src/context/hooks/useCustomize.ts", "../../src/utils/chain-utils.ts", "../../src/utils/common-utils.ts", "../../src/utils/number-utils.ts", "../../src/utils/transaction-utils.ts", "../../src/utils/evmSendTransaction.ts", "../../src/context/evmProvider.ts", "../../src/context/hooks/useUserInfo.ts", "../../src/context/hooks/useEthereum.ts", "../../src/context/hooks/useIsMounted.ts", "../../src/context/solanaWallet.ts", "../../src/context/hooks/useSolana.ts", "../../src/context/hooks/index.ts", "../../src/components/power-footer.tsx", "../../src/components/socialLoading/index.tsx", "../../src/pages/index/index.tsx", "../../src/components/react-auth-code-input/index.tsx", "../../src/pages/login/components/captcha-input.tsx", "../../src/pages/login/components/email-login.tsx", "../../src/api/model/all-countries.ts", "../../src/pages/login/components/phone-login.tsx", "../../src/pages/login/components/social-login.tsx", "../../src/pages/login/index.tsx", "../../src/components/header/index.tsx", "../../src/components/icon/circle-close.tsx", "../../src/pages/account/bindSecurityAccountPrompt/index.tsx", "../../src/pages/account/security/index.tsx", "../../src/pages/loginAccount/index.tsx", "../../src/pages/manageDevices/deviceList/index.tsx", "../../src/pages/manageDevices/deviceDetails/index.tsx", "../../src/api/getPublicAddress.ts", "../../src/components/icon/icon-copy.tsx", "../../src/context/hooks/useError.ts", "../../src/context/hooks/usePaymentPassword.ts", "../../src/utils/ethereumUtils.ts", "../../src/pages/sign/evmContextProvider.tsx", "../../src/context/hooks/usePending.tsx", "../../src/pages/sign/riskTypography/index.tsx", "../../src/pages/sign/riskReminder/index.tsx", "../../src/components/icon-edit-pen.tsx", "../../src/components/icon-to.tsx", "../../src/pages/sign/components/gas-display.tsx", "../../src/pages/sign/components/no-gas.tsx", "../../src/pages/sign/components/NewErcTransfers.tsx", "../../src/utils/isTelegramWebApp.ts", "../../src/components/particle-drawer/index.tsx", "../../src/pages/sign/components/evm-gas.tsx", "../../src/pages/sign/components/menu.tsx", "../../src/pages/sign/components/evm-sign.tsx", "../../src/pages/sign/index.tsx", "../../src/utils/solana-utils.ts", "../../src/pages/sign/components/info-sign.tsx", "../../src/pages/account/accountBind/captcha-input.tsx", "../../src/pages/account/accountBind/index.tsx", "../../src/pages/account/accountVerify/index.tsx", "../../src/components/eyeIcon/index.tsx", "../../src/components/input-password/index.tsx", "../../src/pages/account/setMasterPasswordSuccess/index.tsx", "../../src/pages/account/setMasterPassword/masterPasswordLoading.tsx", "../../src/pages/account/setMasterPassword/index.tsx", "../../src/pages/account/masterPasswordDescription/index.tsx", "../../src/pages/account/masterPasswordVerify/index.tsx", "../../src/pages/account/masterPasswordModal/index.tsx", "../../src/pages/account/masterPasswordChange/index.tsx", "../../src/pages/account/ParticleKeywords/index.tsx", "../../src/pages/account/setPaymentPassword/index.tsx", "../../src/pages/account/changePaymentPassword/index.tsx", "../../src/components/phoneInputItem/index.tsx", "../../src/pages/loginAccountBind/index.tsx", "../../src/pages/account/loginAccountBindLoading/index.tsx", "../../src/components/customRouter/index.tsx", "../../src/context/hooks/useFocusTrap.ts", "../../src/components/focusTrap/index.tsx", "../../src/components/particle-modal/index.tsx", "../../src/components/particle-modal/authCoreModalContainer.tsx", "../../src/locales/index.ts", "../../src/utils/authorizeUtils.ts", "../../src/utils/version.ts", "../../src/utils/isSocialLogin.ts", "../../src/context/providerInject.tsx", "../../src/context/web3ModalProvider.tsx", "../../src/context/iframeWalletPlugin.tsx", "../../src/pages/account/accountTipModal/index.tsx", "../../src/pages/account/paymentVerifyModal/index.tsx", "../../src/pages/account/wrongPasswordModal/index.tsx", "../../src/pages/account/selectSecurityAccount/index.tsx", "../../src/context/index.tsx", "../../src/index.ts", "../../src/types/currency.ts"],
  "sourcesContent": ["export class AuthError {\n  constructor(public code: number, public message: string) {\n    this.code = code;\n    this.message = message;\n  }\n\n  public static feeError() {\n    return new AuthError(8101, 'maxFeePerGas cannot be less than maxPriorityFeePerGas');\n  }\n\n  public static userRejectedRequest() {\n    return new AuthError(4001, 'The user rejected the request');\n  }\n\n  public static userCancelOperation() {\n    return new AuthError(4011, 'The user canceled operation.');\n  }\n\n  public static unauthorized() {\n    return new AuthError(4100, 'The requested method and/or account has not been authorized by the user');\n  }\n\n  public static systemError() {\n    return new AuthError(8001, 'System Error');\n  }\n\n  public static paramsError() {\n    return new AuthError(8002, 'Param error, see doc for more info');\n  }\n\n  public static notLogin() {\n    return new AuthError(8005, 'Please connect first!');\n  }\n\n  public static walletNotCreated() {\n    return new AuthError(8006, 'Wallet not created');\n  }\n\n  public static authorizeError() {\n    return new AuthError(8007, 'Authorize error');\n  }\n\n  public static network() {\n    return new AuthError(8011, 'Network error');\n  }\n\n  public static unknown(message: string) {\n    return new AuthError(9000, message);\n  }\n\n  public static pending(method: string) {\n    return new AuthError(-32002, `Request of type ${method} already pending, please wait.`);\n  }\n}\n", "import React from 'react';\nimport styles from './index.less';\n\nconst ParticleLoading = () => {\n  return (\n    <>\n      <style>{styles as unknown as string}</style>\n      <div className='loading-content'>\n        <div className='lds-default'>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n        <div className='power-text'>Powered by</div>\n        <div className='logo-text'>Particle Network</div>\n      </div>\n    </>\n  );\n};\n\nexport default ParticleLoading;\n", "export function save(key: string, value: string | null) {\n  if (value) {\n    localStorage.setItem(key, value);\n  } else {\n    removeItem(key);\n  }\n}\n\nexport function load(key: string): string | null {\n  return localStorage.getItem(key);\n}\n\nexport function once(key: string): boolean {\n  const value = localStorage.getItem(key);\n\n  if (!value) {\n    localStorage.setItem(key, '1');\n  }\n  return Boolean(value);\n}\n\nexport function removeItem(key: string) {\n  localStorage.removeItem(key);\n}\n\nexport class PreferenceKey {\n  static PN_OPEN_SET_PAYMENT_PASSWORD = 'PN_OPEN_SET_PAYMENT_PASSWORD';\n  static PN_OPEN_SET_MASTER_PASSWORD = 'PN_OPEN_SET_MASTER_PASSWORD';\n}\n", "export interface AuthorizationOptions {\n  message?: string;\n  uniq?: boolean;\n}\n\nexport enum PromptSettingType {\n  /**\n   * \u4E0D\u63D0\u9192\n   */\n  none = 0,\n  /**\n   * \u9996\u6B21\u63D0\u9192\n   */\n  first = 1,\n  /**\n   * \u6BCF\u6B21\u90FD\u63D0\u9192\n   */\n  every = 2,\n  /**\n   * \u6BCF\u6B21\u90FD\u63D0\u9192\uFF0C\u4E14\u4E0D\u53EF\u8DF3\u8FC7\n   */\n  everyAndNotSkip = 3,\n}\n\nexport interface PromptSettingConfig {\n  promptPaymentPasswordSettingWhenSign?: PromptSettingType | boolean; // 0: \u4E0D\u63D0\u9192\uFF0C 1: \u9996\u6B21\u63D0\u9192\uFF0C 2: \u6BCF\u6B21\u90FD\u63D0\u9192, 3: \u6BCF\u6B21\u90FD\u63D0\u9192\uFF0C\u4E14\u4E0D\u53EF\u8DF3\u8FC7\n  promptMasterPasswordSettingWhenLogin?: PromptSettingType | boolean; // 0: \u4E0D\u63D0\u9192\uFF0C 1: \u9996\u6B21\u63D0\u9192\uFF0C 2: \u6BCF\u6B21\u90FD\u63D0\u9192\uFF0C 3: \u6BCF\u6B21\u90FD\u63D0\u9192\uFF0C\u4E14\u4E0D\u53EF\u8DF3\u8FC7\n}\n", "import { PreferenceKey, once } from '../repository';\nimport { PromptSettingType } from './model/bundle';\n\nexport const isPromptSetMasterPassword = (promptMasterPasswordSettingWhenLogin?: number | boolean) => {\n  if (\n    promptMasterPasswordSettingWhenLogin === PromptSettingType.every ||\n    promptMasterPasswordSettingWhenLogin === PromptSettingType.everyAndNotSkip\n  ) {\n    return true;\n  } else if (promptMasterPasswordSettingWhenLogin || promptMasterPasswordSettingWhenLogin === PromptSettingType.first) {\n    return !once(PreferenceKey.PN_OPEN_SET_MASTER_PASSWORD);\n  } else {\n    return false;\n  }\n};\n", "import type { CountryCode } from 'libphonenumber-js/max';\nimport { isValidPhoneNumber, parsePhoneNumberWithError } from 'libphonenumber-js/max';\nimport darkApple from '../common/images/apple_dark_icon.png';\nimport apple from '../common/images/apple_icon.png';\nimport discord from '../common/images/discord_icon.png';\nimport email from '../common/images/email_icon.png';\nimport facebook from '../common/images/facebook_icon.png';\nimport darkGithub from '../common/images/github_dark_icon.png';\nimport github from '../common/images/github_icon.png';\nimport google from '../common/images/google_icon.png';\nimport jwt from '../common/images/jwt_icon.png';\nimport linkedin from '../common/images/linkedin_icon.png';\nimport microsoft from '../common/images/microsoft_icon.png';\nimport passkeys from '../common/images/passkeys_icon.png';\nimport phone from '../common/images/phone_icon.png';\nimport twitch from '../common/images/twitch_icon.png';\nimport darkTwitter from '../common/images/twitter_dark_icon.png';\nimport twitter from '../common/images/twitter_icon.png';\nimport type { Theme } from '../types';\n\nexport const ipfsToSrc = (ipfs: string) => {\n  if (!ipfs || !ipfs.startsWith('ipfs://')) {\n    return ipfs || '';\n  }\n\n  return `https://ipfs.io/ipfs/${encodeURI(ipfs.slice(7))}`;\n};\n\nexport const EmailRegExp = /^\\w+([-+.]\\w+)*@[a-zA-Z0-9]+([.-][a-zA-Z0-9]+)*\\.[a-zA-Z0-9]+([.-][a-zA-Z0-9]+)*$/;\n\nexport const PhoneRegExp = /^[0-9]{4,16}$/;\n\nexport const PhoneE164Exp = /^\\+[1-9]\\d{4,14}$/;\n\nexport function isValidEmail(email?: string) {\n  if (email && EmailRegExp.test(email)) {\n    return email;\n  }\n}\n\nexport function isPhoneValid(phone: string, regionCode: string): boolean {\n  if (!phone || phone.length < 5) {\n    return false;\n  }\n  const countryCode = regionCode?.toUpperCase() as CountryCode;\n  const result = isValidPhoneNumber(phone, countryCode);\n  return result;\n}\n\nexport const isValidE164PhoneNumber = (phone: string | undefined) => {\n  if (phone && PhoneE164Exp.test(phone)) {\n    try {\n      if (isValidPhoneNumber(phone)) {\n        const e164Phone = parsePhoneNumberWithError(phone).format('E.164');\n        return e164Phone;\n      }\n    } catch (e) {\n      // ignore\n    }\n  }\n};\n\nexport function isValidCaptcha(code?: string) {\n  return code && code.match(/^\\d{6}$/);\n}\n\nexport const isAutoFocusSupported = () => {\n  return true;\n};\n\nexport const isMobile = () => {\n  if (isServer()) return false;\n  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n};\n\nexport const isServer = () => typeof window === 'undefined';\n\nexport const isClient = () => typeof window !== 'undefined';\n\nexport const getLoginLogos = (theme?: Theme): Record<string, string> => {\n  const twitterIcon = theme === 'dark' ? darkTwitter : twitter;\n  const githubIcon = theme === 'dark' ? darkGithub : github;\n  const appleIcon = theme === 'dark' ? darkApple : apple;\n  return {\n    email,\n    phone,\n    google,\n    facebook,\n    twitter: twitterIcon,\n    linkedin,\n    github: githubIcon,\n    microsoft,\n    apple: appleIcon,\n    discord,\n    twitch,\n    jwt,\n    passkeys,\n  };\n};\n", "import { analyticsActive, getUserInfo, type UserInfo } from '@particle-network/auth-core';\nimport { isClient } from '.';\n\nexport const sendAnalyticsActive = (\n  action: 'sign' | 'login' | 'open' | 'open_wallet',\n  userInfo?: Omit<UserInfo, 'token'>\n) => {\n  const info = userInfo ?? getUserInfo();\n  if (info && isClient()) {\n    let wallet = info.wallets.find((item) => item.chain_name !== 'solana');\n    if (!wallet?.public_address) {\n      wallet = info.wallets.find((item) => item.chain_name === 'solana');\n    }\n    if (wallet && wallet.public_address) {\n      /* eslint-disable */\n      analyticsActive({\n        chain_id:\n          wallet.chain_name !== 'solana'\n            ? Number(window.particleAuth?.ethereum.chainId)\n            : window.particleAuth?.solana.chainId || 101,\n        identity: info.uuid,\n        login_type: 'particle' as any,\n        action: action as any,\n        wallet_address: wallet.public_address,\n        user_info: JSON.stringify(info),\n      });\n      /* eslint-enable */\n    }\n  }\n};\n", "import type { AuthType, ERC4337Options, ServerError, UserInfo } from '@particle-network/auth-core';\nimport type { WalletCustomStyle, WalletOption } from '@particle-network/wallet';\nimport type { Chain as ViemChain } from 'viem/chains';\nimport type { PromptSettingConfig } from '../api/model/bundle';\nimport type { CurrencyUnit, Theme } from '../types';\n\nexport type ViewType = 'desktop' | 'mobile';\n\nexport interface NavigateOptions {\n  replace?: boolean;\n  back?: boolean;\n  state?: any;\n}\n\nexport interface IAuthCoreModal {\n  rootModalContainer: HTMLDivElement | null;\n  rootBody: HTMLDivElement | null;\n  particleModalVisible: boolean;\n  viewType: ViewType;\n  closable?: boolean;\n}\n\nexport interface ICustomRouter {\n  path: string;\n  replace?: boolean;\n  state?: any;\n  history?: any[];\n  children?: React.ReactNode;\n}\n\nexport enum AuthCoreModalEvent {\n  Login = 'login', // \u767B\u5F55\n  LoginSuccess = 'loginSuccess', // \u767B\u5F55\u6210\u529F\n  LoginFail = 'loginFail', // \u767B\u5F55\u5931\u8D25\n  SignResponse = 'signResponse', // \u7B7E\u540D\u54CD\u5E94\n}\n\nexport type Language = 'en' | 'zh-cn' | 'ja' | 'ko' | 'zh-tw';\n\nexport interface ThemeStyle {\n  primaryBtnColor?: string;\n  primaryBtnBackgroundColor?: string;\n  secondaryBtnColor?: string;\n  secondaryBtnBackgroundColor?: string;\n  textColor?: string;\n  secondaryTextColor?: string;\n  themeBackgroundColor?: string;\n  iconBorderColor?: string;\n  accentColor?: string;\n  inputBackgroundColor?: string;\n  inputBorderColor?: string;\n  inputPlaceholderColor?: string;\n  cardBorderColor?: string;\n  cardUnclickableBackgroundColor?: string;\n  cardUnclickableBorderColor?: string;\n  cardDividerColor?: string;\n  tagBackgroundColor?: string;\n  modalBackgroundColor?: string;\n  tipsBackgroundColor?: string;\n}\n\nexport interface CustomStyle {\n  logo?: string;\n  projectName?: string;\n  subtitle?: string;\n  modalWidth?: number;\n  modalHeight?: number;\n  zIndex?: number;\n  primaryBtnBorderRadius?: number | string;\n  modalBorderRadius?: number | string;\n  cardBorderRadius?: number | string;\n  fontFamily?: string;\n  theme?: {\n    dark?: ThemeStyle;\n    light?: ThemeStyle;\n  };\n}\n\nexport interface AuthCoreModalOptions {\n  projectId: string;\n  clientKey: string;\n  appId: string;\n  authTypes?: AuthType[];\n  themeType?: Theme;\n  fiatCoin?: CurrencyUnit;\n  erc4337?: ERC4337Options;\n  language?: Language;\n  promptSettingConfig?: PromptSettingConfig;\n  customStyle?: CustomStyle;\n  chains: readonly [ViemChain, ...ViemChain[]];\n  wallet?:\n    | (Omit<WalletOption, 'language' | 'erc4337' | 'customStyle'> & {\n        customStyle?: Omit<WalletCustomStyle, 'supportChains'>;\n      })\n    | false;\n  supportEIP6963?: boolean; // defalut true\n  web3Modal?: any; // optional: add to support @web3modal/ethers\n}\n\nexport type ConnectionStatus = 'loading' | 'connecting' | 'connected' | 'disconnected';\n\nexport type SocialConnectCallback = {\n  onSuccess?: (info: UserInfo) => void;\n  onError?: (error: ServerError | Error) => void;\n};\n\nexport interface OpenBuyOptions {\n  network?: string;\n  fiatCoin?: string;\n  cryptoCoin?: string;\n  fiatAmt?: number;\n  fixFiatCoin?: boolean;\n  fixCryptoCoin?: boolean;\n  fixFiatAmt?: boolean;\n  walletAddress?: string;\n}\n\nexport type OpenBuyOptionsKeys = keyof OpenBuyOptions;\n", "import { RecordType } from '@particle-network/analytics';\nimport type {\n  Authorization,\n  Chain,\n  ConnectParam,\n  ConnectWithSocialParam,\n  SocialAuthType,\n} from '@particle-network/auth-core';\nimport { analyticsRecord, connect, thirdpartyAuth } from '@particle-network/auth-core';\nimport base64url from 'base64url';\nimport { useCallback } from 'react';\nimport { useCustomNavigate, useParticleAuth } from '..';\nimport { isPromptSetMasterPassword } from '../../api/master-password';\nimport { AuthPage } from '../../components/customRouter';\nimport { sendAnalyticsActive } from '../../utils/sendAnalyticsActive';\nimport { AuthCoreModalEvent } from '../types';\n\nconst useLogin = () => {\n  const navigate = useCustomNavigate();\n  const { loginSuccessRedirectToApp, modalOptions, events } = useParticleAuth();\n  const loginHandler = useCallback(\n    async (data: ConnectParam, emitError: boolean = true) => {\n      try {\n        if (!data.chain) {\n          data.chain = modalOptions.chains[0];\n        }\n        const userInfo = await connect(data);\n        const { token = '', ...restInfo } = userInfo;\n        sendAnalyticsActive('login', restInfo);\n\n        analyticsRecord({\n          // eslint-disable-next-line camelcase\n          record_type: RecordType.PAGE_LOGIN_BUTTON_CLICK_SUCCESS, // \u767B\u5F55\u6210\u529F\n        });\n        console.log('login successful, check master password');\n\n        if (userInfo.security_account?.has_set_master_password) {\n          console.log('login successful, start verify master password');\n          navigate(AuthPage.MasterPasswordVerify, {\n            replace: true,\n            state: {\n              loginVerifyMasterPassword: true,\n            },\n          });\n        } else {\n          if (isPromptSetMasterPassword(modalOptions.promptSettingConfig?.promptMasterPasswordSettingWhenLogin)) {\n            console.log('login successful, popup set master password');\n            navigate(AuthPage.MasterPasswordPrompt, {\n              replace: true,\n            });\n          } else {\n            loginSuccessRedirectToApp();\n          }\n        }\n      } catch (error) {\n        analyticsRecord({\n          // eslint-disable-next-line camelcase\n          record_type: RecordType.PAGE_LOGIN_BUTTON_CLICK_FAILURE, // \u767B\u5F55\u5931\u8D25\n        });\n        if (emitError) {\n          console.log('login failed, emit LoginFail event', error);\n          events.emit(AuthCoreModalEvent.LoginFail, error);\n        } else {\n          throw error;\n        }\n      }\n    },\n    [modalOptions.promptSettingConfig, navigate, loginSuccessRedirectToApp, modalOptions?.wallet]\n  );\n\n  const socialAuthLogin = useCallback(\n    async (\n      options: ConnectWithSocialParam & {\n        authorization?: Authorization;\n        chain?: Chain;\n      }\n    ) => {\n      try {\n        const appState = base64url(\n          JSON.stringify({\n            chain: options.chain,\n            authorization: options.authorization,\n            socialType: options.socialType,\n          })\n        );\n        await thirdpartyAuth({\n          authType: options.socialType as SocialAuthType,\n          appState,\n          prompt: options.prompt,\n        });\n      } catch (error) {\n        events.emit(AuthCoreModalEvent.LoginFail, error);\n      }\n    },\n    [events]\n  );\n\n  return { loginHandler, socialAuthLogin };\n};\n\nexport default useLogin;\n", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 13.131 8.756\" {...props}><path stroke=\"currentColor\" strokeWidth={1.2} d=\"M13.13 4.732h-11M5.131 1.131l-4 4M5.13 8.331l-4-4\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 9.995 5.891\" {...props}><rect width={0.282} height={6.049} x={10.495} y={7.297} stroke=\"currentColor\" rx={0.141} transform=\"rotate(135 10.37 5.89)\" /><rect width={0.282} height={6.049} x={19.583} y={6.391} stroke=\"currentColor\" rx={0.141} transform=\"rotate(-135 9.995 9.655)\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 5.891 9.995\" {...props}><rect width={0.282} height={6.049} x={0.5} y={11.401} stroke=\"currentColor\" rx={0.141} transform=\"rotate(-135 .265 10.26)\" /><rect width={0.282} height={6.049} x={9.588} y={10.495} stroke=\"currentColor\" rx={0.141} transform=\"rotate(-45 -6.426 16.421)\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 18.727 14.697\" {...props}><g data-name=\"\\u7EC4 1332\"><g data-name=\"\\u8DEF\\u5F84 2126\" style={{\n        strokeLinecap: \"round\",\n        strokeLinejoin: \"round\"\n      }}><path d=\"M6593.83 1700h-12.62l-.12-.159-5.105-6.737-.189-.248.196-.244 5.106-6.36.12-.149h12.612V1700Z\" style={{\n          stroke: \"none\"\n        }} transform=\"translate(-6575.504 -1685.703)\" /><path d=\"m6581.41 1686.503-5.106 6.36 5.106 6.737h12.02v-13.097h-12.02m0-.8h12.02a.8.8 0 0 1 .8.8v13.097a.8.8 0 0 1-.8.8h-12.02a.8.8 0 0 1-.638-.317l-5.106-6.737a.8.8 0 0 1 .014-.984l5.106-6.36a.8.8 0 0 1 .624-.299Z\" style={{\n          fill: \"#000\",\n          stroke: \"none\"\n        }} transform=\"translate(-6575.504 -1685.703)\" /></g><path d=\"m-6367-942-3 3 3-3-3-3 3 3 3-3-3 3 3 3Z\" data-name=\"\\u8054\\u5408 5\" style={{\n        fill: \"none\",\n        stroke: \"var(--background-color)\",\n        strokeWidth: \"1.2px\",\n        strokeLinecap: \"round\",\n        strokeLinejoin: \"round\"\n      }} transform=\"translate(6378.3 949.3)\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 28 28\" {...props}><defs><style>{\".prefix__cls-3{stroke:none}\"}</style></defs><g id=\"prefix__\\u7EC4_1226\" data-name=\"\\u7EC4 1226\" transform=\"translate(-557 -219)\"><g id=\"prefix__receive\" transform=\"translate(457.921 -104.037)\"><g id=\"prefix__\\u7EC4_142\" data-name=\"\\u7EC4 142\" transform=\"translate(99.079 323.037)\"><circle id=\"prefix__SEND\" cx={14} cy={14} r={14} style={{\n            opacity: 0.08\n          }} /></g></g><g id=\"prefix__\\u7EC4_36\" data-name=\"\\u7EC4 36\" transform=\"rotate(-90 402.74 -163.677)\"><g id=\"prefix__\\u8DEF\\u5F84_1682\" data-name=\"\\u8DEF\\u5F84 1682\"><path d=\"M.683 6.327a.185.185 0 0 1 0-.261L5.92.83a.185.185 0 0 1 .262.262L.945 6.327a.185.185 0 0 1-.262 0Z\" className=\"prefix__cls-3\" /><path d=\"M.57.104c.379 0 .685.306.685.685v7.404a.685.685 0 0 1-1.37 0V.789C-.115.41.192.104.57.104Z\" style={{\n            fill: \"currentColor\",\n            stroke: \"none\"\n          }} transform=\"rotate(45 3.102 7.489)\" /></g><g id=\"prefix__\\u77E9\\u5F62_23\" data-name=\"\\u77E9\\u5F62 23\" style={{\n          stroke: \"currentColor\"\n        }} transform=\"rotate(-45 3.724 -5.681)\"><rect width={1.37} height={8.774} className=\"prefix__cls-3\" rx={0.685} /><rect width={0.37} height={7.774} x={0.5} y={0.5} rx={0.185} style={{\n            fill: \"none\"\n          }} /></g></g></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 28 28\" {...props}><circle cx={14} cy={14} r={14} opacity={0.08} /><rect width={1.368} height={12.992} rx={0.684} transform=\"rotate(-45 16.924 -5.61)\" /><rect width={1.368} height={12.992} rx={0.684} transform=\"rotate(45 -2.24 26.54)\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 43 43\" {...props}><circle cx={21.5} cy={21.5} r={21.5} fill=\"#F5F6FB\" /><path fill=\"currentColor\" d=\"M19.764 16.523c.767-1.343 2.705-1.343 3.472 0l4.554 5.97c.762 1.332-.2 2.991-1.736 2.991h-9.108c-1.535 0-2.498-1.659-1.736-2.992l4.554-5.969Z\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 12.068 12.043\" {...props}><defs><mask id=\"prefix__a\"><path fill=\"#FFF\" fillRule=\"evenodd\" d=\"M14.069.653H8.122v8.369H1.708v5.021h10.718v-2.51h1.643V.653Z\" /></mask></defs><rect width={6.788} height={6.788} x={1.2} y={1.2} fill=\"none\" rx={1.8} /><path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M0 3v3.188Q0 7.43.879 8.309q.878.879 2.121.879h3.188q1.242 0 2.121-.879t.879-2.121V3q0-1.243-.879-2.121Q7.43 0 6.188 0H3Q1.757 0 .879.879 0 1.757 0 3Zm1.2 0v3.188q0 .088.009.176.008.088.026.175.017.087.043.171.025.085.059.166.034.082.076.16.041.078.09.152.05.073.106.142.056.068.118.13.063.063.131.12.068.055.142.104.073.05.151.091.078.042.16.076.082.033.166.06.085.025.172.042.087.017.175.026.088.009.176.009h3.188q.088 0 .176-.009t.175-.026q.087-.017.171-.043.085-.026.166-.06.082-.033.16-.075.078-.042.152-.09.073-.05.142-.106.068-.056.13-.119.063-.062.12-.13.055-.069.104-.142.05-.074.091-.152.042-.078.076-.16.033-.081.06-.166.025-.084.042-.171.017-.087.026-.175.009-.088.009-.176V3q0-.088-.009-.176t-.026-.175q-.017-.087-.043-.172-.026-.084-.06-.166-.033-.082-.075-.16-.042-.077-.09-.151-.05-.074-.106-.142-.056-.068-.119-.13-.062-.063-.13-.12-.069-.056-.142-.105-.074-.049-.152-.09-.078-.042-.16-.076-.081-.034-.166-.06-.084-.025-.171-.042-.087-.018-.175-.026-.088-.009-.176-.009H3q-.088 0-.176.009-.088.008-.175.026-.087.017-.172.043-.084.025-.166.059-.082.034-.16.076-.078.041-.151.09-.074.05-.142.106-.068.056-.13.118-.063.063-.12.131-.056.068-.105.142-.049.074-.09.151-.042.078-.076.16-.034.082-.06.166-.025.085-.042.172-.018.087-.026.175Q1.2 2.912 1.2 3Z\" /><g mask=\"url(#prefix__a)\"><path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M2.545 4.984v3.733q0 1.13.8 1.929.798.799 1.928.799h3.733q1.13 0 1.928-.8.799-.798.799-1.928V4.984q0-1.13-.799-1.928-.799-.799-1.928-.799H5.273q-1.13 0-1.929.799-.799.799-.799 1.928Zm6.46-1.527H5.274c-.844 0-1.528.684-1.528 1.527v3.733c0 .844.684 1.528 1.528 1.528h3.733c.843 0 1.527-.684 1.527-1.528V4.984c0-.843-.684-1.527-1.527-1.527Z\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 23 17\" {...props}><clipPath id=\"prefix__a\"><path d=\"M-1-3h23v17H-1z\" /></clipPath><g clipPath=\"url(#prefix__a)\" transform=\"translate(1 3)\"><path d=\"M19.345.367c-2.861 3.348-5.719 4.973-8.582 4.973s-5.85-1.636-8.925-5A1.091 1.091 0 0 0 .364.24a.944.944 0 0 0-.111 1.387c3.437 3.758 6.939 5.682 10.51 5.682s6.988-1.935 10.211-5.708a.945.945 0 0 0-.16-1.383 1.09 1.09 0 0 0-1.47.15z\" /><path d=\"m3.378 3.785-1.971 2.59a.921.921 0 0 0 .076 1.184.68.68 0 0 0 1.043-.086l1.971-2.59a.921.921 0 0 0-.076-1.184.68.68 0 0 0-1.043.086zm3.981 3.039-.789 3.581a.853.853 0 0 0 .538 1.018.738.738 0 0 0 .9-.611l.789-3.581a.853.853 0 0 0-.538-1.018.738.738 0 0 0-.895.612zm5.724.146 1.109 3.581a.72.72 0 0 0 .942.514.873.873 0 0 0 .452-1.07l-1.108-3.581a.72.72 0 0 0-.942-.514.873.873 0 0 0-.452 1.07zm4.023-3.051 2.281 2.59a.679.679 0 0 0 1.045 0 .922.922 0 0 0 0-1.187l-2.281-2.59a.679.679 0 0 0-1.045 0 .922.922 0 0 0 0 1.187z\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 23 17\" {...props}><path d=\"M11.697 13.232a3.724 3.724 0 1 1 3.727-3.725 3.724 3.724 0 0 1-3.727 3.725zm0-2.085a1.638 1.638 0 1 0-1.638-1.638 1.638 1.638 0 0 0 1.638 1.638z\" /><path d=\"M11.773 14.296c2.608 0 5.222-1.534 7.841-4.7-2.286-3.164-4.886-4.7-7.841-4.7s-5.654 1.536-8.118 4.7c2.796 3.164 5.506 4.7 8.118 4.7zm7.814-7.967a18.681 18.681 0 0 1 2.2 2.739l.417.626-.463.593c-3.139 4.026-6.461 6.094-9.964 6.094S4.87 14.325 1.522 10.314l-.518-.621.473-.656a19.167 19.167 0 0 1 2.957-3.3L2.667 3.855a.745.745 0 1 1 1.086-1.019l1.86 1.981A11.188 11.188 0 0 1 8.98 3.199l-.9-2.13A.745.745 0 1 1 9.452.488l1.021 2.409a10.462 10.462 0 0 1 1.307-.081 10.154 10.154 0 0 1 2.23.243L15.203.434a.745.745 0 1 1 1.356.617l-1.112 2.447a11.172 11.172 0 0 1 3.05 1.82l2.177-2.177a.745.745 0 1 1 1.053 1.053l-2.133 2.133z\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 29 29\" {...props}><g data-name=\"\\u7EC4 1138\"><g data-name=\"\\u77E9\\u5F62 400\" style={{\n        fill: \"#fff\",\n        stroke: \"#f5f5f5\"\n      }}><rect width={29} height={29} stroke=\"none\" rx={5} style={{\n          stroke: \"none\"\n        }} /><rect width={28} height={28} x={0.5} y={0.5} rx={4.5} style={{\n          fill: \"none\"\n        }} /></g><path d=\"M289.681 61.936V65.3h-2a1.873 1.873 0 0 0-1.477.458 2.106 2.106 0 0 0-.382 1.375v2.406h3.73l-.5 3.769h-3.234v9.663h-3.9V73.3h-3.246v-3.764h3.246v-2.775a4.926 4.926 0 0 1 1.324-3.673 4.8 4.8 0 0 1 3.527-1.305 21.126 21.126 0 0 1 2.9.152Z\" style={{\n        fill: \"#1877f2\"\n      }} transform=\"translate(-269.681 -57.875)\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 29 29\" {...props}><g data-name=\"\\u7EC4 1136\"><g data-name=\"\\u77E9\\u5F62 400\" style={{\n        fill: \"#fff\",\n        stroke: \"#f5f5f5\"\n      }}><rect width={29} height={29} stroke=\"none\" rx={5} style={{\n          stroke: \"none\"\n        }} /><rect width={28} height={28} x={0.5} y={0.5} rx={4.5} style={{\n          fill: \"none\"\n        }} /></g><path d=\"M9.12 294.908a6.158 6.158 0 0 1 .325-1.965L5.8 290.219a10.463 10.463 0 0 0 0 9.374l3.641-2.729a6.143 6.143 0 0 1-.321-1.957\" data-name=\"\\u8DEF\\u5F84 1670\" style={{\n        fill: \"#fbbc05\"\n      }} transform=\"translate(-.774 -280.411)\" /><path d=\"M66.889 15.722a6.344 6.344 0 0 1 3.985 1.395l3.149-3.079a10.948 10.948 0 0 0-16.849 3.249l3.644 2.724a6.366 6.366 0 0 1 6.071-4.289\" data-name=\"\\u8DEF\\u5F84 1671\" style={{\n        fill: \"#ea4335\"\n      }} transform=\"translate(-52.145 -7.48)\" /><path d=\"M66.889 609.217a6.369 6.369 0 0 1-6.073-4.289l-3.643 2.724a10.816 10.816 0 0 0 9.715 5.9 10.441 10.441 0 0 0 7.052-2.638l-3.459-2.618a6.8 6.8 0 0 1-3.595.926\" data-name=\"\\u8DEF\\u5F84 1672\" style={{\n        fill: \"#34a853\"\n      }} transform=\"translate(-52.145 -588.467)\" /><path d=\"M526.984 422.916a8.62 8.62 0 0 0-.246-1.924h-10.087v4.089h5.806a4.763 4.763 0 0 1-2.21 3.164l3.458 2.618a10.418 10.418 0 0 0 3.28-7.946\" data-name=\"\\u8DEF\\u5F84 1673\" style={{\n        fill: \"#4285f4\"\n      }} transform=\"translate(-501.908 -408.42)\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 249.876 155.965\" {...props}><defs><clipPath id=\"prefix__clip-path\"><path id=\"prefix__\\u77E9\\u5F62_451\" d=\"M0 0h73.283v45.454H0z\" className=\"prefix__cls-1\" data-name=\"\\u77E9\\u5F62 451\" /></clipPath><clipPath id=\"prefix__clip-path-2\"><path id=\"prefix__\\u77E9\\u5F62_453\" d=\"M0 0h76.066v48.237H0z\" className=\"prefix__cls-1\" data-name=\"\\u77E9\\u5F62 453\" /></clipPath><style>{\".prefix__cls-1,.prefix__cls-14{fill:var(--text-color)}.prefix__cls-1{stroke:#707070}.prefix__cls-2{fill:var(--accent-color)}.prefix__cls-12,.prefix__cls-3,.prefix__cls-4,.prefix__cls-9{fill:none}.prefix__cls-12,.prefix__cls-3{stroke:var(--text-color)}.prefix__cls-3{stroke-width:2px}.prefix__cls-12{stroke-width:1.5px}.prefix__cls-15{stroke:none}\"}</style></defs><g id=\"prefix__\\u7EC4_1229\" data-name=\"\\u7EC4 1229\" transform=\"translate(-56.413 -383.174)\"><g id=\"prefix__\\u7EC4_1227\" data-name=\"\\u7EC4 1227\" transform=\"translate(116.386 383.174)\"><path id=\"prefix__\\u8DEF\\u5F84_1680\" d=\"m0 6.493 48.944.294 4.677-5.566L5.613 0Z\" className=\"prefix__cls-2\" data-name=\"\\u8DEF\\u5F84 1680\" transform=\"rotate(-90 49.024 48.683)\" /><path id=\"prefix__\\u8DEF\\u5F84_1679\" d=\"M57.558 5.493H-1.148L-6-1h57.858Z\" className=\"prefix__cls-2\" data-name=\"\\u8DEF\\u5F84 1679\" transform=\"translate(8.49 46.014)\" /><g id=\"prefix__\\u77E9\\u5F62_440\" className=\"prefix__cls-3\" data-name=\"\\u77E9\\u5F62 440\"><path d=\"M8.055 52.435H65.12v42.026H8.055z\" className=\"prefix__cls-15\" /><path d=\"M7.055 51.435H66.12v44.026H7.055z\" className=\"prefix__cls-4\" /></g><path id=\"prefix__\\u76F4\\u7EBF_105\" d=\"M6.308 6.679 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 105\" transform=\"translate(60.018 44.55)\" /><path id=\"prefix__\\u76F4\\u7EBF_110\" d=\"M6.308 6.679 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 110\" transform=\"translate(.82 44.643)\" /><path id=\"prefix__\\u76F4\\u7EBF_108\" d=\"M5.937 6.493 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 108\" transform=\"translate(.913 89.516)\" /><path id=\"prefix__\\u76F4\\u7EBF_106\" d=\"M60.59 0H0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 106\" transform=\"translate(.171 44.921)\" /><path id=\"prefix__\\u76F4\\u7EBF_109\" d=\"m0 0 .293 49.791\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 109\" transform=\"translate(1.098 45.292)\" /><path id=\"prefix__\\u8054\\u5408_1\" d=\"M0 30.612 1.6 11.4a6.958 6.958 0 1 1 10.712 0l1.6 19.213Z\" className=\"prefix__cls-4\" data-name=\"\\u8054\\u5408 1\" transform=\"translate(30.612 62.151)\" /><g id=\"prefix__\\u8054\\u5408_2\" data-name=\"\\u8054\\u5408 2\" style={{\n          fill: \"var(--text-color)\"\n        }}><path d=\"M40.021 88.303h-7.687l.922-16.013.02-.339-.242-.238a3.977 3.977 0 0 1-1.209-2.844c0-2.267 1.953-4.112 4.353-4.112 2.4 0 4.352 1.845 4.352 4.112 0 1.065-.43 2.075-1.208 2.844l-.242.238.02.339.921 16.013Z\" className=\"prefix__cls-15\" /><path d=\"M8.152 23.546 7.237 7.649l.483-.477a3.232 3.232 0 0 0 .985-2.31C8.705 3.008 7.09 1.5 5.103 1.5 3.116 1.5 1.5 3.008 1.5 4.862c0 .863.35 1.683.986 2.31l.482.477-.915 15.897h6.099m1.589 1.5H.464L1.432 8.24A4.73 4.73 0 0 1 0 4.862C0 2.177 2.284 0 5.103 0c2.818 0 5.102 2.177 5.102 4.862A4.73 4.73 0 0 1 8.773 8.24l.968 16.806Z\" style={{\n            fill: \"var(--text-color)\",\n            stroke: \"none\"\n          }} transform=\"translate(31.075 64.007)\" /></g><g id=\"prefix__\\u8499\\u7248\\u7EC4_9\" data-name=\"\\u8499\\u7248\\u7EC4 9\" style={{\n          clipPath: \"url(#prefix__clip-path)\"\n        }} transform=\"translate(.928 2.783)\"><g id=\"prefix__\\u77E9\\u5F62_449\" data-name=\"\\u77E9\\u5F62 449\" style={{\n            strokeWidth: 7,\n            stroke: \"var(--text-color)\",\n            fill: \"none\"\n          }} transform=\"translate(8.349 4.638)\"><rect width={48.237} height={76.066} className=\"prefix__cls-15\" rx={24.119} /><rect width={41.237} height={69.066} x={3.5} y={3.5} className=\"prefix__cls-4\" rx={20.619} /></g></g><g id=\"prefix__\\u8499\\u7248\\u7EC4_10\" data-name=\"\\u8499\\u7248\\u7EC4 10\" style={{\n          clipPath: \"url(#prefix__clip-path-2)\"\n        }}><g id=\"prefix__\\u8DEF\\u5F84_1684\" className=\"prefix__cls-9\" data-name=\"\\u8DEF\\u5F84 1684\"><path d=\"M33.46 12.987c10.282 0 18.618 8.929 18.618 19.944v30.612c0 11.015-8.336 19.944-18.618 19.944s-18.618-8.929-18.618-19.944V32.931c0-11.015 8.336-19.944 18.618-19.944Z\" className=\"prefix__cls-15\" /><path d=\"M18.618 2C14.205 2 10.05 3.849 6.915 7.206 3.745 10.602 2 15.126 2 19.944v30.612c0 4.82 1.746 9.343 4.915 12.738 3.134 3.358 7.29 5.207 11.703 5.207 4.413 0 8.569-1.85 11.703-5.207 3.17-3.395 4.915-7.919 4.915-12.738V19.944c0-4.819-1.745-9.342-4.915-12.738C27.187 3.85 23.031 2 18.618 2m0-2c10.283 0 18.618 8.93 18.618 19.944v30.612c0 11.015-8.335 19.945-18.618 19.945C8.336 70.5 0 61.57 0 50.556V19.944C0 8.93 8.336 0 18.618 0Z\" style={{\n              fill: \"var(--accent-color)\",\n              stroke: \"none\"\n            }} transform=\"translate(14.842 12.987)\" /></g></g></g><g id=\"prefix__\\u7EC4_1223\" data-name=\"\\u7EC4 1223\" transform=\"translate(71.435 472.204)\"><path id=\"prefix__\\u8DEF\\u5F84_1680-2\" d=\"m0 6.493 60.145.294 5.747-5.566L6.9 0Z\" data-name=\"\\u8DEF\\u5F84 1680\" style={{\n          fill: \"var(--accent-color)\"\n        }} transform=\"rotate(-90 33.03 32.861)\" /><path id=\"prefix__\\u8DEF\\u5F84_1679-2\" d=\"m204.574 5.493-205.6-.175L-6-1h205.008Z\" data-name=\"\\u8DEF\\u5F84 1679\" style={{\n          fill: \"var(--accent-color)\"\n        }} transform=\"translate(8.319 1.928)\" /><g id=\"prefix__\\u77E9\\u5F62_440-2\" className=\"prefix__cls-3\" data-name=\"\\u77E9\\u5F62 440\"><path d=\"M7.792 8.349h204.081v56.586H7.792z\" className=\"prefix__cls-15\" /><path d=\"M6.792 7.349h206.081v58.586H6.792z\" className=\"prefix__cls-4\" /></g><path id=\"prefix__\\u76F4\\u7EBF_105-2\" d=\"M6.308 6.679 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 105\" transform=\"translate(206.864 .464)\" /><path id=\"prefix__\\u76F4\\u7EBF_110-2\" d=\"M6.308 6.679 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 110\" transform=\"translate(.649 .556)\" /><path id=\"prefix__\\u76F4\\u7EBF_108-2\" d=\"M6.2 6.8 0 0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 108\" transform=\"translate(.644 59.178)\" /><path id=\"prefix__\\u76F4\\u7EBF_106-2\" d=\"M207.606 0H0\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 106\" transform=\"translate(0 .835)\" /><path id=\"prefix__\\u76F4\\u7EBF_109-2\" d=\"M0 0v58.627\" className=\"prefix__cls-3\" data-name=\"\\u76F4\\u7EBF 109\" transform=\"translate(.928 1.206)\" /></g><g id=\"prefix__\\u76F4\\u7EBF_115\" className=\"prefix__cls-9\" data-name=\"\\u76F4\\u7EBF 115\"><path d=\"M237.39 460.47h12.059\" className=\"prefix__cls-15\" /><path d=\"M12.07 0H0h12.07Z\" style={{\n          fill: \"#000\",\n          stroke: \"none\"\n        }} transform=\"translate(237.384 460.47)\" /></g><g id=\"prefix__\\u7EC4_1228\" data-name=\"\\u7EC4 1228\" transform=\"translate(56.5 446.177)\"><g id=\"prefix__\\u77E9\\u5F62_452\" className=\"prefix__cls-12\" data-name=\"\\u77E9\\u5F62 452\"><path d=\"m135.953 3.987 9.398-3.99 3.99 9.398-9.398 3.99z\" className=\"prefix__cls-15\" /><path strokeWidth=\"1.5008399999999997px\" d=\"M136.937 4.385 144.953.98l3.404 8.017-8.017 3.403z\" className=\"prefix__cls-4\" /></g><path id=\"prefix__\\u76F4\\u7EBF_111\" d=\"M1.329 9.879 0 0\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 111\" transform=\"translate(12.059 9.656)\" /><path id=\"prefix__\\u76F4\\u7EBF_113\" d=\"M8.389 0 0 .974\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 113\" transform=\"translate(0 26.307)\" /><path id=\"prefix__\\u76F4\\u7EBF_112\" d=\"M7.46 5.386 0 0\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 112\" transform=\"translate(1.855 16.149)\" /><path id=\"prefix__\\u76F4\\u7EBF_114\" d=\"M0 0h7.911\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 114\" transform=\"rotate(-72 183.474 -123.859)\" /><path id=\"prefix__\\u76F4\\u7EBF_116\" d=\"M0 0h7.911\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 116\" transform=\"rotate(18 -143.927 806.034)\" /><path id=\"prefix__\\u76F4\\u7EBF_117\" d=\"M0 7.096 2.458 0\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 117\" transform=\"translate(226.669 12.439)\" /><path id=\"prefix__\\u76F4\\u7EBF_118\" d=\"M0 4.459 8.589 0\" className=\"prefix__cls-12\" data-name=\"\\u76F4\\u7EBF 118\" transform=\"translate(229.814 18.004)\" /></g><text id=\"prefix__Master_Password\" data-name=\"Master Password\" style={{\n        fontSize: 12,\n        fontFamily: \"SFProText-Semibold,SF Pro Text\",\n        fontWeight: 500,\n        fill: \"var(--text-color)\"\n      }} transform=\"translate(181.5 504.193)\"><tspan x={-50.569} y={0}>{\"Master Password\"}</tspan></text><g id=\"prefix__\\u7EC4_1406\" data-name=\"\\u7EC4 1406\" transform=\"translate(94.069 517.009)\"><circle id=\"prefix__\\u692D\\u5706_283\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 283\" transform=\"translate(102.431)\" /><circle id=\"prefix__\\u692D\\u5706_282\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 282\" transform=\"translate(50.431)\" /><circle id=\"prefix__\\u692D\\u5706_298\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 298\" transform=\"translate(119.431)\" /><circle id=\"prefix__\\u692D\\u5706_284\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 284\" transform=\"translate(84.431)\" /><circle id=\"prefix__\\u692D\\u5706_300\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 300\" transform=\"translate(153.431)\" /><circle id=\"prefix__\\u692D\\u5706_280\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 280\" transform=\"translate(33.431)\" /><circle id=\"prefix__\\u692D\\u5706_281\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 281\" transform=\"translate(67.431)\" /><circle id=\"prefix__\\u692D\\u5706_299\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 299\" transform=\"translate(136.431)\" /><circle id=\"prefix__\\u692D\\u5706_273\" cx={2.5} cy={2.5} r={2.5} className=\"prefix__cls-14\" data-name=\"\\u692D\\u5706 273\" transform=\"translate(16.431)\" /></g></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 28 28\" {...props}><defs><style>{\".prefix__cls-2{fill:none;stroke:var(--text-color,#000);stroke-linecap:round;stroke-width:1.2px}\"}</style></defs><g id=\"prefix__\\u7EC4_1432\" data-name=\"\\u7EC4 1432\" transform=\"translate(-18 -102)\"><g id=\"prefix__receive\" transform=\"translate(-81.079 -221.037)\"><g id=\"prefix__\\u7EC4_142\" data-name=\"\\u7EC4 142\" transform=\"translate(99.079 323.037)\"><circle id=\"prefix__SEND\" cx={14} cy={14} r={14} style={{\n            fill: \"var(--text-color,#000)\",\n            opacity: 0.08\n          }} /></g></g><g id=\"prefix__\\u7EC4_1431\" data-name=\"\\u7EC4 1431\"><path id=\"prefix__\\u76F4\\u7EBF_11\" d=\"M0 0h12.187\" className=\"prefix__cls-2\" data-name=\"\\u76F4\\u7EBF 11\" transform=\"translate(25.906 111.5)\" /><path id=\"prefix__\\u76F4\\u7EBF_12\" d=\"M0 0h12.187\" className=\"prefix__cls-2\" data-name=\"\\u76F4\\u7EBF 12\" transform=\"translate(25.906 116)\" /><path id=\"prefix__\\u76F4\\u7EBF_13\" d=\"M0 0h12.187\" className=\"prefix__cls-2\" data-name=\"\\u76F4\\u7EBF 13\" transform=\"translate(25.906 120.5)\" /></g></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 35 35\" {...props}><defs><linearGradient id=\"prefix__a\" x1={1.171} x2={-0.531} y1={0.248} y2={0.242} gradientUnits=\"objectBoundingBox\"><stop offset={0} stopColor=\"#864deb\" /><stop offset={0.502} stopColor=\"#e64be0\" /><stop offset={1} stopColor=\"#fd4bdd\" /></linearGradient></defs><g data-name=\"\\u7EC4 1106\"><g data-name=\"\\u692D\\u5706 251\" style={{\n        fill: \"#fff\",\n        stroke: \"#f5f5f5\"\n      }}><rect width={29} height={29} stroke=\"none\" rx={5} style={{\n          stroke: \"none\"\n        }} /><rect width={28} height={28} x={0.5} y={0.5} rx={4.5} style={{\n          fill: \"none\"\n        }} /></g><path d=\"M1243.8 4411.523q-.629-.634-1.263-1.265c-.051-.051-.1-.1-.154-.151a.229.229 0 0 1-.079-.184v-5.269a.145.145 0 0 0-.081-.151 5.4 5.4 0 0 1-.552-.345 2.572 2.572 0 0 1-.577-.55c-.07-.1-.152-.181-.219-.277a3.4 3.4 0 0 1-.184-.3 4.62 4.62 0 0 1-.146-.29 2.846 2.846 0 0 1-.1-.281c-.031-.094-.06-.2-.089-.3a2.071 2.071 0 0 1-.082-.492c-.005-.184-.023-.367-.018-.55a3.406 3.406 0 0 1 .054-.423c.016-.1.034-.2.056-.3a1.333 1.333 0 0 1 .049-.168 3.777 3.777 0 0 1 .161-.417c.094-.182.2-.355.311-.531a3.047 3.047 0 0 1 .624-.7 3.739 3.739 0 0 1 .431-.314 3.479 3.479 0 0 1 .435-.238 3.246 3.246 0 0 1 .39-.136 3.524 3.524 0 0 1 .4-.11 3.676 3.676 0 0 1 .441-.05 4.225 4.225 0 0 1 .929.052 3.072 3.072 0 0 1 .372.1 3.85 3.85 0 0 1 .39.134 2.5 2.5 0 0 1 .354.188c.173.107.339.223.5.345a2.591 2.591 0 0 1 .348.339c.143.168.278.346.4.528a2.272 2.272 0 0 1 .174.331c.054.115.109.23.152.349a3.441 3.441 0 0 1 .1.331c.026.1.05.2.068.3a1.636 1.636 0 0 1 .021.22c.009.169.025.342.019.512s-.032.333-.061.5a2.461 2.461 0 0 1-.049.254 2.074 2.074 0 0 1-.069.215 1.464 1.464 0 0 1-.051.142c-.052.122-.1.248-.162.364-.085.157-.183.308-.279.458a2.854 2.854 0 0 1-.514.583 3.288 3.288 0 0 1-.658.465c-.132.068-.265.134-.4.2-.042.02-.048.034-.01.071.306.3.608.605.911.909.089.089.175.178.266.265a.053.053 0 0 1 0 .09l-.568.563q-.372.372-.742.746c-.045.044-.09.09-.136.133s-.036.07 0 .106l.423.42 1.015 1.016c.042.039.039.063 0 .1q-.558.554-1.114 1.111l-1.349 1.351a.07.07 0 0 1-.047.027.071.071 0 0 1-.041-.026Zm.114-12.257h-.209a.886.886 0 0 0-.391.141.985.985 0 0 0-.322.311 1.02 1.02 0 0 0 .515 1.531 1.881 1.881 0 0 0 .342.065v-.02a.806.806 0 0 0 .517-.128.979.979 0 0 0 .33-.313 1.07 1.07 0 0 0 .176-.522.819.819 0 0 0-.07-.4 1.814 1.814 0 0 0-.163-.288.85.85 0 0 0-.321-.264.891.891 0 0 0-.385-.111Zm-9.818 11.784h-6.6c-.049 0-.065-.009-.065-.062v-2.256a5.634 5.634 0 0 1 .049-.612 4.194 4.194 0 0 1 .08-.439c.029-.132.072-.263.11-.392.042-.148.086-.3.136-.443.03-.084.072-.169.107-.253.045-.1.085-.207.136-.307a6.16 6.16 0 0 1 .219-.4c.114-.185.229-.369.355-.546.106-.146.226-.283.345-.418a4.577 4.577 0 0 1 .608-.591c.106-.084.2-.176.313-.256.149-.108.306-.211.463-.311.105-.067.213-.13.323-.19.094-.051.194-.093.29-.139a4.63 4.63 0 0 1 .215-.1c.09-.038.182-.072.273-.106s.2-.073.3-.108a1.2 1.2 0 0 1 .144-.042c.141-.032.282-.062.423-.092l.322-.064a.5.5 0 0 1 .055-.012c.207-.016.413-.044.619-.045h3.609a2.532 2.532 0 0 1 .3.011c.184.021.366.047.55.08a3.369 3.369 0 0 1 .374.082c.157.042.311.1.465.147.127.042.255.09.381.135.042.016.085.036.127.053.065.029.063.1.093.15.09.153.164.316.258.465.114.18.236.356.367.526a4.479 4.479 0 0 0 .578.618c.092.081.189.154.281.235a.148.148 0 0 1 .042.077.386.386 0 0 1 0 .089v5.457c0 .055-.018.065-.069.065q-3.281-.006-6.578-.006Zm-1.931-10.815a4.617 4.617 0 1 1 5.95-7.062 4.412 4.412 0 0 1 1.572 2.811 4.509 4.509 0 0 1-.871 3.487 4.445 4.445 0 0 1-2.861 1.764 5.2 5.2 0 0 1-.891.08 4.409 4.409 0 0 1-2.901-1.08Z\" data-name=\"\\u8054\\u5408 6\" style={{\n        fill: \"url(#prefix__a)\"\n      }} transform=\"translate(-1222.5 -4387.291)\" /></g></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 21 21\" {...props}><circle cx={10.5} cy={10.5} r={10.5} fill=\"#EAECF0\" /><path fill=\"#A257FA\" d=\"M15.786 8.86h-2.37a.547.547 0 1 1 0-1.095h.952A4.74 4.74 0 0 0 5.76 10.5a4.74 4.74 0 1 0 9.479 0 .547.547 0 1 1 1.094 0A5.834 5.834 0 1 1 10.5 4.667c1.956 0 3.682.963 4.74 2.44v-.981a.547.547 0 1 1 1.094 0v2.188a.548.548 0 0 1-.547.545Z\" /></svg>;\n}\nexport default MyComponent;", "import * as React from \"react\";\nfunction MyComponent(props) {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 28 28\" {...props}><circle cx={14} cy={14} r={14} op