UNPKG

@particle-network/connectkit

Version:
170 lines (165 loc) 4.54 kB
"use client"; import { copyToClipboard_default, init_copyToClipboard } from "./chunk-KFSERCOH.mjs"; import { CustomQRCode_default, init_CustomQRCode } from "./chunk-L7PHO2RG.mjs"; import "./chunk-75EHPGGI.mjs"; import "./chunk-G4I34CN4.mjs"; import { PageContent, init_styles } from "./chunk-QH6JFFQS.mjs"; import "./chunk-SUWDRJLB.mjs"; import "./chunk-FDSW5JWY.mjs"; import "./chunk-Q3DUJHH3.mjs"; import { getChainDisplayName, init_chains } from "./chunk-6YIVRHUS.mjs"; import { init_useAddress, useAddress } from "./chunk-TVTD66O6.mjs"; import { init_useAccount, init_useLocales, useAccount, useLocales } from "./chunk-4TIAGANX.mjs"; import "./chunk-ZBMASWYL.mjs"; import "./chunk-TVDFKXAV.mjs"; import "./chunk-4YAFPODW.mjs"; import "./chunk-NITEP4FF.mjs"; import "./chunk-N5ZSWBVC.mjs"; import "./chunk-D7QF5CYD.mjs"; import "./chunk-WYWSNAPC.mjs"; import "./chunk-X3AHMJH4.mjs"; import "./chunk-VM42Y624.mjs"; import "./chunk-3CZRO6RQ.mjs"; import "./chunk-2LQKVNKI.mjs"; import "./chunk-CNE7WI2P.mjs"; import "./chunk-HKMLJP4P.mjs"; import "./chunk-VW7L52Q6.mjs"; import "./chunk-BG2VLRRD.mjs"; import "./chunk-5TAT3MVW.mjs"; import "./chunk-AOBFG4R6.mjs"; import "./chunk-KD3UOOP5.mjs"; import "./chunk-VYUWVCC2.mjs"; import "./chunk-HHHJM4FL.mjs"; import "./chunk-743HT6GA.mjs"; import "./chunk-3JW6NUP7.mjs"; import "./chunk-Y2AM7F32.mjs"; import "./chunk-4EX26J4C.mjs"; import "./chunk-QT4CBCFK.mjs"; import "./chunk-3OVTLX5O.mjs"; import "./chunk-5VTAF6IK.mjs"; import "./chunk-5KG67Q3H.mjs"; import "./chunk-PSUGDD7L.mjs"; import "./chunk-MEE5TGUN.mjs"; import { __esm } from "./chunk-Y7A564BU.mjs"; // src/pages/receive/styles.ts import { styled } from "styled-components"; var StyleWrapper, StyleSubTitle, StyleQrcodeWrapper, StyleAddress, Stylefooter; var init_styles2 = __esm({ "src/pages/receive/styles.ts"() { "use strict"; StyleWrapper = styled.div` padding: 15px 0px; padding-top: 30px; padding-bottom: 0; padding-top: 0; display: flex; flex-direction: column; `; StyleSubTitle = styled.div` color: red; font-size: 14px; max-width: 90%; text-align: center; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; `; StyleQrcodeWrapper = styled.div` margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 100%; padding: 0 30px; `; StyleAddress = styled.div` margin-top: 0px; margin-bottom: 0px; font-size: 14px; text-align: center; color: var(--pcm-body-color-secondary); max-width: 80%; white-space: pre-wrap; word-break: break-all; margin-left: auto; margin-right: auto; `; Stylefooter = styled.div` width: 100%; margin-top: 20px; svg { .bg { fill: var(--pcm-primary-button-hover-background) !important; stroke: var(--pcm-primary-button-color) !important; } path { stroke: var(--pcm-primary-button-color) !important; } } .copied { svg { .bg { fill: var(--pcm-accent-color) !important; stroke: var(--pcm-accent-color) !important; } } } `; } }); // src/pages/receive/index.tsx import { getChainIcon } from "@particle-network/connector-core"; import { jsx, jsxs } from "react/jsx-runtime"; var Page, receive_default; var init_receive = __esm({ "src/pages/receive/index.tsx"() { init_CustomQRCode(); init_copyToClipboard(); init_styles(); init_useAccount(); init_useAddress(); init_useLocales(); init_chains(); init_styles2(); Page = () => { const { chain } = useAccount(); const address = useAddress(); const locales = useLocales(); return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs(StyleWrapper, { children: [ /* @__PURE__ */ jsx(StyleSubTitle, { children: locales.onlySupport.format(getChainDisplayName(chain) || "") }), /* @__PURE__ */ jsx(StyleQrcodeWrapper, { children: chain?.id && /* @__PURE__ */ jsx(CustomQRCode_default, { ecl: "H", value: address, image: /* @__PURE__ */ jsx("img", { src: getChainIcon(chain) }) }) }, chain?.id), /* @__PURE__ */ jsx(StyleAddress, { children: address }), /* @__PURE__ */ jsx(Stylefooter, { children: /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: address, children: locales.copyAddress }) }) ] }) }); }; receive_default = Page; } }); init_receive(); export { receive_default as default }; //# sourceMappingURL=receive-GFC3GLIM.mjs.map