@particle-network/connectkit 2.1.3 → 3.0.0-alpha.0

package/dist/walletInfo-YWAO2R3X.js

@@ -0,0 +1,605 @@
+"use client";
+import {
+  StyleActionIcon,
+  StyleActionText,
+  StyleActions,
+  StyleBalance,
+  StyleChainName,
+  StyleDisconnectContent,
+  StyleDisconnectLoading,
+  StyleFooter,
+  StyleFooterLabel,
+  StyleModalContainer,
+  StyleTextButton2,
+  StyleWalletIcon,
+  StyleWalletInfo,
+  StyleWalletInfoLeft,
+  StyleWalletInfoRight,
+  StyleWalletText
+} from "./chunk-LRBV777G.js";
+import {
+  SocialItem
+} from "./chunk-BD4WVCBW.js";
+import "./chunk-DEXEZZLU.js";
+import {
+  FlexBetween,
+  FlexCenter,
+  FlexLeft,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  WalletIcon_default
+} from "./chunk-S76DCOXY.js";
+import {
+  PlusIcon_default
+} from "./chunk-CEJ5BY5C.js";
+import {
+  ReceiveIcon_default
+} from "./chunk-XGD6R6GM.js";
+import {
+  DisconnectIcon_default
+} from "./chunk-COIMDFOA.js";
+import {
+  AccountSecurityIcon_default
+} from "./chunk-VOQSJW4L.js";
+import {
+  BuyIcon_default
+} from "./chunk-A57DXMTQ.js";
+import {
+  StyleSwitchNetwork,
+  chainDropdown_default,
+  useEmbeddedWallet,
+  useParticleAuth,
+  usePublicClient,
+  useWallets
+} from "./chunk-SZXTGGO5.js";
+import {
+  getChainDisplayName
+} from "./chunk-TRWMCIHD.js";
+import "./chunk-N4GV5W2B.js";
+import {
+  useChains,
+  useWalletConnections
+} from "./chunk-IXI5BPQB.js";
+import {
+  useAddress,
+  useDisconnect
+} from "./chunk-PL6QIZLJ.js";
+import {
+  circleSpinner_default
+} from "./chunk-JD2G7AYY.js";
+import "./chunk-WGKCZEHD.js";
+import "./chunk-T5GA77TN.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-CJX7E6AL.js";
+import "./chunk-XGHEAMH4.js";
+import "./chunk-L54GEI53.js";
+import "./chunk-JNC2NG4X.js";
+import {
+  DownArrowIcon_default
+} from "./chunk-VHIFRWGR.js";
+import {
+  ErrorIcon_default
+} from "./chunk-BR72EWB6.js";
+import "./chunk-VJH5DPLC.js";
+import "./chunk-U4SXOUNY.js";
+import "./chunk-YYOKJPK2.js";
+import "./chunk-BJ32HYL4.js";
+import "./chunk-RYSXBBMM.js";
+import "./chunk-N3MSOWVE.js";
+import "./chunk-QFH64IAE.js";
+import "./chunk-55UGY273.js";
+import "./chunk-R7ILOOFS.js";
+import "./chunk-WFCEI56L.js";
+import "./chunk-FAWZTHLQ.js";
+import "./chunk-BHWEMMMW.js";
+import "./chunk-C7E42FPN.js";
+import "./chunk-R3XVOLUA.js";
+import "./chunk-NDM5BGSH.js";
+import "./chunk-YNLKWKSL.js";
+import {
+  getBuyUrl,
+  popupWindow,
+  useAccount,
+  useAppearance,
+  useLocales,
+  useRouter
+} from "./chunk-RCHD3MLP.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-3L2UPU7A.js";
+import "./chunk-KU5MGEWC.js";
+import "./chunk-BCB2QAQS.js";
+import "./chunk-MN2F4AZ3.js";
+import "./chunk-YJJ4ATTJ.js";
+import "./chunk-E4D4ECEP.js";
+import "./chunk-2W7MK3DK.js";
+import "./chunk-UMENPXBC.js";
+import "./chunk-G3GPVZMU.js";
+import "./chunk-WUBIBUXY.js";
+import "./chunk-DWNXHRFN.js";
+import "./chunk-36YHDQZP.js";
+import "./chunk-NJTGSUH4.js";
+import "./chunk-2WEF5LND.js";
+import "./chunk-J7HM4OEH.js";
+import "./chunk-VSGGK7B2.js";
+import "./chunk-7UCSXQQ6.js";
+import "./chunk-GFNFEXAZ.js";
+import "./chunk-XV736F4S.js";
+import "./chunk-3ITHJWMM.js";
+import "./chunk-RITZUPW3.js";
+import "./chunk-HGVSZKUL.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletInfo/index.tsx
+import { getChainIcon, getChainType } from "@particle-network/connector-core";
+import { useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
+
+// src/components/refreshIcon/index.tsx
+import { motion, useAnimation } from "framer-motion";
+import { useEffect, useState } from "react";
+import { styled } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyleRefreshIcon = styled.div`
+  color: var(--pcm-body-color-secondary);
+  width: 20px;
+  min-width: 20px;
+  display: flex;
+  align-items: center;
+
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      color: var(--pcm-body-color);
+    }
+  }
+`;
+var RefreshIcon = ({ spin, ...props }) => {
+  const controls = useAnimation();
+  const [isSpinning, setIsSpinning] = useState(false);
+  useEffect(() => {
+    let animation;
+    const startSpinning = async () => {
+      if (isSpinning) {
+        animation = await controls.start({
+          rotate: [0, 360],
+          transition: { repeat: Infinity, duration: 1, ease: "linear" }
+        });
+      }
+    };
+    if (spin) {
+      setIsSpinning(true);
+      startSpinning();
+    } else {
+      setIsSpinning(false);
+      controls.stop();
+    }
+    return () => {
+      if (animation) {
+        animation.stop();
+      }
+    };
+  }, [spin, controls, isSpinning]);
+  return /* @__PURE__ */ jsx(StyleRefreshIcon, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:54:5:StyleRefreshIcon", children: /* @__PURE__ */ jsxs(
+    motion.svg,
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      animate: controls,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M18.6187 5.63377C18.3947 5.52181 18.0589 5.63377 17.9469 5.96963L17.4991 7.20111C16.8274 5.52181 15.8198 4.17837 14.2525 3.28275C12.3493 2.16321 10.2221 1.7154 8.09503 2.27517C5.07229 2.94689 2.83323 5.18595 2.04955 8.20869C1.9376 8.54455 2.16151 8.76846 2.38541 8.88041C2.72127 8.88041 2.94518 8.76846 3.05713 8.4326C3.72885 5.74572 5.74401 3.73056 8.43089 3.17079C10.3341 2.72298 12.2373 3.05884 13.8047 4.06642C15.1481 4.85009 16.1557 6.08158 16.7154 7.53697L15.372 6.97721C15.1481 6.86525 14.8122 6.97721 14.7003 7.31307C14.5883 7.53697 14.7003 7.87283 14.9242 7.98479L17.1633 8.88041C17.2752 8.99237 17.3872 8.99237 17.4991 8.99237H17.6111C17.6111 8.99237 17.6111 8.99237 17.723 8.99237C17.835 8.99237 17.9469 8.88041 17.9469 8.76846L18.9545 6.19353C19.0665 5.96963 18.8426 5.74572 18.6187 5.63377Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.3",
+            "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:64:9:path"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.6111 11.1195C17.3872 11.0076 17.0513 11.2315 17.0513 11.4554C16.3796 14.1423 14.3644 16.1574 11.6776 16.7172C9.77434 17.165 7.87114 16.8291 6.30379 15.8216C4.96035 15.0379 3.95277 13.8064 3.393 12.351L4.73644 12.9108C4.96035 13.0227 5.29621 12.9108 5.40816 12.5749C5.52012 12.351 5.40816 12.0151 5.18426 11.9032L2.83324 11.1195C2.72128 11.1195 2.60933 11.0076 2.49738 11.0076H2.38542C2.38542 11.0076 2.38542 11.0076 2.27347 11.0076C2.16152 11.1195 2.04956 11.2315 2.04956 11.3434L1.04198 13.8064C0.930029 14.0303 1.04198 14.3662 1.37784 14.4781C1.60175 14.5901 1.93761 14.4781 2.04956 14.1423L2.49738 12.9108C3.1691 14.4781 4.17668 15.8216 5.74402 16.7172C7.64723 17.8367 9.77434 18.2845 11.9015 17.7248C14.9242 17.053 17.2752 14.702 17.9469 11.6793C18.0589 11.4554 17.835 11.2315 17.6111 11.1195Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.3",
+            "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/refreshIcon/index.tsx:70:9:path"
+          }
+        )
+      ]
+    }
+  ) });
+};
+var refreshIcon_default = RefreshIcon;
+
+// src/utils/formatToken.ts
+import { formatUnits } from "viem/utils";
+var formatTokenAmount = (value, decimal, decimalPlaces = 9) => {
+  if (!value)
+    return "0";
+  if (typeof value === "string" || typeof value === "number") {
+    value = BigInt(value);
+  }
+  let result = formatUnits(value, decimal);
+  const [integerPart, decimalPart] = result.split(".");
+  if (decimalPlaces >= 5 && integerPart === "0" && decimalPart?.startsWith("".padEnd(decimalPlaces, "0"))) {
+    return "<0.".padEnd(decimalPlaces + 3 - 1, "0") + "1";
+  }
+  result = formatStringNumber(result, decimalPlaces);
+  return result;
+};
+function formatStringNumber(num, n) {
+  let [integerPart, decimalPart] = num.split(".");
+  if (!decimalPart) {
+    return integerPart;
+  }
+  decimalPart = decimalPart.slice(0, n);
+  decimalPart = decimalPart.replace(/0+$/, "");
+  if (decimalPart === "") {
+    return integerPart;
+  }
+  return `${integerPart}.${decimalPart}`;
+}
+
+// src/pages/walletInfo/index.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Page = () => {
+  const chainList = useChains();
+  const { chain, chainId: currentChainId, isConnected } = useAccount();
+  const locales = useLocales();
+  const chains = useChains();
+  const [walletConnection] = useWalletConnections();
+  const client = usePublicClient();
+  const [primaryWallet] = useWallets();
+  const { openAccountAndSecurity, openLinkLoginAccount, getUserInfo, openSetSecurityAccount } = useParticleAuth();
+  const embeddedWallet = useEmbeddedWallet();
+  const address = useAddress();
+  const { close, navigate } = useRouter();
+  const { disconnectAsync } = useDisconnect({
+    onSettled(data, error) {
+      console.log("wallet disconnect");
+    }
+  });
+  const [refreshBalance, setRefreshBalance] = useState2(false);
+  const [chainDropdownVisible, setChainDropdownVisible] = useState2(false);
+  const [balance, setBalance] = useState2(null);
+  const timer = useRef(void 0);
+  const walletInfoLeftRef = useRef(null);
+  const [disconnectLoading, setDisconnectLoading] = useState2(false);
+  const currentChainType = useMemo(() => {
+    if (chainList && chainList?.length && currentChainId) {
+      const chain2 = chainList.find((item) => item.id === currentChainId);
+      if (chain2) {
+        return getChainType(chain2);
+      }
+      return "";
+    } else {
+      return "";
+    }
+  }, [chainList, currentChainId]);
+  const supportChain = useMemo(() => {
+    return chains.some((item) => item.id === chain?.id);
+  }, [chain, chains]);
+  const getBalance = async () => {
+    if (!currentChainType) {
+      return;
+    }
+    const params = currentChainType === "evm" ? { address } : primaryWallet?.getWalletClient?.()?.publicKey;
+    if (address && params && client) {
+      client.getBalance(params).then((res) => {
+        const { decimals = 1 } = chain?.nativeCurrency || {};
+        const balance2 = formatTokenAmount(BigInt(res), decimals, 5) || "0";
+        setBalance(balance2);
+        const key = `${chain?.id}-${address}-balance`?.toLowerCase();
+        localStorage.setItem(key, balance2);
+      }).catch((e) => {
+        console.log("get balance error", e);
+      });
+    }
+  };
+  const isParticle = useMemo(() => {
+    return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === "particleAuth");
+  }, [walletConnection]);
+  const getCachedBalance = () => {
+    const key = `${chain?.id}-${address}-balance`?.toLowerCase();
+    return localStorage.getItem(key) || "0";
+  };
+  const { appearance } = useAppearance();
+  const buyUrl = useMemo(() => {
+    if (address) {
+      return getBuyUrl(currentChainId, address, "", appearance.mode);
+    }
+    return void 0;
+  }, [address, currentChainId, appearance.mode]);
+  useEffect2(() => {
+    if (address && chain && client && primaryWallet) {
+      setBalance(getCachedBalance());
+      getBalance();
+    }
+  }, [address, client, chain, primaryWallet]);
+  useEffect2(() => {
+    if (chain?.id && address) {
+      setBalance(getCachedBalance());
+    }
+  }, [chain?.id, address, balance]);
+  return /* @__PURE__ */ jsx2(PageContent, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:152:5:PageContent", children: /* @__PURE__ */ jsxs2(StyleModalContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:153:7:StyleModalContainer", children: [
+    /* @__PURE__ */ jsxs2(StyleWalletInfo, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:154:9:StyleWalletInfo", children: [
+      /* @__PURE__ */ jsx2(
+        StyleWalletInfoLeft,
+        {
+          ref: walletInfoLeftRef,
+          selected: chains?.length > 1 || !supportChain,
+          onClick: () => {
+            if (chains?.length > 1 || !supportChain) {
+              setChainDropdownVisible(!chainDropdownVisible);
+            }
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:155:11:StyleWalletInfoLeft",
+          children: isConnected && /* @__PURE__ */ jsxs2(Fragment, { children: [
+            supportChain ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+              chain && /* @__PURE__ */ jsx2(StyleWalletIcon, { src: getChainIcon(chain), alt: "", "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:168:31:StyleWalletIcon" }),
+              /* @__PURE__ */ jsx2(StyleChainName, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:169:21:StyleChainName", children: getChainDisplayName(chain) })
+            ] }) : /* @__PURE__ */ jsxs2(StyleSwitchNetwork, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:172:19:StyleSwitchNetwork", children: [
+              /* @__PURE__ */ jsx2(ErrorIcon_default, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:173:21:ErrorIcon" }),
+              locales.switchNetwork
+            ] }),
+            (chains?.length > 1 || !supportChain) && /* @__PURE__ */ jsx2(StyleWalletText, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:179:19:StyleWalletText", children: /* @__PURE__ */ jsx2(
+              DownArrowIcon_default,
+              {
+                width: 12,
+                height: 12,
+                spin: !!chainDropdownVisible,
+                color: supportChain ? "var(--pcm-body-color-secondary)" : "var(--pcm-error-color)",
+                "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:180:21:DownArrowIcon"
+              }
+            ) })
+          ] })
+        }
+      ),
+      supportChain && /* @__PURE__ */ jsxs2(StyleWalletInfoRight, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:192:13:StyleWalletInfoRight", children: [
+        /* @__PURE__ */ jsxs2(StyleBalance, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:193:15:StyleBalance", children: [
+          balance || 0,
+          " \xA0",
+          chain?.nativeCurrency.symbol?.replace("tBNB", "BNB")
+        ] }),
+        /* @__PURE__ */ jsx2(
+          refreshIcon_default,
+          {
+            style: { cursor: "pointer" },
+            spin: refreshBalance,
+            onClick: async () => {
+              clearTimeout(timer.current);
+              const start = new Date().getTime();
+              setRefreshBalance(true);
+              await getBalance();
+              const remain = 1e3 - (new Date().getTime() - start);
+              timer.current = setTimeout(
+                () => {
+                  setRefreshBalance(false);
+                },
+                remain > 0 ? remain : 0
+              );
+            },
+            "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:197:15:RefreshIcon"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(
+        chainDropdown_default,
+        {
+          visible: chainDropdownVisible,
+          setVisible: setChainDropdownVisible,
+          clickAwayElements: [walletInfoLeftRef],
+          maxHeight: 200,
+          supportChain,
+          top: 50,
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:217:11:ChainDropdown"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(StyleActions, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:226:9:StyleActions", children: [
+      /* @__PURE__ */ jsx2(
+        SocialItem,
+        {
+          $isDisabled: Boolean(!buyUrl),
+          $felxRow: false,
+          onClick: () => {
+            if (!buyUrl)
+              return;
+            const height = parseInt((window.innerHeight * 0.8).toString());
+            let width = height * 0.6;
+            if (width > 1e3) {
+              width = 1e3;
+            }
+            if (width > window.innerWidth) {
+              width = parseInt((window.innerWidth * 0.9).toString());
+            }
+            popupWindow(buyUrl, "Particle Network", width, height);
+            close();
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:227:11:SocialItem",
+          children: /* @__PURE__ */ jsxs2(
+            FlexCenter,
+            {
+              style: {
+                width: "100%",
+                gap: "6px"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:245:13:FlexCenter",
+              children: [
+                /* @__PURE__ */ jsx2(
+                  BuyIcon_default,
+                  {
+                    className: StyleActionIcon,
+                    style: {
+                      width: "20px"
+                    },
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:251:15:BuyIcon"
+                  }
+                ),
+                /* @__PURE__ */ jsx2(StyleActionText, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:257:15:StyleActionText", children: locales.buy })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        SocialItem,
+        {
+          $felxRow: false,
+          $isDisabled: Boolean(!address) || !chain,
+          onClick: () => {
+            navigate("receive" /* Receive */);
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:261:11:SocialItem",
+          children: /* @__PURE__ */ jsxs2(
+            FlexCenter,
+            {
+              style: {
+                width: "100%",
+                gap: "6px"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:268:13:FlexCenter",
+              children: [
+                /* @__PURE__ */ jsx2(
+                  ReceiveIcon_default,
+                  {
+                    className: StyleActionIcon,
+                    style: {
+                      width: "18px"
+                    },
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:274:15:ReceiveIcon"
+                  }
+                ),
+                /* @__PURE__ */ jsx2(StyleActionText, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:280:15:StyleActionText", children: locales.receive })
+              ]
+            }
+          )
+        }
+      ),
+      embeddedWallet && embeddedWallet.isCanOpen && /* @__PURE__ */ jsx2(
+        SocialItem,
+        {
+          $felxRow: false,
+          $isDisabled: Boolean(!address),
+          onClick: () => {
+            embeddedWallet.openWallet();
+            close();
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:285:13:SocialItem",
+          children: /* @__PURE__ */ jsxs2(
+            FlexCenter,
+            {
+              style: {
+                width: "100%",
+                gap: "6px"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:293:15:FlexCenter",
+              children: [
+                /* @__PURE__ */ jsx2(
+                  WalletIcon_default,
+                  {
+                    className: StyleActionIcon,
+                    style: {
+                      width: "20px"
+                    },
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:299:17:WalletIcon"
+                  }
+                ),
+                /* @__PURE__ */ jsx2(StyleActionText, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:305:17:StyleActionText", children: locales.wallet })
+              ]
+            }
+          )
+        }
+      ),
+      isParticle && /* @__PURE__ */ jsx2(
+        SocialItem,
+        {
+          $felxRow: false,
+          onClick: () => {
+            openAccountAndSecurity();
+            close();
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:311:13:SocialItem",
+          children: /* @__PURE__ */ jsxs2(
+            FlexCenter,
+            {
+              style: {
+                width: "100%",
+                gap: "6px"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:318:15:FlexCenter",
+              children: [
+                /* @__PURE__ */ jsx2(
+                  AccountSecurityIcon_default,
+                  {
+                    className: StyleActionIcon,
+                    style: {
+                      width: "20px"
+                    },
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:324:17:AccountSecurityIcon"
+                  }
+                ),
+                /* @__PURE__ */ jsx2(StyleActionText, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:330:17:StyleActionText", children: locales.accountAndSecurity })
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(StyleFooter, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:335:9:StyleFooter", children: /* @__PURE__ */ jsxs2(FlexBetween, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:336:11:FlexBetween", children: [
+      isParticle ? /* @__PURE__ */ jsx2(
+        StyleTextButton2,
+        {
+          onClick: () => {
+            const useInfo = getUserInfo();
+            const { email, phone } = useInfo.security_account || {};
+            if (!email && !phone) {
+              openSetSecurityAccount();
+              close();
+            } else {
+              openLinkLoginAccount();
+              close();
+            }
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:338:15:StyleTextButton2",
+          children: /* @__PURE__ */ jsxs2(FlexLeft, { gap: 5, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:351:17:FlexLeft", children: [
+            /* @__PURE__ */ jsx2(PlusIcon_default, { className: StyleActionIcon, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:352:19:PlusIcon" }),
+            /* @__PURE__ */ jsx2(StyleFooterLabel, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:353:19:StyleFooterLabel", children: locales.linkLoginAccount })
+          ] })
+        }
+      ) : /* @__PURE__ */ jsx2("div", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:357:15:div" }),
+      /* @__PURE__ */ jsx2(StyleTextButton2, { $disconnectLoading: disconnectLoading, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:360:13:StyleTextButton2", children: /* @__PURE__ */ jsxs2(
+        FlexLeft,
+        {
+          gap: 5,
+          onClick: () => {
+            setDisconnectLoading(true);
+            disconnectAsync().finally(() => {
+              setTimeout(() => {
+                setDisconnectLoading(false);
+              }, 300);
+            });
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:361:15:FlexLeft",
+          children: [
+            /* @__PURE__ */ jsxs2(StyleDisconnectContent, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:372:17:StyleDisconnectContent", children: [
+              disconnectLoading && /* @__PURE__ */ jsx2(StyleDisconnectLoading, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:374:21:StyleDisconnectLoading", children: /* @__PURE__ */ jsx2(circleSpinner_default, { width: 16, inset: 0, height: 16, logo: /* @__PURE__ */ jsx2(Fragment, {}), "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:375:23:CircleSpinner" }) }),
+              /* @__PURE__ */ jsx2(DisconnectIcon_default, { className: StyleActionIcon, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:379:19:DisconnectIcon" })
+            ] }),
+            /* @__PURE__ */ jsx2(StyleFooterLabel, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletInfo/index.tsx:381:17:StyleFooterLabel", children: locales.disconnect })
+          ]
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+var walletInfo_default = Page;
+export {
+  walletInfo_default as default
+};
+//# sourceMappingURL=walletInfo-YWAO2R3X.js.map