{
  "version": 3,
  "sources": ["../../src/pages/receive/styles.ts", "../../src/pages/receive/index.tsx"],
  "sourcesContent": ["import { styled } from 'styled-components';\n\nexport const StyleWrapper = styled.div`\n  padding: 15px 0px;\n  padding-top: 30px;\n  padding-bottom: 0;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyleSubTitle = styled.div`\n  color: red;\n  font-size: 14px;\n  max-width: 90%;\n  text-align: center;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  margin-left: auto;\n  margin-right: auto;\n`;\n\nexport const StyleQrcodeWrapper = styled.div`\n  margin-top: 20px;\n  margin-bottom: 20px;\n  margin-left: auto;\n  margin-right: auto;\n\n  width: 100%;\n  padding: 0 30px;\n`;\n\nexport const StyleAddress = styled.div`\n  margin-top: 0px;\n  margin-bottom: 0px;\n  font-size: 14px;\n  text-align: center;\n  color: var(--pcm-body-color-secondary);\n  max-width: 80%;\n  white-space: pre-wrap;\n  word-break: break-all;\n  margin-left: auto;\n  margin-right: auto;\n`;\n\nexport const Stylefooter = styled.div`\n  width: 100%;\n  margin-top: 20px;\n\n  svg {\n    .bg {\n      fill: var(--pcm-primary-button-hover-background) !important;\n      stroke: var(--pcm-primary-button-color) !important;\n    }\n    path {\n      stroke: var(--pcm-primary-button-color) !important;\n    }\n  }\n  .copied {\n    svg {\n      .bg {\n        fill: var(--pcm-accent-color) !important;\n        stroke: var(--pcm-accent-color) !important;\n      }\n    }\n  }\n`;\n", "import { getChainIcon } from '@particle-network/connector-core';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { PageContent } from '../../components/modal/styles';\nimport { useAccount } from '../../hooks/useAccount';\nimport { useAddress } from '../../hooks/useAddress';\nimport useLocales from '../../hooks/useLocales';\nimport { getChainDisplayName } from '../../utils/chains';\nimport { StyleAddress, StyleQrcodeWrapper, StyleSubTitle, StyleWrapper, Stylefooter } from './styles';\n\nconst Page = () => {\n  const { chain } = useAccount();\n  const address = useAddress();\n  const locales = useLocales();\n\n  return (\n    <PageContent style={{ marginTop: 0 }}>\n      <StyleWrapper>\n        <StyleSubTitle>{locales.onlySupport.format(getChainDisplayName(chain) || '')}</StyleSubTitle>\n        <StyleQrcodeWrapper key={chain?.id}>\n          {chain?.id && <CustomQRCode ecl='H' value={address} image={<img src={getChainIcon(chain)} />} />}\n        </StyleQrcodeWrapper>\n        <StyleAddress>{address}</StyleAddress>\n        <Stylefooter>\n          <CopyToClipboard variant='button' string={address}>\n            {locales.copyAddress}\n          </CopyToClipboard>\n        </Stylefooter>\n      </StyleWrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AAAvB,IAEa,cASA,eAWA,oBAUA,cAaA;AA7Cb,IAAAA,eAAA;AAAA;AAAA;AAEO,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5B,IAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7B,IAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUlC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa5B,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC7ClC,SAAS,oBAAoB;AAiBvB,SACE,KADF;AAjBN,IAUM,MAuBC;AAjCP;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAAC;AAEA,IAAM,OAAO,MAAM;AACjB,YAAM,EAAE,MAAM,IAAI,WAAW;AAC7B,YAAM,UAAU,WAAW;AAC3B,YAAM,UAAU,WAAW;AAE3B,aACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GACjC,+BAAC,gBACC;AAAA,4BAAC,iBAAe,kBAAQ,YAAY,OAAO,oBAAoB,KAAK,KAAK,EAAE,GAAE;AAAA,QAC7E,oBAAC,sBACE,iBAAO,MAAM,oBAAC,wBAAa,KAAI,KAAI,OAAO,SAAS,OAAO,oBAAC,SAAI,KAAK,aAAa,KAAK,GAAG,GAAI,KADvE,OAAO,EAEhC;AAAA,QACA,oBAAC,gBAAc,mBAAQ;AAAA,QACvB,oBAAC,eACC,8BAAC,2BAAgB,SAAQ,UAAS,QAAQ,SACvC,kBAAQ,aACX,GACF;AAAA,SACF,GACF;AAAA,IAEJ;AAEA,IAAO,kBAAQ;AAAA;AAAA;",
  "names": ["init_styles", "init_styles"]
}