@particle-network/connectkit
Version:
237 lines (232 loc) • 6.45 kB
JavaScript
"use client";
import {
copyToClipboard_default,
init_copyToClipboard
} from "./chunk-KFSERCOH.mjs";
import {
init_useWalletConnectUri,
useWalletConnectUri
} from "./chunk-BC7CVV2X.mjs";
import {
CustomQRCode_default,
init_CustomQRCode
} from "./chunk-L7PHO2RG.mjs";
import "./chunk-75EHPGGI.mjs";
import {
button_default,
init_button
} from "./chunk-G4I34CN4.mjs";
import {
init_useIsMobile,
useIsMobile
} from "./chunk-PKYZZXB3.mjs";
import {
FlexCenter,
PageContent,
init_styles
} from "./chunk-QH6JFFQS.mjs";
import {
ShareIcon_default,
init_ShareIcon
} from "./chunk-EELEJVUC.mjs";
import "./chunk-SUWDRJLB.mjs";
import "./chunk-Q3DUJHH3.mjs";
import "./chunk-FDSW5JWY.mjs";
import "./chunk-I7EXWVJH.mjs";
import "./chunk-XV4TVGGP.mjs";
import "./chunk-QGF3ZKLH.mjs";
import {
init_context,
init_useAccount,
init_useLocales,
init_useRouter,
useAccount,
useContext,
useLocales,
useRouter
} from "./chunk-ODGVUXUQ.mjs";
import "./chunk-CVABX3CN.mjs";
import "./chunk-N5ZSWBVC.mjs";
import "./chunk-D7QF5CYD.mjs";
import "./chunk-TVDFKXAV.mjs";
import "./chunk-4YAFPODW.mjs";
import "./chunk-NITEP4FF.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/walletconnect/styles.ts
import { motion } from "framer-motion";
import { styled } from "styled-components";
var Wrapper, Header, Actions, Description;
var init_styles2 = __esm({
"src/pages/walletconnect/styles.ts"() {
"use strict";
Wrapper = styled(motion.div)`
padding: 15px 30px;
padding-top: 30px;
padding-top: 0;
display: flex;
flex-direction: column;
`;
Header = styled(motion.div)`
text-align: center;
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 30px;
`;
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;
}
}
`;
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 { useEffect, useMemo } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
var Page, walletconnect_default;
var init_walletconnect = __esm({
"src/pages/walletconnect/index.tsx"() {
init_ShareIcon();
init_CustomQRCode();
init_button();
init_copyToClipboard();
init_styles();
init_context();
init_useAccount();
init_useIsMobile();
init_useLocales();
init_useRouter();
init_useWalletConnectUri();
init_styles2();
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 })
] }) });
};
walletconnect_default = Page;
}
});
init_walletconnect();
export {
walletconnect_default as default
};
//# sourceMappingURL=walletconnect-3KTMAINL.mjs.map