@particle-network/connectkit
Version:
227 lines (222 loc) • 13.2 kB
JavaScript
"use client";
import {
Links,
Title,
WalletIconContainer,
Wrapper,
init_styles as init_styles3
} from "./chunk-PFXK3FRR.mjs";
import {
ForwardContainer,
WalletItem,
WalletLable,
init_styles as init_styles2
} from "./chunk-AHPYJJP6.mjs";
import {
init_useConnectWithWallet,
useConnectWithWallet
} from "./chunk-S3MH5XAH.mjs";
import "./chunk-TKBQOFOS.mjs";
import {
FlexLeft,
PageContent,
init_styles
} from "./chunk-QH6JFFQS.mjs";
import {
Forward_default,
init_Forward
} from "./chunk-UB6FPNMP.mjs";
import "./chunk-CUETFWJ4.mjs";
import {
init_useIconColor,
init_useLocales,
useIconColor_default,
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/assets/chains/eth.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var Icon, eth_default;
var init_eth = __esm({
"src/assets/chains/eth.tsx"() {
"use strict";
Icon = () => {
return /* @__PURE__ */ jsxs(
"svg",
{
width: "22",
height: "22",
viewBox: "0 0 21 21",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink",
children: [
/* @__PURE__ */ jsx("rect", { width: "21", height: "21", fill: "url(#pattern0_23_44)" }),
/* @__PURE__ */ jsxs("defs", { children: [
/* @__PURE__ */ jsx("pattern", { id: "pattern0_23_44", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#image0_23_44", transform: "scale(0.0138889)" }) }),
/* @__PURE__ */ jsx(
"image",
{
id: "image0_23_44",
width: "72",
height: "72",
xlinkHref: "data:image/png;base64,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"
}
)
] })
]
}
);
};
eth_default = Icon;
}
});
// src/assets/chains/sol.tsx
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
var Icon2, sol_default;
var init_sol = __esm({
"src/assets/chains/sol.tsx"() {
"use strict";
init_useIconColor();
Icon2 = () => {
const { background } = useIconColor_default();
return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 26 26", fill: "none", children: [
/* @__PURE__ */ jsx2("rect", { width: "26", height: "26", rx: "13", fill: background }),
/* @__PURE__ */ jsx2("mask", { id: "mask0_1045_88", maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "22", height: "22", children: /* @__PURE__ */ jsx2("rect", { x: "2", y: "2", width: "22", height: "22", fill: "white" }) }),
/* @__PURE__ */ jsxs2("g", { mask: "url(#mask0_1045_88)", children: [
/* @__PURE__ */ jsx2(
"path",
{
d: "M7.63931 16.6911C7.73831 16.5921 7.87031 16.5371 8.01331 16.5371H20.9493C21.1803 16.5371 21.3013 16.8231 21.1363 16.9881L18.5843 19.5401C18.4853 19.6391 18.3533 19.6941 18.2103 19.6941H5.26331C5.03231 19.6941 4.91131 19.4081 5.07631 19.2431L7.63931 16.6911Z",
fill: "#C931F7"
}
),
/* @__PURE__ */ jsx2(
"path",
{
d: "M7.63931 7.154C7.73831 7.055 7.87031 7 8.01331 7H20.9493C21.1803 7 21.3013 7.286 21.1363 7.451L18.5843 10.003C18.4853 10.102 18.3533 10.157 18.2103 10.157H5.26331C5.03231 10.157 4.91131 9.871 5.07631 9.706L7.63931 7.154Z",
fill: "#1CE2AF"
}
),
/* @__PURE__ */ jsx2(
"path",
{
d: "M18.5733 11.8952C18.4743 11.7962 18.3423 11.7412 18.1993 11.7412H5.26331C5.03231 11.7412 4.91131 12.0272 5.07631 12.1922L7.62831 14.7442C7.72731 14.8432 7.85931 14.8982 8.00231 14.8982H20.9383C21.1693 14.8982 21.2903 14.6122 21.1253 14.4472L18.5733 11.8952Z",
fill: "#6697CE"
}
)
] })
] });
};
sol_default = Icon2;
}
});
// src/assets/chains/index.tsx
var chains, getChainIcon;
var init_chains = __esm({
"src/assets/chains/index.tsx"() {
"use strict";
init_eth();
init_sol();
chains = {
eth: eth_default,
sol: sol_default
};
getChainIcon = (chain) => {
return chains[chain] || eth_default;
};
}
});
// src/pages/selectChain/index.tsx
import { cloneElement } from "react";
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
var supportedChains, Page, selectChain_default;
var init_selectChain = __esm({
"src/pages/selectChain/index.tsx"() {
init_chains();
init_Forward();
init_styles();
init_styles2();
init_useConnectWithWallet();
init_useLocales();
init_styles3();
supportedChains = {
evm: getChainIcon("eth" /* Eth */),
solana: getChainIcon("sol" /* Sol */)
};
Page = ({ walletData }) => {
const locales = useLocales();
const connectWallet = useConnectWithWallet();
return /* @__PURE__ */ jsx3(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs3(Wrapper, { children: [
/* @__PURE__ */ jsx3(WalletIconContainer, { children: !!walletData?.props?.[0]?.icon && cloneElement(walletData?.props?.[0].icon, {}) }),
/* @__PURE__ */ jsxs3(
Title,
{
style: {
marginBottom: "40px"
},
children: [
/* @__PURE__ */ jsx3("div", { children: locales.walletSupportsMultipleChains }),
/* @__PURE__ */ jsx3("div", { children: locales.selectChainToConnect })
]
}
),
/* @__PURE__ */ jsx3(Links, { children: walletData.props.map((item, index) => /* @__PURE__ */ jsxs3(WalletItem, { onClick: () => connectWallet(item), children: [
/* @__PURE__ */ jsxs3(FlexLeft, { gap: 10, children: [
supportedChains[item.connector.chainType](),
/* @__PURE__ */ jsx3(
"div",
{
className: "label",
style: {
fontSize: 14
},
children: item.connector.chainType.toUpperCase()
}
)
] }),
item.isInstalled && /* @__PURE__ */ jsx3(WalletLable, { $customLable: false, children: locales.installed }),
/* @__PURE__ */ jsx3(ForwardContainer, { children: /* @__PURE__ */ jsx3(Forward_default, {}) })
] }, index)) })
] }) });
};
selectChain_default = Page;
}
});
init_selectChain();
export {
selectChain_default as default
};
//# sourceMappingURL=selectChain-AJHYNQAM.mjs.map