@particle-network/connectkit 2.1.2 → 3.0.0-alpha.0

package/dist/walletInfo-YWAO2R3X.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletInfo/index.tsx", "../src/components/refreshIcon/index.tsx", "../src/utils/formatToken.ts"],
+  "sourcesContent": ["import { getChainIcon, getChainType, type SolanaChain } from '@particle-network/connector-core';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { RoutePath } from '..';\nimport AccountSecurityIcon from '../../assets/icons/AccountSecurityIcon';\nimport BuyIcon from '../../assets/icons/BuyIcon';\nimport DisconnectIcon from '../../assets/icons/DisconnectIcon';\nimport DownArrowIcon from '../../assets/icons/DownArrowIcon';\nimport ErrorIcon from '../../assets/icons/ErrorIcon';\nimport PlusIcon from '../../assets/icons/PlusIcon';\nimport ReceiveIcon from '../../assets/icons/ReceiveIcon';\nimport WalletIcon from '../../assets/icons/WalletIcon';\nimport ChainDropdown from '../../components/chainDropdown';\nimport CircleSpinner from '../../components/circleSpinner';\nimport { StyleSwitchNetwork } from '../../components/connectedWidget/styles';\nimport { FlexBetween, FlexCenter, FlexLeft, PageContent } from '../../components/modal/styles';\nimport RefreshIcon from '../../components/refreshIcon';\nimport { SocialItem } from '../../components/socialLogin/styles';\nimport { useAccount } from '../../hooks/useAccount';\nimport { useAddress } from '../../hooks/useAddress';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useChains } from '../../hooks/useChains';\nimport { useDisconnect } from '../../hooks/useDisconnect';\nimport { useEmbeddedWallet } from '../../hooks/useEmbeddedWallet';\nimport useLocales from '../../hooks/useLocales';\nimport { useParticleAuth } from '../../hooks/useParticleAuth';\nimport { usePublicClient } from '../../hooks/usePublicClient';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnections } from '../../hooks/useWalletConnections';\nimport { useWallets } from '../../hooks/useWallets';\nimport { getBuyUrl, popupWindow } from '../../utils';\nimport { getChainDisplayName } from '../../utils/chains';\nimport { formatTokenAmount } from '../../utils/formatToken';\nimport {\n  StyleActionIcon,\n  StyleActionText,\n  StyleActions,\n  StyleBalance,\n  StyleChainName,\n  StyleDisconnectContent,\n  StyleDisconnectLoading,\n  StyleFooter,\n  StyleFooterLabel,\n  StyleModalContainer,\n  StyleTextButton2,\n  StyleWalletIcon,\n  StyleWalletInfo,\n  StyleWalletInfoLeft,\n  StyleWalletInfoRight,\n  StyleWalletText,\n} from './styles';\n\nconst Page = () => {\n  const chainList = useChains();\n  const { chain, chainId: currentChainId, isConnected } = useAccount();\n  const locales = useLocales();\n  const chains = useChains();\n  const [walletConnection] = useWalletConnections();\n  const client = usePublicClient();\n  const [primaryWallet] = useWallets();\n  const { openAccountAndSecurity, openLinkLoginAccount, getUserInfo, openSetSecurityAccount } = useParticleAuth();\n  const embeddedWallet = useEmbeddedWallet();\n  const address = useAddress();\n  const { close, navigate } = useRouter();\n  const { disconnectAsync } = useDisconnect({\n    onSettled(data, error) {\n      console.log('wallet disconnect');\n    },\n  });\n\n  const [refreshBalance, setRefreshBalance] = useState(false);\n  const [chainDropdownVisible, setChainDropdownVisible] = useState(false);\n  const [balance, setBalance] = useState<string | null>(null);\n  const timer = useRef<NodeJS.Timeout>(undefined);\n  const walletInfoLeftRef = useRef<HTMLDivElement>(null);\n  const [disconnectLoading, setDisconnectLoading] = useState(false);\n\n  const currentChainType = useMemo(() => {\n    if (chainList && chainList?.length && currentChainId) {\n      const chain = chainList.find((item) => item.id === currentChainId);\n      if (chain) {\n        return getChainType(chain);\n      }\n      return '';\n    } else {\n      return '';\n    }\n  }, [chainList, currentChainId]);\n\n  /**\n   * \u662F\u5426\u652F\u6301\u5F53\u524D\u94FE\n   */\n  const supportChain = useMemo(() => {\n    return chains.some((item) => item.id === chain?.id);\n  }, [chain, chains]);\n\n  const getBalance = async () => {\n    if (!currentChainType) {\n      return;\n    }\n    const params =\n      currentChainType === 'evm' ? { address } : primaryWallet?.getWalletClient?.<SolanaChain>()?.publicKey;\n    if (address && params && client) {\n      client\n        .getBalance(params as any)\n        .then((res) => {\n          const { decimals = 1 } = chain?.nativeCurrency || {};\n\n          const balance = formatTokenAmount(BigInt(res), decimals, 5) || '0';\n          setBalance(balance);\n          const key = `${chain?.id}-${address}-balance`?.toLowerCase();\n          localStorage.setItem(key, balance);\n        })\n        .catch((e) => {\n          //ignore\n          console.log('get balance error', e);\n        });\n    }\n  };\n\n  const isParticle = useMemo(() => {\n    return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === 'particleAuth');\n  }, [walletConnection]);\n\n  const getCachedBalance = () => {\n    const key = `${chain?.id}-${address}-balance`?.toLowerCase();\n    return localStorage.getItem(key) || '0';\n  };\n\n  const { appearance } = useAppearance();\n\n  const buyUrl = useMemo(() => {\n    if (address) {\n      return getBuyUrl(currentChainId, address, '', appearance.mode);\n    }\n    return undefined;\n  }, [address, currentChainId, appearance.mode]);\n\n  useEffect(() => {\n    if (address && chain && client && primaryWallet) {\n      setBalance(getCachedBalance());\n      getBalance();\n    }\n  }, [address, client, chain, primaryWallet]);\n\n  useEffect(() => {\n    if (chain?.id && address) {\n      setBalance(getCachedBalance());\n    }\n  }, [chain?.id, address, balance]);\n\n  return (\n    <PageContent data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:152:5:PageContent\">\n      <StyleModalContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:153:7:StyleModalContainer\">\n        <StyleWalletInfo data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:154:9:StyleWalletInfo\">\n          <StyleWalletInfoLeft\n            ref={walletInfoLeftRef}\n            selected={chains?.length > 1 || !supportChain}\n            onClick={() => {\n              if (chains?.length > 1 || !supportChain) {\n                setChainDropdownVisible(!chainDropdownVisible);\n              }\n            }}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:155:11:StyleWalletInfoLeft\" >\n            {isConnected && (\n              <>\n                {supportChain ? (\n                  <>\n                    {chain && <StyleWalletIcon src={getChainIcon(chain)} alt=''  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:168:31:StyleWalletIcon\" />}\n                    <StyleChainName data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:169:21:StyleChainName\">{getChainDisplayName(chain)}</StyleChainName>\n                  </>\n                ) : (\n                  <StyleSwitchNetwork data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:172:19:StyleSwitchNetwork\">\n                    <ErrorIcon  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:173:21:ErrorIcon\"/>\n                    {locales.switchNetwork}\n                  </StyleSwitchNetwork>\n                )}\n\n                {(chains?.length > 1 || !supportChain) && (\n                  <StyleWalletText data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:179:19:StyleWalletText\">\n                    <DownArrowIcon\n                      width={12}\n                      height={12}\n                      spin={!!chainDropdownVisible}\n                      color={supportChain ? 'var(--pcm-body-color-secondary)' : 'var(--pcm-error-color)'}\n                     data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:180:21:DownArrowIcon\" />\n                  </StyleWalletText>\n                )}\n              </>\n            )}\n          </StyleWalletInfoLeft>\n          {supportChain && (\n            <StyleWalletInfoRight data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:192:13:StyleWalletInfoRight\">\n              <StyleBalance data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:193:15:StyleBalance\">\n                {balance || 0} &nbsp;\n                {chain?.nativeCurrency.symbol?.replace('tBNB', 'BNB')}\n              </StyleBalance>\n              <RefreshIcon\n                style={{ cursor: 'pointer' }}\n                spin={refreshBalance}\n                onClick={async () => {\n                  clearTimeout(timer.current);\n                  const start = new Date().getTime();\n                  setRefreshBalance(true);\n                  await getBalance();\n                  const remain = 1000 - (new Date().getTime() - start);\n                  timer.current = setTimeout(\n                    () => {\n                      setRefreshBalance(false);\n                    },\n                    remain > 0 ? remain : 0\n                  );\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:197:15:RefreshIcon\" />\n            </StyleWalletInfoRight>\n          )}\n\n          <ChainDropdown\n            visible={chainDropdownVisible}\n            setVisible={setChainDropdownVisible}\n            clickAwayElements={[walletInfoLeftRef as any]}\n            maxHeight={200}\n            supportChain={supportChain}\n            top={50}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:217:11:ChainDropdown\" />\n        </StyleWalletInfo>\n        <StyleActions data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:226:9:StyleActions\">\n          <SocialItem\n            $isDisabled={Boolean(!buyUrl)}\n            $felxRow={false}\n            onClick={() => {\n              if (!buyUrl) return;\n\n              const height = parseInt((window.innerHeight * 0.8).toString());\n              let width = height * 0.6;\n              if (width > 1000) {\n                width = 1000;\n              }\n              if (width > window.innerWidth) {\n                width = parseInt((window.innerWidth * 0.9).toString());\n              }\n              popupWindow(buyUrl, 'Particle Network', width, height);\n              close();\n            }}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:227:11:SocialItem\" >\n            <FlexCenter\n              style={{\n                width: '100%',\n                gap: '6px',\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:245:13:FlexCenter\" >\n              <BuyIcon\n                className={StyleActionIcon}\n                style={{\n                  width: '20px',\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:251:15:BuyIcon\" />\n              <StyleActionText data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:257:15:StyleActionText\">{locales.buy}</StyleActionText>\n            </FlexCenter>\n          </SocialItem>\n\n          <SocialItem\n            $felxRow={false}\n            $isDisabled={Boolean(!address) || !chain}\n            onClick={() => {\n              navigate(RoutePath.Receive);\n            }}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:261:11:SocialItem\" >\n            <FlexCenter\n              style={{\n                width: '100%',\n                gap: '6px',\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:268:13:FlexCenter\" >\n              <ReceiveIcon\n                className={StyleActionIcon}\n                style={{\n                  width: '18px',\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:274:15:ReceiveIcon\" />\n              <StyleActionText data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:280:15:StyleActionText\">{locales.receive}</StyleActionText>\n            </FlexCenter>\n          </SocialItem>\n\n          {embeddedWallet && embeddedWallet.isCanOpen && (\n            <SocialItem\n              $felxRow={false}\n              $isDisabled={Boolean(!address)}\n              onClick={() => {\n                embeddedWallet.openWallet();\n                close();\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:285:13:SocialItem\" >\n              <FlexCenter\n                style={{\n                  width: '100%',\n                  gap: '6px',\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:293:15:FlexCenter\" >\n                <WalletIcon\n                  className={StyleActionIcon}\n                  style={{\n                    width: '20px',\n                  }}\n                 data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:299:17:WalletIcon\" />\n                <StyleActionText data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:305:17:StyleActionText\">{locales.wallet}</StyleActionText>\n              </FlexCenter>\n            </SocialItem>\n          )}\n\n          {isParticle && (\n            <SocialItem\n              $felxRow={false}\n              onClick={() => {\n                openAccountAndSecurity();\n                close();\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:311:13:SocialItem\" >\n              <FlexCenter\n                style={{\n                  width: '100%',\n                  gap: '6px',\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:318:15:FlexCenter\" >\n                <AccountSecurityIcon\n                  className={StyleActionIcon}\n                  style={{\n                    width: '20px',\n                  }}\n                 data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:324:17:AccountSecurityIcon\" />\n                <StyleActionText data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:330:17:StyleActionText\">{locales.accountAndSecurity}</StyleActionText>\n              </FlexCenter>\n            </SocialItem>\n          )}\n        </StyleActions>\n        <StyleFooter data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:335:9:StyleFooter\">\n          <FlexBetween data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:336:11:FlexBetween\">\n            {isParticle ? (\n              <StyleTextButton2\n                onClick={() => {\n                  const useInfo = getUserInfo();\n                  const { email, phone } = useInfo.security_account || {};\n                  if (!email && !phone) {\n                    openSetSecurityAccount();\n                    close();\n                  } else {\n                    openLinkLoginAccount();\n                    close();\n                  }\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:338:15:StyleTextButton2\" >\n                <FlexLeft gap={5} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:351:17:FlexLeft\" >\n                  <PlusIcon className={StyleActionIcon}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:352:19:PlusIcon\" />\n                  <StyleFooterLabel data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:353:19:StyleFooterLabel\">{locales.linkLoginAccount}</StyleFooterLabel>\n                </FlexLeft>\n              </StyleTextButton2>\n            ) : (\n              <div data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:357:15:div\"></div>\n            )}\n\n            <StyleTextButton2 $disconnectLoading={disconnectLoading} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:360:13:StyleTextButton2\" >\n              <FlexLeft\n                gap={5}\n                onClick={() => {\n                  setDisconnectLoading(true);\n                  disconnectAsync().finally(() => {\n                    setTimeout(() => {\n                      setDisconnectLoading(false);\n                    }, 300);\n                  });\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:361:15:FlexLeft\" >\n                <StyleDisconnectContent data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:372:17:StyleDisconnectContent\">\n                  {disconnectLoading && (\n                    <StyleDisconnectLoading data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:374:21:StyleDisconnectLoading\">\n                      <CircleSpinner width={16} inset={0} height={16} logo={<></>}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:375:23:CircleSpinner\" />\n                    </StyleDisconnectLoading>\n                  )}\n\n                  <DisconnectIcon className={StyleActionIcon}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:379:19:DisconnectIcon\" />\n                </StyleDisconnectContent>\n                <StyleFooterLabel data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:381:17:StyleFooterLabel\">{locales.disconnect}</StyleFooterLabel>\n              </FlexLeft>\n            </StyleTextButton2>\n          </FlexBetween>\n        </StyleFooter>\n      </StyleModalContainer>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion, useAnimation } from 'framer-motion';\nimport React, { useEffect, useState } from 'react';\nimport { styled } from 'styled-components';\n\ninterface RefreshIconProps extends React.SVGProps<SVGSVGElement> {\n  spin?: boolean;\n}\n\nconst StyleRefreshIcon = styled.div`\n  color: var(--pcm-body-color-secondary);\n  width: 20px;\n  min-width: 20px;\n  display: flex;\n  align-items: center;\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      color: var(--pcm-body-color);\n    }\n  }\n`;\n\nexport const RefreshIcon: React.FC<RefreshIconProps> = ({ spin, ...props }) => {\n  const controls = useAnimation();\n  const [isSpinning, setIsSpinning] = useState(false);\n  useEffect(() => {\n    let animation;\n\n    const startSpinning = async () => {\n      if (isSpinning) {\n        animation = await controls.start({\n          rotate: [0, 360],\n          transition: { repeat: Infinity, duration: 1, ease: 'linear' },\n        });\n      }\n    };\n\n    if (spin) {\n      setIsSpinning(true);\n      startSpinning();\n    } else {\n      setIsSpinning(false);\n      controls.stop();\n    }\n\n    return () => {\n      if (animation) {\n        animation.stop();\n      }\n    };\n  }, [spin, controls, isSpinning]);\n\n  return (\n    <StyleRefreshIcon data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:54:5:StyleRefreshIcon\">\n      <motion.svg\n        width='20'\n        height='20'\n        viewBox='0 0 20 20'\n        fill='none'\n        xmlns='http://www.w3.org/2000/svg'\n        {...(props as any)}\n        animate={controls}\n      >\n        <path\n          d='M18.6187 5.63377C18.3947 5.52181 18.0589 5.63377 17.9469 5.96963L17.4991 7.20111C16.8274 5.52181 15.8198 4.17837 14.2525 3.28275C12.3493 2.16321 10.2221 1.7154 8.09503 2.27517C5.07229 2.94689 2.83323 5.18595 2.04955 8.20869C1.9376 8.54455 2.16151 8.76846 2.38541 8.88041C2.72127 8.88041 2.94518 8.76846 3.05713 8.4326C3.72885 5.74572 5.74401 3.73056 8.43089 3.17079C10.3341 2.72298 12.2373 3.05884 13.8047 4.06642C15.1481 4.85009 16.1557 6.08158 16.7154 7.53697L15.372 6.97721C15.1481 6.86525 14.8122 6.97721 14.7003 7.31307C14.5883 7.53697 14.7003 7.87283 14.9242 7.98479L17.1633 8.88041C17.2752 8.99237 17.3872 8.99237 17.4991 8.99237H17.6111C17.6111 8.99237 17.6111 8.99237 17.723 8.99237C17.835 8.99237 17.9469 8.88041 17.9469 8.76846L18.9545 6.19353C19.0665 5.96963 18.8426 5.74572 18.6187 5.63377Z'\n          fill='currentColor'\n          stroke='currentColor'\n          strokeWidth='0.3'\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:64:9:path\" />\n        <path\n          d='M17.6111 11.1195C17.3872 11.0076 17.0513 11.2315 17.0513 11.4554C16.3796 14.1423 14.3644 16.1574 11.6776 16.7172C9.77434 17.165 7.87114 16.8291 6.30379 15.8216C4.96035 15.0379 3.95277 13.8064 3.393 12.351L4.73644 12.9108C4.96035 13.0227 5.29621 12.9108 5.40816 12.5749C5.52012 12.351 5.40816 12.0151 5.18426 11.9032L2.83324 11.1195C2.72128 11.1195 2.60933 11.0076 2.49738 11.0076H2.38542C2.38542 11.0076 2.38542 11.0076 2.27347 11.0076C2.16152 11.1195 2.04956 11.2315 2.04956 11.3434L1.04198 13.8064C0.930029 14.0303 1.04198 14.3662 1.37784 14.4781C1.60175 14.5901 1.93761 14.4781 2.04956 14.1423L2.49738 12.9108C3.1691 14.4781 4.17668 15.8216 5.74402 16.7172C7.64723 17.8367 9.77434 18.2845 11.9015 17.7248C14.9242 17.053 17.2752 14.702 17.9469 11.6793C18.0589 11.4554 17.835 11.2315 17.6111 11.1195Z'\n          fill='currentColor'\n          stroke='currentColor'\n          strokeWidth='0.3'\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:70:9:path\" />\n      </motion.svg>\n    </StyleRefreshIcon>\n  );\n};\n\nexport default RefreshIcon;\n", "import { formatUnits } from 'viem/utils';\n\n/**\n * \u4EE3\u5E01\u89C4\u5219\uFF1A\n * \u6700\u591A\u4FDD\u7559\u5C0F\u6570\u70B9\u540E9\u4F4D\uFF0C\u53EA\u5C55\u793A\u5230\u6700\u540E\u4E00\u4E2A\u975E\u96F6\u6570\u5B57\u4F4D\u3002\u5F53\u6574\u6570\u4F4D\u8D85\u8FC75\u4F4D\uFF0C\u5C0F\u6570\u540E\u4F4D\u6570\u9010\u6E10\u51CF\u5C11\u3002\u6574\u6570\u4E3A\u8D85\u8FC715\u4F4D\u65F6\uFF0C\u4F7F\u7528\u79D1\u5B66\u8BA1\u6570\u6CD5\uFF0C\u5C0F\u6570\u70B9\u540E\u4E24\u4F4D\n */\nexport const formatTokenAmount = (value: bigint | number | `0x${string}`, decimal: number, decimalPlaces = 9) => {\n  if (!value) return '0';\n  if (typeof value === 'string' || typeof value === 'number') {\n    value = BigInt(value);\n  }\n  let result = formatUnits(value, decimal);\n\n  const [integerPart, decimalPart] = result.split('.');\n  if (decimalPlaces >= 5 && integerPart === '0' && decimalPart?.startsWith(''.padEnd(decimalPlaces, '0'))) {\n    return '<0.'.padEnd(decimalPlaces + 3 - 1, '0') + '1';\n  }\n  result = formatStringNumber(result, decimalPlaces);\n  return result;\n};\n\nfunction formatStringNumber(num: string, n: number): string {\n  let [integerPart, decimalPart] = num.split('.');\n\n  if (!decimalPart) {\n    return integerPart as string;\n  }\n\n  decimalPart = decimalPart.slice(0, n);\n  decimalPart = decimalPart.replace(/0+$/, '');\n\n  if (decimalPart === '') {\n    return integerPart as string;\n  }\n\n  return `${integerPart}.${decimalPart}`;\n}\n"],
+  "mappings": "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",
+  "names": ["useEffect", "useState", "jsx", "jsxs", "useState", "chain", "balance", "useEffect"]
+}

package/dist/walletconnect-2PY6Y3OI.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  copyToClipboard_default
+} from "./chunk-5TRGGHWP.js";
+import {
+  useWalletConnectUri
+} from "./chunk-NDTES7K5.js";
+import {
+  CustomQRCode_default
+} from "./chunk-5SSXHNBO.js";
+import "./chunk-I25KOOCX.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  useIsMobile
+} from "./chunk-AUADZPT3.js";
+import {
+  FlexCenter,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  ShareIcon_default
+} from "./chunk-3GKKB275.js";
+import "./chunk-A5T4WCC5.js";
+import "./chunk-N4I4O2QX.js";
+import "./chunk-2JVS6HCC.js";
+import "./chunk-D7PV6C4K.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-6XAHI6XP.js";
+import {
+  useAccount,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-KBJQDMYG.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletconnect/index.tsx
+import { useEffect, useMemo } from "react";
+
+// src/pages/walletconnect/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 15px 30px;
+  padding-top: 30px;
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+`;
+var Header = styled(motion.div)`
+  text-align: center;
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 30px;
+`;
+var Actions = styled(motion.div)`
+  display: flex;
+  justify-content: space-between;
+  gap: 28px;
+  margin-top: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid var(--pcm-button-border-color);
+    background-color: var(--pcm-body-background) !important;
+    color: var(--pcm-body-background);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    height: 36px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--pcm-body-color-secondary);
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Description = styled.div`
+  margin-top: 28px;
+  padding: 0 16px;
+  color: var(--pcm-body-color-secondary);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+
+// src/pages/walletconnect/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Page = ({ wallet }) => {
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const mobile = useIsMobile();
+  const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
+  const { config } = useContext();
+  const { isConnected } = useAccount();
+  useEffect(() => {
+    requestUri();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const visiableWalletButton = useMemo(() => {
+    if (mobile || wallet?.id === "walletConnect") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [wallet, mobile]);
+  return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs(Wrapper, { children: [
+    /* @__PURE__ */ jsx(
+      CustomQRCode_default,
+      {
+        value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri,
+        failed: !!error,
+        failedCallback: () => {
+          requestUri();
+        },
+        image: wallet?.icon
+      }
+    ),
+    !!walletConnectUri && /* @__PURE__ */ jsxs(Actions, { children: [
+      /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: walletConnectUri, children: locales.copyQRURI }),
+      visiableWalletButton && /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            background: "none",
+            borderColor: "var(--pcm-button-border-color)"
+          },
+          onClick: () => {
+            navigate("download-app" /* DownloadApp */, { wallet });
+          },
+          children: /* @__PURE__ */ jsxs(
+            FlexCenter,
+            {
+              gap: 8,
+              style: {
+                color: "var(--pcm-body-color-secondary)"
+              },
+              children: [
+                /* @__PURE__ */ jsx(ShareIcon_default, {}),
+                locales.getWallet
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Description, { children: locales.scanQRCode })
+  ] }) });
+};
+var walletconnect_default = Page;
+export {
+  walletconnect_default as default
+};
+//# sourceMappingURL=walletconnect-2PY6Y3OI.js.map

package/dist/walletconnect-2PY6Y3OI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }}>\n      <Wrapper>\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n        />\n        {!!walletConnectUri && (\n          <Actions>\n            <CopyToClipboard variant='button' string={walletConnectUri}>\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n              >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                >\n                  <ShareIcon />\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description>{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GACjC,+BAAC,WACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA;AAAA,IACjB;AAAA,IACC,CAAC,CAAC,oBACD,qBAAC,WACC;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBACvC,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,oCAAC,qBAAU;AAAA,gBACV,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAa,kBAAQ,YAAW;AAAA,KACnC,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/walletconnect-4EXYRW5P.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  copyToClipboard_default
+} from "./chunk-5TRGGHWP.js";
+import {
+  useWalletConnectUri
+} from "./chunk-KPWI7IRG.js";
+import {
+  CustomQRCode_default
+} from "./chunk-5SSXHNBO.js";
+import "./chunk-I25KOOCX.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  useIsMobile
+} from "./chunk-PTM4FN4I.js";
+import {
+  FlexCenter,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  ShareIcon_default
+} from "./chunk-3GKKB275.js";
+import "./chunk-A5T4WCC5.js";
+import "./chunk-N4I4O2QX.js";
+import "./chunk-2JVS6HCC.js";
+import "./chunk-5UVBVJYM.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-AYSQPTGH.js";
+import {
+  useAccount,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-OWHSDWQK.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletconnect/index.tsx
+import { useEffect, useMemo } from "react";
+
+// src/pages/walletconnect/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 15px 30px;
+  padding-top: 30px;
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+`;
+var Header = styled(motion.div)`
+  text-align: center;
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 30px;
+`;
+var Actions = styled(motion.div)`
+  display: flex;
+  justify-content: space-between;
+  gap: 28px;
+  margin-top: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid var(--pcm-button-border-color);
+    background-color: var(--pcm-body-background) !important;
+    color: var(--pcm-body-background);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    height: 36px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--pcm-body-color-secondary);
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Description = styled.div`
+  margin-top: 28px;
+  padding: 0 16px;
+  color: var(--pcm-body-color-secondary);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+
+// src/pages/walletconnect/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Page = ({ wallet }) => {
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const mobile = useIsMobile();
+  const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
+  const { config } = useContext();
+  const { isConnected } = useAccount();
+  useEffect(() => {
+    requestUri();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const visiableWalletButton = useMemo(() => {
+    if (mobile || wallet?.id === "walletConnect") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [wallet, mobile]);
+  return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs(Wrapper, { children: [
+    /* @__PURE__ */ jsx(
+      CustomQRCode_default,
+      {
+        value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri,
+        failed: !!error,
+        failedCallback: () => {
+          requestUri();
+        },
+        image: wallet?.icon
+      }
+    ),
+    !!walletConnectUri && /* @__PURE__ */ jsxs(Actions, { children: [
+      /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: walletConnectUri, children: locales.copyQRURI }),
+      visiableWalletButton && /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            background: "none",
+            borderColor: "var(--pcm-button-border-color)"
+          },
+          onClick: () => {
+            navigate("download-app" /* DownloadApp */, { wallet });
+          },
+          children: /* @__PURE__ */ jsxs(
+            FlexCenter,
+            {
+              gap: 8,
+              style: {
+                color: "var(--pcm-body-color-secondary)"
+              },
+              children: [
+                /* @__PURE__ */ jsx(ShareIcon_default, {}),
+                locales.getWallet
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Description, { children: locales.scanQRCode })
+  ] }) });
+};
+var walletconnect_default = Page;
+export {
+  walletconnect_default as default
+};
+//# sourceMappingURL=walletconnect-4EXYRW5P.js.map

package/dist/walletconnect-4EXYRW5P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }}>\n      <Wrapper>\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n        />\n        {!!walletConnectUri && (\n          <Actions>\n            <CopyToClipboard variant='button' string={walletConnectUri}>\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n              >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                >\n                  <ShareIcon />\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description>{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GACjC,+BAAC,WACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA;AAAA,IACjB;AAAA,IACC,CAAC,CAAC,oBACD,qBAAC,WACC;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBACvC,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,oCAAC,qBAAU;AAAA,gBACV,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAa,kBAAQ,YAAW;AAAA,KACnC,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/walletconnect-VN7G25WN.js

@@ -0,0 +1,176 @@
+"use client";
+import {
+  copyToClipboard_default
+} from "./chunk-LW5YMUVS.js";
+import {
+  useWalletConnectUri
+} from "./chunk-GSKX5EV3.js";
+import {
+  CustomQRCode_default
+} from "./chunk-7JM7XR4C.js";
+import "./chunk-I25KOOCX.js";
+import {
+  button_default
+} from "./chunk-ATZ4LTSA.js";
+import {
+  useIsMobile
+} from "./chunk-3SRTREZ2.js";
+import {
+  FlexCenter,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  ShareIcon_default
+} from "./chunk-3GKKB275.js";
+import "./chunk-A5T4WCC5.js";
+import "./chunk-N4I4O2QX.js";
+import "./chunk-2JVS6HCC.js";
+import "./chunk-WGKCZEHD.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-L54GEI53.js";
+import {
+  useAccount,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-RCHD3MLP.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletconnect/index.tsx
+import { useEffect, useMemo } from "react";
+
+// src/pages/walletconnect/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 15px 30px;
+  padding-top: 30px;
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+`;
+var Header = styled(motion.div)`
+  text-align: center;
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 30px;
+`;
+var Actions = styled(motion.div)`
+  display: flex;
+  justify-content: space-between;
+  gap: 28px;
+  margin-top: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid var(--pcm-button-border-color);
+    background-color: var(--pcm-body-background) !important;
+    color: var(--pcm-body-background);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    height: 36px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--pcm-body-color-secondary);
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Description = styled.div`
+  margin-top: 28px;
+  padding: 0 16px;
+  color: var(--pcm-body-color-secondary);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+
+// src/pages/walletconnect/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Page = ({ wallet }) => {
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const mobile = useIsMobile();
+  const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
+  const { config } = useContext();
+  const { isConnected } = useAccount();
+  useEffect(() => {
+    requestUri();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const visiableWalletButton = useMemo(() => {
+    if (mobile || wallet?.id === "walletConnect") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [wallet, mobile]);
+  return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:51:5:PageContent", children: /* @__PURE__ */ jsxs(Wrapper, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:52:7:Wrapper", children: [
+    /* @__PURE__ */ jsx(
+      CustomQRCode_default,
+      {
+        value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri,
+        failed: !!error,
+        failedCallback: () => {
+          requestUri();
+        },
+        image: wallet?.icon,
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:53:9:CustomQRCode"
+      }
+    ),
+    !!walletConnectUri && /* @__PURE__ */ jsxs(Actions, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:66:11:Actions", children: [
+      /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: walletConnectUri, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:67:13:CopyToClipboard", children: locales.copyQRURI }),
+      visiableWalletButton && /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            background: "none",
+            borderColor: "var(--pcm-button-border-color)"
+          },
+          onClick: () => {
+            navigate("download-app" /* DownloadApp */, { wallet });
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:72:15:Button",
+          children: /* @__PURE__ */ jsxs(
+            FlexCenter,
+            {
+              gap: 8,
+              style: {
+                color: "var(--pcm-body-color-secondary)"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:81:17:FlexCenter",
+              children: [
+                /* @__PURE__ */ jsx(ShareIcon_default, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:87:19:ShareIcon" }),
+                locales.getWallet
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Description, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:95:9:Description", children: locales.scanQRCode })
+  ] }) });
+};
+var walletconnect_default = Page;
+export {
+  walletconnect_default as default
+};
+//# sourceMappingURL=walletconnect-VN7G25WN.js.map