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

package/dist/index.js

@@ -0,0 +1,592 @@
+"use client";
+import {
+  StyleAddressSection,
+  StyleChainIcon,
+  StyleChainName,
+  StyleChainSection,
+  StyleConnectedWidgetContainer,
+  StyleDivider,
+  StyleInfoBox,
+  StyleSwitchNetwork,
+  StyleWalletAddress,
+  chainDropdown_default,
+  useEmbeddedWallet,
+  useParticleAuth,
+  usePublicClient,
+  useSwitchAccount,
+  useSwitchChain,
+  useWallets
+} from "./chunk-V5XT23D7.js";
+import {
+  getChainDisplayName
+} from "./chunk-TRWMCIHD.js";
+import "./chunk-N4GV5W2B.js";
+import {
+  walletAAIcon_default,
+  walletIcon_default
+} from "./chunk-G73B7KPM.js";
+import {
+  useChains
+} from "./chunk-FYAQCKL4.js";
+import {
+  useAddress,
+  useDisconnect,
+  useSmartAccount
+} from "./chunk-ELGZQRIO.js";
+import {
+  version
+} from "./chunk-5S7Y5OFF.js";
+import "./chunk-LAGMNSQN.js";
+import "./chunk-ZLJSXTUZ.js";
+import {
+  useConnect
+} from "./chunk-D7PV6C4K.js";
+import "./chunk-DFLBOHGW.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-5SV7TXTD.js";
+import "./chunk-R6XX6QLF.js";
+import {
+  useConnectors
+} from "./chunk-6XAHI6XP.js";
+import {
+  MoreOptionsIcon_default
+} from "./chunk-4ARS4APF.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-IUJCRVLO.js";
+import "./chunk-QFH64IAE.js";
+import "./chunk-Q2W4BTIE.js";
+import "./chunk-R7ILOOFS.js";
+import "./chunk-WFCEI56L.js";
+import "./chunk-2NGOQYF3.js";
+import "./chunk-BHWEMMMW.js";
+import "./chunk-3JF53VAH.js";
+import "./chunk-R3XVOLUA.js";
+import "./chunk-QGNBUJDR.js";
+import "./chunk-QGLI6C7V.js";
+import {
+  ConnectKitProvider,
+  ThemeContainer,
+  shortAddress,
+  useAccount,
+  useAppearance,
+  useLocales,
+  useRouter
+} from "./chunk-KBJQDMYG.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/components/connectButton/index.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+
+// src/components/connectedWidget/index.tsx
+import { getChainIcon } from "@particle-network/connector-core";
+import { useMemo, useRef as useRef2, useState as useState2 } from "react";
+
+// src/components/horizontalResizeAnimation/index.tsx
+import { useEffect, useRef, useState } from "react";
+import { styled } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var AnimationContainer = styled.div`
+  transition: width 0.3s ease;
+  overflow: hidden;
+`;
+var ContentWrapper = styled.div`
+  display: inline-block;
+  white-space: nowrap;
+`;
+var HorizontalResizeAnimation = ({
+  children,
+  style,
+  ...props
+}) => {
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [width, setWidth] = useState(0);
+  useEffect(() => {
+    if (containerRef.current && contentRef.current) {
+      requestAnimationFrame(() => {
+        const newWidth = contentRef.current?.offsetWidth || 0;
+        setWidth(newWidth);
+      });
+    }
+  }, [children]);
+  return /* @__PURE__ */ jsx(AnimationContainer, { ref: containerRef, style: { width: `${width}px` }, children: /* @__PURE__ */ jsx(ContentWrapper, { ref: contentRef, ...props, ...style, children }) });
+};
+var horizontalResizeAnimation_default = HorizontalResizeAnimation;
+
+// src/components/connectedWidget/index.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ConnectedWidget = () => {
+  const locales = useLocales();
+  const { chain } = useAccount();
+  const walletAddress = useAddress();
+  const { navigate } = useRouter();
+  const chains = useChains();
+  const smartAccount = useSmartAccount();
+  const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase();
+  const [chainDropdownVisible, setChainDropdownVisible] = useState2(false);
+  const leftRef = useRef2(null);
+  const supportChain = useMemo(() => {
+    return chains.some((item) => item.id === chain?.id);
+  }, [chain, chains]);
+  const chainName = useMemo(() => {
+    const chainName2 = getChainDisplayName(chain);
+    const maxChainNameLength = window.screen.width < 400 ? 9 : 18;
+    return chainName2?.length > maxChainNameLength ? `${chainName2.slice(0, maxChainNameLength)}...` : chainName2;
+  }, [chain]);
+  return /* @__PURE__ */ jsxs(StyleConnectedWidgetContainer, { children: [
+    /* @__PURE__ */ jsxs(StyleInfoBox, { children: [
+      /* @__PURE__ */ jsx2(
+        StyleChainSection,
+        {
+          ref: leftRef,
+          selected: chains?.length > 1 || !supportChain,
+          onClick: () => {
+            if (chains?.length > 1 || !supportChain) {
+              setChainDropdownVisible(!chainDropdownVisible);
+            }
+          },
+          children: /* @__PURE__ */ jsxs("div", { className: "wrap", children: [
+            supportChain ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              chain && /* @__PURE__ */ jsx2(StyleChainIcon, { src: getChainIcon(chain), alt: "" }),
+              /* @__PURE__ */ jsx2(horizontalResizeAnimation_default, { children: /* @__PURE__ */ jsx2(StyleChainName, { children: chainName }) })
+            ] }) : /* @__PURE__ */ jsxs(StyleSwitchNetwork, { children: [
+              /* @__PURE__ */ jsx2(ErrorIcon_default, {}),
+              /* @__PURE__ */ jsx2(horizontalResizeAnimation_default, { children: locales.switchNetwork })
+            ] }),
+            (chains?.length > 1 || !supportChain) && /* @__PURE__ */ jsx2(
+              DownArrowIcon_default,
+              {
+                width: 10,
+                height: 10,
+                spin: !!chainDropdownVisible,
+                color: supportChain ? "var(--pcm-body-color-secondary)" : "var(--pcm-error-color)"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(StyleDivider, {}),
+      /* @__PURE__ */ jsx2(
+        StyleAddressSection,
+        {
+          style: { cursor: "pointer" },
+          onClick: () => {
+            navigate("wallet-info" /* WalletInfo */);
+          },
+          children: /* @__PURE__ */ jsxs("div", { className: "wrap", children: [
+            aaIconName ? /* @__PURE__ */ jsx2(walletAAIcon_default, { size: 20, aaName: aaIconName }) : /* @__PURE__ */ jsx2(walletIcon_default, { size: 20 }),
+            /* @__PURE__ */ jsx2(horizontalResizeAnimation_default, { children: /* @__PURE__ */ jsx2(StyleWalletAddress, { children: shortAddress(walletAddress || "") }) }),
+            /* @__PURE__ */ jsx2(MoreOptionsIcon_default, {})
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(
+      chainDropdown_default,
+      {
+        visible: chainDropdownVisible,
+        setVisible: setChainDropdownVisible,
+        clickAwayElements: [leftRef],
+        supportChain
+      }
+    )
+  ] });
+};
+var connectedWidget_default = ConnectedWidget;
+
+// src/components/connectButton/styles.ts
+import { motion } from "framer-motion";
+import { styled as styled2 } from "styled-components";
+var ButtonContainer = styled2(motion.div)`
+  height: 48px;
+  padding: 0 40px;
+  position: relative;
+  background-color: var(--pcm-primary-button-bankground);
+  border-radius: var(--pcm-rounded-lg);
+  color: var(--pcm-primary-button-color);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 200ms ease;
+  width: auto;
+  max-width: 360px;
+  width: 100%;
+`;
+
+// src/components/connectButton/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ConnectButton = (props) => {
+  const { label } = props;
+  const { isConnected, status } = useAccount();
+  const { navigate } = useRouter();
+  const [loading, setLoading] = useState3(true);
+  const { appearance } = useAppearance();
+  const locales = useLocales();
+  useEffect2(() => {
+    setLoading(false);
+  }, [status]);
+  if (loading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(ThemeContainer, { $useTheme: appearance?.theme, $useMode: appearance?.mode, suppressHydrationWarning: true, children: isConnected ? /* @__PURE__ */ jsx3(connectedWidget_default, {}) : /* @__PURE__ */ jsx3(
+    ButtonContainer,
+    {
+      whileHover: {
+        scale: 1.05,
+        boxShadow: "0px 0px 8px rgba(255,255,255,0.2)"
+      },
+      whileTap: { scale: 0.95 },
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: {
+        type: "spring",
+        stiffness: 260,
+        damping: 20
+      },
+      onClick: () => {
+        navigate("signup" /* Signup */);
+      },
+      children: label ?? locales.connect
+    }
+  ) });
+};
+var connectButton_default = ConnectButton;
+
+// src/hooks/useModal.ts
+var useModal = ({ onConnect, onDisconnect } = {}) => {
+  const { navigate, close, isOpen } = useRouter();
+  const { isConnected } = useAccount();
+  return {
+    isOpen,
+    setOpen: (open) => {
+      if (open) {
+        navigate(isConnected ? "wallet-info" /* WalletInfo */ : "signup" /* Signup */);
+      } else {
+        close();
+      }
+    }
+  };
+};
+
+// src/createConfig.ts
+import {
+  createStorage,
+  uid as getUid,
+  isEVMChain,
+  isSolanaChain,
+  noopStorage,
+  registerChains
+} from "@particle-network/connector-core";
+import { persist, subscribeWithSelector } from "zustand/middleware";
+import { createStore } from "zustand/vanilla";
+var createConfig = (options) => {
+  const { walletConnectors: createWalletConnectorFns, chains, projectId, clientKey, appId, plugins } = options;
+  if (!createWalletConnectorFns.length) {
+    throw new Error("Please set at least one connector.");
+  }
+  if (!chains.length) {
+    throw new Error("Please set at least one chain.");
+  }
+  registerChains(chains);
+  if (options.initialChainId?.evm && chains.some(isEVMChain) && !chains.find((chain) => chain.id === options.initialChainId?.evm)) {
+    throw new Error("`chains` not includes `initialChainId.evm`");
+  }
+  if (options.initialChainId?.solana && chains.some(isSolanaChain) && !chains.find((chain) => chain.id === options.initialChainId?.solana)) {
+    throw new Error("`chains` not includes `initialChainId.solana`");
+  }
+  const storage = createStorage({
+    storage: typeof window !== "undefined" && window.localStorage ? window.localStorage : noopStorage
+  });
+  function getInitialState() {
+    return {
+      chainId: chains[0].id,
+      connections: /* @__PURE__ */ new Map(),
+      current: null,
+      status: "disconnected"
+    };
+  }
+  const currentVersion = Number(version.replaceAll(".", ""));
+  const store = createStore(
+    subscribeWithSelector(
+      storage ? persist(getInitialState, {
+        migrate(persistedState, version2) {
+          return persistedState;
+        },
+        name: "store",
+        partialize(state) {
+          return {
+            connections: {
+              __type: "Map",
+              value: Array.from(state.connections.entries()).map(([key, connection]) => {
+                const { id, name, type, uid: uid2, chainType } = connection.connector;
+                const connector = { id, name, type, uid: uid2, chainType };
+                return [key, { ...connection, connector }];
+              })
+            },
+            chainId: state.chainId,
+            current: state.current
+          };
+        },
+        storage,
+        version: currentVersion
+      }) : getInitialState
+    )
+  );
+  function change(data) {
+    store.setState((x) => {
+      const connection = x.connections.get(data.uid);
+      if (!connection)
+        return x;
+      return {
+        ...x,
+        connections: new Map(x.connections).set(data.uid, {
+          accounts: data.accounts ?? connection.accounts,
+          chainId: data.chainId ?? connection.chainId,
+          connector: connection.connector
+        })
+      };
+    });
+  }
+  async function connect(data) {
+    const status = store.getState().status;
+    if (status === "connecting" || status === "reconnecting") {
+      return;
+    }
+    const connector = connectors.getState().find((x) => x.uid === data.uid);
+    if (!connector)
+      return;
+    const isAuthorized = await connector.isAuthorized();
+    if (!isAuthorized) {
+      return;
+    }
+    store.setState((x) => {
+      const connector2 = connectors.getState().find((x2) => x2.uid === data.uid);
+      if (!connector2)
+        return x;
+      if (!connector2.emitter.listenerCount("change"))
+        connector2.emitter.on("change", change);
+      if (!connector2.emitter.listenerCount("disconnect"))
+        connector2.emitter.on("disconnect", disconnect);
+      storage.setItem("recentConnectorId", connector2.id);
+      return {
+        ...x,
+        connections: new Map(x.connections).set(data.uid, {
+          accounts: data.accounts,
+          chainId: data.chainId,
+          connector: connector2
+        }),
+        current: data.uid,
+        status: "connected"
+      };
+    });
+  }
+  function disconnect(data) {
+    store.setState((x) => {
+      const connection = x.connections.get(data.uid);
+      if (connection) {
+        const connector = connection.connector;
+        if (connector.emitter.listenerCount("change"))
+          connection.connector.emitter.off("change", change);
+        if (connector.emitter.listenerCount("disconnect"))
+          connection.connector.emitter.off("disconnect", disconnect);
+      }
+      x.connections.delete(data.uid);
+      if (x.connections.size === 0)
+        return {
+          ...x,
+          connections: /* @__PURE__ */ new Map(),
+          current: null,
+          status: "disconnected"
+        };
+      const nextConnection = x.connections.values().next().value;
+      return {
+        ...x,
+        connections: new Map(x.connections),
+        current: nextConnection.connector.uid
+      };
+    });
+  }
+  const connectors = createStore(() => []);
+  const connectorSetup = (connector) => {
+    if (!connector.emitter.listenerCount("connect")) {
+    }
+    return connector;
+  };
+  const setup = (createFn) => {
+    const walletConnector = createFn({
+      chains,
+      storage,
+      projectId,
+      clientKey,
+      appId
+    });
+    const subConnectors = walletConnector.connectors.map(connectorSetup);
+    connectors.setState((x) => [...x, ...subConnectors], true);
+    walletConnector.store.subscribe((state) => {
+      const currentConnectorIds = /* @__PURE__ */ new Map();
+      for (const connector of connectors.getState()) {
+        currentConnectorIds.set(connector.id, true);
+      }
+      const newConnectors = [];
+      for (const connector of state) {
+        if (currentConnectorIds.has(connector.id))
+          continue;
+        newConnectors.push(connector);
+      }
+      if (newConnectors.length) {
+        connectors.setState((x) => [...x, ...newConnectors], true);
+      }
+    });
+    return walletConnector;
+  };
+  const walletConnectors = createWalletConnectorFns.map(setup);
+  const getWalletConnector = (type) => {
+    const walletConnector = walletConnectors.find((item) => item.type === type);
+    if (walletConnector) {
+      return walletConnector;
+    }
+    return void 0;
+  };
+  store.subscribe(
+    ({ connections, current }) => current ? connections.get(current)?.chainId : void 0,
+    (chainId) => {
+      const isChainConfigured = chains.some((x) => x.id === chainId);
+      if (!isChainConfigured)
+        return;
+      return store.setState((x) => ({
+        ...x,
+        chainId: chainId ?? x.chainId
+      }));
+    }
+  );
+  function setupPlugin(createPluginFn) {
+    return createPluginFn({
+      projectConfig: {
+        projectId,
+        clientKey,
+        appId
+      },
+      chains
+    });
+  }
+  const _plugins = plugins?.map(setupPlugin);
+  const uid = getUid();
+  const _appearance = options.appearance || {};
+  const appearanceStore = createStore(() => _appearance);
+  return {
+    get uid() {
+      return uid;
+    },
+    get plugins() {
+      return _plugins || [];
+    },
+    get options() {
+      return options;
+    },
+    get chains() {
+      return chains;
+    },
+    get connectors() {
+      return connectors.getState();
+    },
+    get appearanceStore() {
+      return appearanceStore;
+    },
+    storage,
+    get walletConnectors() {
+      return walletConnectors;
+    },
+    getWalletConnector,
+    get state() {
+      return store.getState();
+    },
+    setState(value) {
+      let newState;
+      if (typeof value === "function")
+        newState = value(store.getState());
+      else
+        newState = value;
+      const initialState = getInitialState();
+      if (typeof newState !== "object")
+        newState = initialState;
+      const isCorrupt = Object.keys(initialState).some((x) => !(x in newState));
+      if (isCorrupt)
+        newState = initialState;
+      store.setState(newState, true);
+    },
+    subscribe(selector, listener, options2) {
+      return store.subscribe(
+        selector,
+        listener,
+        options2 ? { ...options2, fireImmediately: options2.emitImmediately } : void 0
+      );
+    },
+    _internal: {
+      connectors: {
+        setup: connectorSetup,
+        subscribe(listener) {
+          return connectors.subscribe(listener);
+        }
+      },
+      events: { change, connect, disconnect }
+    }
+  };
+};
+export {
+  connectButton_default as ConnectButton,
+  ConnectKitProvider,
+  createConfig,
+  useAccount,
+  useAddress,
+  useAppearance,
+  useChains,
+  useConnect,
+  useConnectors,
+  useDisconnect,
+  useEmbeddedWallet,
+  useModal,
+  useParticleAuth,
+  usePublicClient,
+  useSmartAccount,
+  useSwitchAccount,
+  useSwitchChain,
+  useWallets,
+  version
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/connectButton/index.tsx", "../src/components/connectedWidget/index.tsx", "../src/components/horizontalResizeAnimation/index.tsx", "../src/components/connectButton/styles.ts", "../src/hooks/useModal.ts", "../src/createConfig.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { useAccount } from '../../hooks/useAccount';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { RoutePath } from '../../pages';\nimport { ThemeContainer } from '../../styles';\nimport ConnectedWidget from '../connectedWidget';\nimport { ButtonContainer } from './styles';\n\ntype ConnectButtonProps = {\n  label?: string;\n};\n\nconst ConnectButton = (props: ConnectButtonProps) => {\n  const { label } = props;\n  const { isConnected, status } = useAccount();\n  const { navigate } = useRouter();\n  const [loading, setLoading] = useState(true);\n  const { appearance } = useAppearance();\n  const locales = useLocales();\n\n  useEffect(() => {\n    setLoading(false);\n  }, [status]);\n\n  if (loading) {\n    return null;\n  }\n\n  return (\n    <ThemeContainer $useTheme={appearance?.theme} $useMode={appearance?.mode} suppressHydrationWarning>\n      {isConnected ? (\n        <ConnectedWidget />\n      ) : (\n        <ButtonContainer\n          whileHover={{\n            scale: 1.05,\n            boxShadow: '0px 0px 8px rgba(255,255,255,0.2)',\n          }}\n          whileTap={{ scale: 0.95 }}\n          initial={{ opacity: 0, y: 20 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{\n            type: 'spring',\n            stiffness: 260,\n            damping: 20,\n          }}\n          onClick={() => {\n            navigate(RoutePath.Signup);\n          }}\n        >\n          {label ?? locales.connect}\n        </ButtonContainer>\n      )}\n    </ThemeContainer>\n  );\n};\n\nexport default ConnectButton;\n", "import { getChainIcon } from '@particle-network/connector-core';\nimport { useMemo, useRef, useState } from 'react';\nimport DownArrowIcon from '../../assets/icons/DownArrowIcon';\nimport ErrorIcon from '../../assets/icons/ErrorIcon';\nimport MoreOptionsIcon from '../../assets/icons/MoreOptionsIcon';\nimport { useAccount } from '../../hooks/useAccount';\nimport { useAddress } from '../../hooks/useAddress';\nimport { useChains } from '../../hooks/useChains';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useSmartAccount } from '../../hooks/useSmartAccount';\nimport { RoutePath } from '../../pages';\nimport { shortAddress } from '../../utils';\nimport { getChainDisplayName } from '../../utils/chains';\nimport ChainDropdown from '../chainDropdown';\nimport HorizontalResizeAnimation from '../horizontalResizeAnimation';\nimport WalletAAIcon from '../walletAAIcon';\nimport WalletIcon from '../walletIcon';\nimport {\n  StyleAddressSection,\n  StyleChainIcon,\n  StyleChainName,\n  StyleChainSection,\n  StyleConnectedWidgetContainer,\n  StyleDivider,\n  StyleInfoBox,\n  StyleSwitchNetwork,\n  StyleWalletAddress,\n} from './styles';\n\nconst ConnectedWidget = () => {\n  const locales = useLocales();\n  const { chain } = useAccount();\n  const walletAddress = useAddress();\n  const { navigate } = useRouter();\n  const chains = useChains();\n  const smartAccount = useSmartAccount();\n\n  // @ts-ignore\n  const aaIconName = smartAccount?.smartAccountContract?.name?.toUpperCase();\n\n  const [chainDropdownVisible, setChainDropdownVisible] = useState(false);\n  const leftRef = useRef<HTMLDivElement>(null);\n\n  /**\n   * \u662F\u5426\u652F\u6301\u5F53\u524D\u94FE\n   */\n  const supportChain = useMemo(() => {\n    return chains.some((item) => item.id === chain?.id);\n  }, [chain, chains]);\n\n  const chainName = useMemo(() => {\n    const chainName = getChainDisplayName(chain);\n    const maxChainNameLength = window.screen.width < 400 ? 9 : 18;\n    return chainName?.length > maxChainNameLength ? `${chainName.slice(0, maxChainNameLength)}...` : chainName;\n  }, [chain]);\n\n  return (\n    <StyleConnectedWidgetContainer>\n      <StyleInfoBox>\n        <StyleChainSection\n          ref={leftRef}\n          selected={chains?.length > 1 || !supportChain}\n          onClick={() => {\n            if (chains?.length > 1 || !supportChain) {\n              setChainDropdownVisible(!chainDropdownVisible);\n            }\n          }}\n        >\n          <div className='wrap'>\n            {supportChain ? (\n              <>\n                {chain && <StyleChainIcon src={getChainIcon(chain)} alt='' />}\n                <HorizontalResizeAnimation>\n                  <StyleChainName>{chainName}</StyleChainName>\n                </HorizontalResizeAnimation>\n              </>\n            ) : (\n              <StyleSwitchNetwork>\n                <ErrorIcon />\n                <HorizontalResizeAnimation>{locales.switchNetwork}</HorizontalResizeAnimation>\n              </StyleSwitchNetwork>\n            )}\n            {(chains?.length > 1 || !supportChain) && (\n              <DownArrowIcon\n                width={10}\n                height={10}\n                spin={!!chainDropdownVisible}\n                color={supportChain ? 'var(--pcm-body-color-secondary)' : 'var(--pcm-error-color)'}\n              />\n            )}\n          </div>\n        </StyleChainSection>\n        <StyleDivider />\n        <StyleAddressSection\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            navigate(RoutePath.WalletInfo);\n          }}\n        >\n          <div className='wrap'>\n            {aaIconName ? <WalletAAIcon size={20} aaName={aaIconName} /> : <WalletIcon size={20} />}\n            <HorizontalResizeAnimation>\n              <StyleWalletAddress>{shortAddress(walletAddress || '')}</StyleWalletAddress>\n            </HorizontalResizeAnimation>\n            <MoreOptionsIcon />\n          </div>\n        </StyleAddressSection>\n      </StyleInfoBox>\n      <ChainDropdown\n        visible={chainDropdownVisible}\n        setVisible={setChainDropdownVisible}\n        clickAwayElements={[leftRef as any]}\n        supportChain={supportChain}\n      />\n    </StyleConnectedWidgetContainer>\n  );\n};\n\nexport default ConnectedWidget;\n", "import { useEffect, useRef, useState } from 'react';\nimport { styled } from 'styled-components';\n\nconst AnimationContainer = styled.div`\n  transition: width 0.3s ease;\n  overflow: hidden;\n`;\n\nconst ContentWrapper = styled.div`\n  display: inline-block;\n  white-space: nowrap;\n`;\n\nconst HorizontalResizeAnimation = ({\n  children,\n  style,\n  ...props\n}: {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n}) => {\n  const containerRef = useRef(null);\n  const contentRef = useRef(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    if (containerRef.current && contentRef.current) {\n      requestAnimationFrame(() => {\n        // @ts-ignore\n        const newWidth = contentRef.current?.offsetWidth || 0;\n        setWidth(newWidth);\n      });\n    }\n  }, [children]);\n\n  return (\n    <AnimationContainer ref={containerRef} style={{ width: `${width}px` }}>\n      {/* @ts-ignore */}\n      <ContentWrapper ref={contentRef} {...props} {...style}>\n        {children as any}\n      </ContentWrapper>\n    </AnimationContainer>\n  );\n};\n\nexport default HorizontalResizeAnimation;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const ButtonContainer = styled(motion.div)`\n  height: 48px;\n  padding: 0 40px;\n  position: relative;\n  background-color: var(--pcm-primary-button-bankground);\n  border-radius: var(--pcm-rounded-lg);\n  color: var(--pcm-primary-button-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 200ms ease;\n  width: auto;\n  max-width: 360px;\n  width: 100%;\n`;\n", "import { RoutePath } from '../pages';\nimport { useAccount } from './useAccount';\nimport { useRouter } from './useRouter';\n\nexport type UseModalProps = {\n  onConnect?: ({ address, connectorId }: { address?: string; connectorId?: string }) => void;\n  onDisconnect?: () => void;\n};\n\n// TODO: callback\nexport const useModal = ({ onConnect, onDisconnect }: UseModalProps = {}) => {\n  const { navigate, close, isOpen } = useRouter();\n  const { isConnected } = useAccount();\n\n  return {\n    isOpen,\n    setOpen: (open: boolean) => {\n      if (open) {\n        navigate(isConnected ? RoutePath.WalletInfo : RoutePath.Signup);\n      } else {\n        close();\n      }\n    },\n  };\n};\n", "import {\n  createStorage,\n  uid as getUid,\n  isEVMChain,\n  isSolanaChain,\n  noopStorage,\n  registerChains,\n  type Connection,\n  type Connector,\n  type ConnectorEventMap,\n  type CreateWalletConnectorFn,\n  type EventData,\n  type PartializedState,\n  type State,\n  type Storage,\n  type WalletConnector,\n  type WalletConnectorType,\n  type WalletConnectorsOption,\n} from '@particle-network/connector-core';\nimport type { CreatePluginFn, Plugin } from '@particle-network/plugin-core';\nimport type { Chain } from 'viem/chains';\nimport { persist, subscribeWithSelector } from 'zustand/middleware';\nimport { createStore, type StoreApi } from 'zustand/vanilla';\nimport type { Appearance, ConnectKitOptions } from './context/types';\nimport { version } from './version';\n\nexport const createConfig = (options: ConnectKitOptions): Config => {\n  const { walletConnectors: createWalletConnectorFns, chains, projectId, clientKey, appId, plugins } = options;\n  if (!createWalletConnectorFns.length) {\n    throw new Error('Please set at least one connector.');\n  }\n\n  if (!chains.length) {\n    throw new Error('Please set at least one chain.');\n  }\n\n  registerChains(chains);\n\n  if (\n    options.initialChainId?.evm &&\n    chains.some(isEVMChain) &&\n    !chains.find((chain) => chain.id === options.initialChainId?.evm)\n  ) {\n    throw new Error('`chains` not includes `initialChainId.evm`');\n  }\n\n  if (\n    options.initialChainId?.solana &&\n    chains.some(isSolanaChain) &&\n    !chains.find((chain) => chain.id === options.initialChainId?.solana)\n  ) {\n    throw new Error('`chains` not includes `initialChainId.solana`');\n  }\n\n  const storage = createStorage({\n    storage: typeof window !== 'undefined' && window.localStorage ? window.localStorage : noopStorage,\n  });\n\n  function getInitialState(): State {\n    return {\n      chainId: chains[0].id,\n      connections: new Map<string, Connection>(),\n      current: null,\n      status: 'disconnected',\n    };\n  }\n\n  const currentVersion = Number(version.replaceAll('.', ''));\n  const store = createStore(\n    subscribeWithSelector(\n      // only use persist middleware if storage exists\n      storage\n        ? persist(getInitialState, {\n            migrate(persistedState, version) {\n              // Now there is only one version.\n              return persistedState as State;\n            },\n            name: 'store',\n            partialize(state) {\n              // Only persist \"critical\" store properties to preserve storage size.\n              return {\n                connections: {\n                  __type: 'Map',\n                  value: Array.from(state.connections.entries()).map(([key, connection]) => {\n                    const { id, name, type, uid, chainType } = connection.connector;\n                    const connector = { id, name, type, uid, chainType };\n                    return [key, { ...connection, connector }];\n                  }),\n                } as unknown as PartializedState['connections'],\n                chainId: state.chainId,\n                current: state.current,\n              } satisfies PartializedState;\n            },\n            storage: storage as Storage<Record<string, unknown>>,\n            version: currentVersion,\n          })\n        : getInitialState\n    )\n  );\n\n  /////////////////////////////////////////////////////////////////////////////////////////////////\n  // Emitter listeners\n  /////////////////////////////////////////////////////////////////////////////////////////////////\n\n  function change(data: EventData<ConnectorEventMap, 'change'>) {\n    store.setState((x) => {\n      const connection = x.connections.get(data.uid);\n      if (!connection) return x;\n      return {\n        ...x,\n        connections: new Map(x.connections).set(data.uid, {\n          accounts: (data.accounts as readonly [string, ...string[]]) ?? connection.accounts,\n          chainId: data.chainId ?? connection.chainId,\n          connector: connection.connector,\n        }),\n      };\n    });\n  }\n  async function connect(data: EventData<ConnectorEventMap, 'connect'>) {\n    const status = store.getState().status;\n    // Disable handling if reconnecting/connecting\n    if (status === 'connecting' || status === 'reconnecting') {\n      console.log('Disable handling connect event because the status: ', status);\n      return;\n    }\n\n    const connector = connectors.getState().find((x) => x.uid === data.uid);\n    if (!connector) return;\n    const isAuthorized = await connector.isAuthorized();\n    if (!isAuthorized) {\n      return;\n    }\n\n    console.log(`wallet auto connect, current status: ${status}, connectorId: ${connector.id}`);\n\n    store.setState((x) => {\n      const connector = connectors.getState().find((x) => x.uid === data.uid);\n      if (!connector) return x;\n\n      // unsupport auto connect\n      // if (connector.emitter.listenerCount('connect')) connector.emitter.off('connect', connect);\n      if (!connector.emitter.listenerCount('change')) connector.emitter.on('change', change);\n      if (!connector.emitter.listenerCount('disconnect')) connector.emitter.on('disconnect', disconnect);\n\n      storage.setItem('recentConnectorId', connector.id);\n\n      console.log(`connector [${connector.id}] onConnect`);\n      return {\n        ...x,\n        connections: new Map(x.connections).set(data.uid, {\n          accounts: data.accounts as readonly [string, ...string[]],\n          chainId: data.chainId,\n          connector: connector,\n        }),\n        current: data.uid,\n        status: 'connected',\n      };\n    });\n  }\n  function disconnect(data: EventData<ConnectorEventMap, 'disconnect'>) {\n    store.setState((x) => {\n      const connection = x.connections.get(data.uid);\n      if (connection) {\n        const connector = connection.connector;\n        if (connector.emitter.listenerCount('change')) connection.connector.emitter.off('change', change);\n        if (connector.emitter.listenerCount('disconnect')) connection.connector.emitter.off('disconnect', disconnect);\n        // unsupport auto connect\n        // if (!connector.emitter.listenerCount('connect')) connection.connector.emitter.on('connect', connect);\n      }\n\n      x.connections.delete(data.uid);\n\n      if (x.connections.size === 0)\n        return {\n          ...x,\n          connections: new Map(),\n          current: null,\n          status: 'disconnected',\n        };\n\n      const nextConnection = x.connections.values().next().value as Connection;\n      return {\n        ...x,\n        connections: new Map(x.connections),\n        current: nextConnection.connector.uid,\n      };\n    });\n  }\n\n  const connectors = createStore<Connector[]>(() => []);\n\n  const connectorSetup = (connector: Connector) => {\n    if (!connector.emitter.listenerCount('connect')) {\n      // unsupport auto connect\n      // connector.emitter.on('connect', connect);\n    }\n    return connector;\n  };\n\n  const setup = (createFn: CreateWalletConnectorFn) => {\n    const walletConnector = createFn({\n      chains,\n      storage,\n      projectId,\n      clientKey,\n      appId,\n    } as WalletConnectorsOption);\n\n    const subConnectors = walletConnector.connectors.map(connectorSetup);\n\n    connectors.setState((x) => [...x, ...subConnectors], true);\n\n    walletConnector.store.subscribe((state: Connector[]) => {\n      const currentConnectorIds = new Map();\n      for (const connector of connectors.getState()) {\n        currentConnectorIds.set(connector.id, true);\n      }\n\n      const newConnectors: Connector[] = [];\n      for (const connector of state) {\n        if (currentConnectorIds.has(connector.id)) continue;\n        newConnectors.push(connector);\n      }\n      if (newConnectors.length) {\n        connectors.setState((x) => [...x, ...newConnectors], true);\n      }\n    });\n\n    return walletConnector;\n  };\n\n  const walletConnectors = createWalletConnectorFns.map(setup);\n\n  const getWalletConnector = <properties extends Record<string, unknown> = Record<string, unknown>>(\n    type: WalletConnectorType\n  ) => {\n    const walletConnector = walletConnectors.find((item) => item.type === type);\n    if (walletConnector) {\n      return walletConnector as WalletConnector<properties>;\n    }\n    return undefined;\n  };\n\n  // Update default chain when connector chain changes\n  store.subscribe(\n    ({ connections, current }) => (current ? connections.get(current)?.chainId : undefined),\n    (chainId) => {\n      // If chain is not configured, then don't switch over to it.\n      const isChainConfigured = chains.some((x) => x.id === chainId);\n      if (!isChainConfigured) return;\n\n      return store.setState((x) => ({\n        ...x,\n        chainId: chainId ?? x.chainId,\n      }));\n    }\n  );\n\n  function setupPlugin(createPluginFn: CreatePluginFn): Plugin {\n    return createPluginFn({\n      projectConfig: {\n        projectId,\n        clientKey,\n        appId,\n      },\n      chains,\n    });\n  }\n\n  const _plugins = plugins?.map(setupPlugin);\n\n  const uid = getUid();\n\n  const _appearance = options.appearance || {};\n\n  const appearanceStore = createStore(() => _appearance);\n\n  return {\n    get uid() {\n      return uid;\n    },\n    get plugins() {\n      return _plugins || [];\n    },\n    get options() {\n      return options;\n    },\n    get chains() {\n      return chains;\n    },\n    get connectors() {\n      return connectors.getState();\n    },\n    get appearanceStore() {\n      return appearanceStore;\n    },\n    storage,\n    get walletConnectors() {\n      return walletConnectors;\n    },\n    getWalletConnector,\n    get state() {\n      return store.getState() as unknown as State;\n    },\n    setState(value) {\n      let newState: State;\n      if (typeof value === 'function') newState = value(store.getState() as any);\n      else newState = value;\n\n      // Reset state if it got set to something not matching the base state\n      const initialState = getInitialState();\n      if (typeof newState !== 'object') newState = initialState;\n      const isCorrupt = Object.keys(initialState).some((x) => !(x in newState));\n      if (isCorrupt) newState = initialState;\n\n      store.setState(newState, true);\n    },\n    subscribe(selector, listener, options) {\n      return store.subscribe(\n        selector as unknown as (state: State) => any,\n        listener,\n        options ? { ...options, fireImmediately: options.emitImmediately } : undefined\n      );\n    },\n    _internal: {\n      connectors: {\n        setup: connectorSetup,\n        subscribe(listener) {\n          return connectors.subscribe(listener);\n        },\n      },\n      events: { change, connect, disconnect },\n    },\n  };\n};\n\nexport type Config = {\n  readonly uid: string;\n  readonly options: ConnectKitOptions;\n  readonly plugins: Plugin[];\n  readonly chains: readonly [Chain, ...Chain[]];\n  readonly connectors: readonly Connector[];\n  readonly storage: Storage | null;\n  readonly walletConnectors: readonly WalletConnector[];\n  readonly state: State;\n  readonly appearanceStore: StoreApi<Appearance>;\n  setState(value: State | ((state: State) => State)): void;\n  subscribe<state>(\n    selector: (state: State) => state,\n    listener: (state: state, previousState: state) => void,\n    options?:\n      | {\n          emitImmediately?: boolean | undefined;\n          equalityFn?: ((a: state, b: state) => boolean) | undefined;\n        }\n      | undefined\n  ): () => void;\n  getWalletConnector: <properties extends Record<string, unknown> = Record<string, unknown>>(\n    type: WalletConnectorType\n  ) => WalletConnector<properties> | undefined;\n  _internal: {\n    connectors: {\n      setup(connector: Connector): Connector;\n      subscribe(listener: (state: Connector[], prevState: Connector[]) => void): () => void;\n    };\n    events: {\n      change(data: EventData<ConnectorEventMap, 'change'>): void;\n      connect(data: EventData<ConnectorEventMap, 'connect'>): void;\n      disconnect(data: EventData<ConnectorEventMap, 'disconnect'>): void;\n    };\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["useEffect", "useState", "useRef", "useState", "jsx", "useState", "useRef", "chainName", "styled", "jsx", "useState", "useEffect", "version", "uid", "connector", "x", "options"]
+}