@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
234 lines (216 loc) • 8.4 kB
JavaScript
// src/components/ui/Button.tsx
import { Slot } from "@radix-ui/react-slot";
import clsx from "clsx";
import { forwardRef } from "react";
// src/components/ui/Button.css.ts
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
var buttonVariants = _7a468({ defaultClassName: "Button_buttonVariants__1vdhm2g0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__1vdhm2g1", outline: "Button_buttonVariants_variant_outline__1vdhm2g2" }, size: { md: "Button_buttonVariants_size_md__1vdhm2g3", lg: "Button_buttonVariants_size_lg__1vdhm2g4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
// src/components/ui/Button.tsx
import { jsx } from "react/jsx-runtime";
var Button = forwardRef(
({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
const Comp = asChild ? Slot : "button";
return /* @__PURE__ */ jsx(
Comp,
{
...props,
className: clsx(buttonVariants({ variant, size }), className),
ref: forwardedRef
}
);
}
);
Button.displayName = "Button";
// src/components/ui/Heading.tsx
import { Slot as Slot2 } from "@radix-ui/react-slot";
import clsx2 from "clsx";
import { forwardRef as forwardRef2 } from "react";
// src/components/ui/Heading.css.ts
import { createRuntimeFn as _7a4682 } from "@vanilla-extract/recipes/createRuntimeFn";
var headingVariants = _7a4682({ defaultClassName: "Heading__1v58k1t0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__1v58k1t1", md: "Heading_headingVariants_size_md__1v58k1t2", lg: "Heading_headingVariants_size_lg__1v58k1t3", xl: "Heading_headingVariants_size_xl__1v58k1t4" }, weight: { normal: "Heading_headingVariants_weight_normal__1v58k1t5", bold: "Heading_headingVariants_weight_bold__1v58k1t6" }, truncate: { true: "Heading_headingVariants_truncate_true__1v58k1t7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
// src/components/ui/Heading.tsx
import { jsx as jsx2 } from "react/jsx-runtime";
var Heading = forwardRef2(
({
children,
className,
asChild = false,
as: Tag = "h1",
size,
weight,
truncate,
...headingProps
}, forwardedRef) => {
return /* @__PURE__ */ jsx2(
Slot2,
{
...headingProps,
ref: forwardedRef,
className: clsx2(headingVariants({ size, weight, truncate }), className),
children: asChild ? children : /* @__PURE__ */ jsx2(Tag, { children })
}
);
}
);
Heading.displayName = "Heading";
// src/components/ui/Text.tsx
import { Slot as Slot3 } from "@radix-ui/react-slot";
import clsx3 from "clsx";
import { forwardRef as forwardRef3 } from "react";
// src/components/ui/Text.css.ts
import { createRuntimeFn as _7a4683 } from "@vanilla-extract/recipes/createRuntimeFn";
var textVariants = _7a4683({ defaultClassName: "Text__1utg4wj0", variantClassNames: { size: { sm: "Text_textVariants_size_sm__1utg4wj1" }, weight: { normal: "Text_textVariants_weight_normal__1utg4wj2", medium: "Text_textVariants_weight_medium__1utg4wj3", bold: "Text_textVariants_weight_bold__1utg4wj4" }, color: { muted: "Text_textVariants_color_muted__1utg4wj5", danger: "Text_textVariants_color_danger__1utg4wj6", warning: "Text_textVariants_color_warning__1utg4wj7" }, mono: { true: "Text_textVariants_mono_true__1utg4wj8" } }, defaultVariants: { size: "sm", weight: "normal" }, compoundVariants: [] });
// src/components/ui/Text.tsx
import { jsx as jsx3 } from "react/jsx-runtime";
var Text = forwardRef3(
({
children,
className,
asChild = false,
as: Tag = "div",
size,
weight,
color,
mono,
...textProps
}, forwardedRef) => {
return /* @__PURE__ */ jsx3(
Slot3,
{
...textProps,
ref: forwardedRef,
className: clsx3(textVariants({ size, weight, color, mono }), className),
children: asChild ? children : /* @__PURE__ */ jsx3(Tag, { children })
}
);
}
);
Text.displayName = "Text";
// src/components/switch-network-modal/views/SwitchNetworkView.css.ts
var connectionStatus = "SwitchNetworkView_connectionStatus__e4ayqy3";
var container = "SwitchNetworkView_container__e4ayqy0";
var retryButtonContainer = "SwitchNetworkView_retryButtonContainer__e4ayqy4";
var title = "SwitchNetworkView_title__e4ayqy2";
var walletIcon = "SwitchNetworkView_walletIcon__e4ayqy1";
// src/components/ProgressProvider.tsx
import { createContext, useCallback, useContext, useState } from "react";
import { jsx as jsx4, jsxs } from "react/jsx-runtime";
var ProgressProviderContext = createContext(null);
var useProgress = () => {
const ctx = useContext(ProgressProviderContext);
if (!ctx) {
throw new Error("useSubscribeToError must be used within a GlobalProvider");
}
return ctx;
};
// src/components/switch-network-modal/views/SwitchNetworkView.tsx
import { useState as useState3 } from "react";
// src/components/util/wallet.ts
var NETWORK_MAP = {
mainnet: "livenet",
testnet: "testnet",
devnet: void 0,
localnet: void 0
};
var checkWalletNetwork = async (wallet, roochNetwork) => {
try {
const walletNetwork = await wallet.getNetwork();
const target = NETWORK_MAP[roochNetwork];
if (target && walletNetwork !== target) {
return target;
}
} catch (_) {
}
return void 0;
};
// src/hooks/client/useCurrentNetwork.ts
function useCurrentNetwork() {
return useRoochContext().network;
}
// src/hooks/client/useRoochContext.ts
import { useContext as useContext2 } from "react";
// src/provider/clientProvider.tsx
import { createContext as createContext2, useMemo, useState as useState2 } from "react";
import {
getRoochNodeUrl,
RoochClient
} from "@roochnetwork/rooch-sdk";
import { jsx as jsx5 } from "react/jsx-runtime";
var ClientContext = createContext2(null);
var DEFAULT_NETWORKS = {
localnet: { url: getRoochNodeUrl("localnet") }
};
// src/hooks/client/useRoochContext.ts
function useRoochContext() {
const context = useContext2(ClientContext);
if (!context) {
throw new Error(
"Could not find RoochClientContext. Ensure that you have set up the RoochClientProvider."
);
}
return context;
}
// src/components/switch-network-modal/views/SwitchNetworkView.tsx
import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
function SwitchNetworkView({
wallet,
onSuccess,
targetNetWork,
switchNetwork
}) {
const { start, finish, loading } = useProgress();
const [error, setError] = useState3(false);
const [support, setSupport] = useState3(true);
const roochNetwork = useCurrentNetwork();
const switch2Network = () => {
start();
switchNetwork(wallet, targetNetWork).catch((e) => {
if ("message" in e && e.message.includes("not support")) {
setSupport(false);
}
setError(true);
}).finally(() => {
finish();
});
};
const refresh = () => {
start();
checkWalletNetwork(wallet, roochNetwork).then((result) => {
if (!result) {
onSuccess();
}
}).finally(() => finish());
};
return /* @__PURE__ */ jsxs2("div", { className: container, children: [
wallet.getName() && /* @__PURE__ */ jsx6(
"img",
{
className: walletIcon,
src: wallet.getIcon(),
alt: `${wallet.getName()} logo`
}
),
/* @__PURE__ */ jsx6("div", { className: title, children: /* @__PURE__ */ jsxs2(Heading, { as: "h2", size: "xl", children: [
"Check ",
wallet.getName()
] }) }),
/* @__PURE__ */ jsxs2("div", { className: connectionStatus, children: [
/* @__PURE__ */ jsx6(Text, { color: "danger", children: !loading ? `${error ? "Switch failed" : `Wallet network is not ${targetNetWork}`}` : "being processed..." }),
/* @__PURE__ */ jsx6(Text, { color: "muted", children: !loading ? `Please ${error ? "manually" : ""} switch the wallet network to ${targetNetWork}` : "" })
] }),
/* @__PURE__ */ jsx6("div", { className: retryButtonContainer, children: /* @__PURE__ */ jsx6(
Button,
{
disabled: loading,
type: "button",
variant: "outline",
onClick: () => support ? switch2Network() : refresh(),
children: support ? error ? "Retry Switch" : "Switch" : "Refresh"
}
) })
] });
}
export {
SwitchNetworkView
};
//# sourceMappingURL=SwitchNetworkView.js.map