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

package/dist/chunk-NLSTFFEG.js

@@ -0,0 +1,528 @@
+"use client";
+import {
+  getChainDisplayName
+} from "./chunk-TRWMCIHD.js";
+import {
+  StyleChainItem,
+  StyleChainName,
+  StyleCheckIcon,
+  StyleDropdownContent,
+  StyleDropdownWrapper,
+  StyleHoverBg,
+  useClickAway_default
+} from "./chunk-N4GV5W2B.js";
+import {
+  useChains,
+  useWalletConnections
+} from "./chunk-WXFNKAZM.js";
+import {
+  circleSpinner_default
+} from "./chunk-ZLJSXTUZ.js";
+import {
+  useConnect
+} from "./chunk-5UVBVJYM.js";
+import {
+  useConnectors
+} from "./chunk-AYSQPTGH.js";
+import {
+  CheckIcon_default
+} from "./chunk-VJH5DPLC.js";
+import {
+  useAccount,
+  useConnections,
+  useContext,
+  useMutation,
+  useWeb3Context
+} from "./chunk-OWHSDWQK.js";
+
+// src/actions/switchAccount.ts
+import {
+  ConnectorNotConnectedError
+} from "@particle-network/connector-core";
+async function switchAccount(config, parameters) {
+  const { connector } = parameters;
+  const connection = config.state.connections.get(connector.uid);
+  if (!connection)
+    throw new ConnectorNotConnectedError();
+  await config.storage?.setItem("recentConnectorId", connector.id);
+  config.setState((x) => ({
+    ...x,
+    current: connector.uid
+  }));
+  return {
+    accounts: connection.accounts,
+    chainId: connection.chainId
+  };
+}
+
+// src/hooks/useSwitchAccount.ts
+function useSwitchAccount(parameters) {
+  const { config } = useContext();
+  const mutationFn = async (parameters2) => {
+    return await switchAccount(config, parameters2);
+  };
+  const { mutate, mutateAsync, ...result } = useMutation(mutationFn, parameters);
+  return {
+    ...result,
+    connectors: useConnections().map((connection) => connection.connector),
+    switchAccount: mutate,
+    switchAccountAsync: mutateAsync
+  };
+}
+
+// src/actions/switchChain.ts
+import {
+  ChainNotConfiguredError,
+  SwitchChainNotSupportedError
+} from "@particle-network/connector-core";
+async function switchChain(config, parameters) {
+  const { addEthereumChainParameter, chainId } = parameters;
+  const connection = config.state.connections.get(parameters.connector?.uid ?? config.state.current);
+  if (connection) {
+    const connector = connection.connector;
+    if (!connector.switchChain)
+      throw new SwitchChainNotSupportedError({ connector });
+    const chain2 = await connector.switchChain({
+      addEthereumChainParameter,
+      chainId
+    });
+    return chain2;
+  }
+  const chain = config.chains.find((x) => x.id === chainId);
+  if (!chain)
+    throw new ChainNotConfiguredError();
+  config.setState((x) => ({ ...x, chainId }));
+  return chain;
+}
+
+// src/hooks/useSwitchChain.ts
+var useSwitchChain = (parameters) => {
+  const { config } = useContext();
+  const mutationFn = async (parameters2) => {
+    return await switchChain(config, parameters2);
+  };
+  const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);
+  return {
+    status,
+    data,
+    error,
+    switchChain: mutate,
+    switchChainAsync: mutateAsync
+  };
+};
+
+// src/components/chainDropdown/index.tsx
+import { getChainIcon, getChainType, isEVMChain } from "@particle-network/connector-core";
+import { AnimatePresence, motion } from "framer-motion";
+import { useEffect, useMemo, useRef, useState } from "react";
+
+// src/hooks/useChainId.ts
+import { useSyncExternalStore } from "react";
+
+// src/actions/getChainId.ts
+function getChainId(config) {
+  return config.state.chainId;
+}
+
+// src/actions/watchChainId.ts
+function watchChainId(config, parameters) {
+  const { onChange } = parameters;
+  return config.subscribe((state) => state.chainId, onChange);
+}
+
+// src/hooks/useChainId.ts
+function useChainId() {
+  const { config } = useContext();
+  return useSyncExternalStore(
+    (onChange) => watchChainId(config, { onChange }),
+    () => getChainId(config),
+    () => getChainId(config)
+  );
+}
+
+// src/components/chainDropdown/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChainDropdown = ({
+  visible,
+  setVisible,
+  clickAwayElements,
+  maxHeight,
+  supportChain = true,
+  top
+}) => {
+  const chainList = useChains();
+  const chainId = useChainId();
+  const { switchChainAsync, status: switchStatus } = useSwitchChain();
+  const [walletConnection] = useWalletConnections();
+  const { switchAccountAsync } = useSwitchAccount();
+  const connectors = useConnectors();
+  const { connectAsync } = useConnect();
+  const connections = useConnections();
+  const [hoverIndex, setHoverIndex] = useState(-1);
+  const [targetChainId, setTargetChainId] = useState();
+  const dropdownRef = useRef(null);
+  const timer = useRef(void 0);
+  const dropdownWrapperRef = useRef(null);
+  const selectedItemRef = useRef(null);
+  const isParticle = useMemo(() => {
+    return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === "particleAuth");
+  }, [walletConnection]);
+  const currentChainId = useMemo(() => {
+    return supportChain ? chainId : -1;
+  }, [chainId, supportChain]);
+  const switchSuccess = useMemo(() => {
+    return targetChainId === currentChainId;
+  }, [targetChainId, currentChainId]);
+  const currentChainType = useMemo(() => {
+    if (chainList && chainList?.length && currentChainId) {
+      const chain = chainList.find((item) => item.id === currentChainId);
+      if (chain) {
+        return getChainType(chain);
+      }
+      return "";
+    } else {
+      return "";
+    }
+  }, [chainList, currentChainId]);
+  useEffect(() => {
+    if (switchSuccess && visible) {
+      setVisible(false);
+      setTargetChainId(void 0);
+    }
+  }, [switchSuccess, visible, setVisible]);
+  useEffect(() => {
+  }, [currentChainId]);
+  useClickAway_default(() => {
+    setVisible(false);
+  }, [dropdownRef, ...clickAwayElements]);
+  useEffect(() => {
+    setTimeout(() => {
+      if (visible && dropdownWrapperRef.current && selectedItemRef.current) {
+        const dropdownWrapper = dropdownWrapperRef.current;
+        const selectedItem = selectedItemRef.current;
+        const wrapperHeight = dropdownWrapper.clientHeight;
+        const itemHeight = selectedItem.clientHeight;
+        const itemTop = selectedItem.offsetTop;
+        const scrollTop = itemTop - wrapperHeight / 2 + itemHeight / 2;
+        const currentScrollTop = dropdownWrapper.scrollTop;
+        if (itemTop < currentScrollTop || itemTop + itemHeight > currentScrollTop + wrapperHeight) {
+          dropdownWrapper.scrollTop = scrollTop;
+        }
+      }
+    }, 50);
+  }, [visible, currentChainId]);
+  return /* @__PURE__ */ jsx(StyleDropdownContent, { ref: dropdownRef, top: top || 46, children: /* @__PURE__ */ jsx(AnimatePresence, { children: visible && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      style: {
+        overflow: "hidden"
+      },
+      initial: { height: 0, opacity: 0 },
+      animate: { height: "auto", opacity: 1 },
+      exit: { height: 0, opacity: 0 },
+      children: /* @__PURE__ */ jsxs(
+        StyleDropdownWrapper,
+        {
+          ref: dropdownWrapperRef,
+          style: {
+            maxHeight: maxHeight || 320
+          },
+          children: [
+            /* @__PURE__ */ jsx(StyleHoverBg, { index: hoverIndex }),
+            chainList.map((chain) => /* @__PURE__ */ jsxs(
+              StyleChainItem,
+              {
+                selected: currentChainId === chain.id,
+                ref: currentChainId === chain.id ? selectedItemRef : null,
+                onClick: async () => {
+                  try {
+                    if (chain.id === currentChainId)
+                      return;
+                    setTargetChainId(chain.id);
+                    if (isParticle && getChainType(chain) !== currentChainType) {
+                      const id = isEVMChain(chain) ? "particleEVM" : "particleSolana";
+                      const connector = connectors.find((item) => item.id === id);
+                      const isAuthorized = await connector.isAuthorized();
+                      if (!isAuthorized) {
+                        const provider = isEVMChain(chain) ? window.particle?.ethereum : window.particle?.solana;
+                        await provider.connect();
+                        await connectAsync({
+                          connector,
+                          chainId: chain.id
+                        });
+                        return;
+                      } else {
+                        if (connections.some((connection) => connection.connector.id === id)) {
+                          await switchAccountAsync({ connector });
+                        } else {
+                          await connectAsync({
+                            connector,
+                            chainId: chain.id
+                          });
+                          return;
+                        }
+                      }
+                    }
+                    await switchChainAsync({
+                      chainId: chain.id
+                    });
+                  } catch (error) {
+                    setVisible(false);
+                    setTargetChainId(void 0);
+                  }
+                },
+                onMouseEnter: () => {
+                  clearTimeout(timer.current);
+                  setHoverIndex(chainList.findIndex((item) => item.id === chain.id));
+                },
+                onMouseLeave: () => {
+                  timer.current = setTimeout(() => {
+                    setHoverIndex(-1);
+                  }, 100);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        marginRight: "10px"
+                      },
+                      children: /* @__PURE__ */ jsx(
+                        circleSpinner_default,
+                        {
+                          inset: 0,
+                          width: 20,
+                          height: 20,
+                          connecting: Boolean(!switchSuccess && switchStatus === "loading" && chain.id === targetChainId),
+                          logo: /* @__PURE__ */ jsx("img", { src: getChainIcon(chain), alt: chain.name })
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(StyleChainName, { children: getChainDisplayName(chain) }),
+                  /* @__PURE__ */ jsx(StyleCheckIcon, { children: currentChainId === chain.id && /* @__PURE__ */ jsx(CheckIcon_default, {}) })
+                ]
+              },
+              chain.id
+            ))
+          ]
+        }
+      )
+    }
+  ) }) });
+};
+var chainDropdown_default = ChainDropdown;
+
+// src/components/connectedWidget/styles.ts
+import { styled } from "styled-components";
+var StyleConnectedWidgetContainer = styled.div`
+  position: relative;
+  display: inline-block;
+`;
+var StyleInfoBox = styled.div`
+  display: inline-block;
+
+  border-radius: var(--pcm-rounded-lg);
+  background: var(--pcm-body-background);
+  box-shadow: var(--pcm-modal-box-shadow);
+  max-width: 400px;
+  vertical-align: middle;
+  line-height: normal;
+  padding: 5px 0px;
+  box-sizing: content-box;
+`;
+var StyleChainSection = styled.div`
+  cursor: ${(props) => props.selected ? "pointer" : "default"};
+  display: inline-block;
+  gap: 8px;
+  height: 28px;
+  margin: 0 10px;
+  padding: 0 6px;
+  border-radius: 6px;
+  background-color: var(--pcm-body-background);
+  transition: background-color 0.3s;
+
+  ${(props) => props.selected && `
+    &:hover {
+      background-color: var(--pcm-body-background-secondary);
+    }
+  `}
+  .wrap {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    height: 100%;
+  }
+`;
+var StyleChainIcon = styled.img`
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+`;
+var StyleChainName2 = styled.div`
+  font-size: 14px;
+  line-height: 1;
+  position: relative;
+  top: -1px;
+`;
+var StyleDivider = styled.div`
+  display: inline-block;
+  width: 1px;
+  height: 19px;
+  background: var(--pcm-secondary-button-bankground);
+`;
+var StyleAddressSection = styled.div`
+  display: inline-block;
+  gap: 8px;
+  height: 28px;
+  margin: 0 10px;
+  padding: 0 6px;
+  border-radius: 6px;
+  background-color: var(--pcm-body-background);
+  transition: background-color 0.3s;
+  position: relative;
+  top: 3px;
+  &:hover {
+    background-color: var(--pcm-body-background-secondary);
+  }
+  .wrap {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    height: 100%;
+  }
+`;
+var StyleIconWrapper = styled.div`
+  width: 20px;
+  height: 20px;
+`;
+var StyleWalletAddress = styled.div`
+  font-size: 14px;
+`;
+var StyleSwitchNetwork = styled.div`
+  font-size: 14px;
+  color: var(--pcm-error-color);
+  display: flex;
+  gap: 6px;
+  align-items: center;
+`;
+
+// src/hooks/useEmbeddedWallet.ts
+import { useMemo as useMemo2 } from "react";
+var useEmbeddedWallet = () => {
+  const { config } = useContext();
+  const walletPlugin = useMemo2(() => {
+    const plugin = config.plugins.find((plugin2) => plugin2.id === "wallet");
+    if (plugin) {
+      return plugin;
+    }
+    return void 0;
+  }, []);
+  const isCanOpen = useMemo2(() => {
+    return walletPlugin?.getPlugin().walletOptions.widgetIntegration !== "embedded";
+  }, [walletPlugin]);
+  if (!walletPlugin) {
+    return null;
+  }
+  return {
+    openWallet: walletPlugin.openWallet.bind(walletPlugin),
+    destory: walletPlugin.destory.bind(walletPlugin),
+    getWalletIFrame: walletPlugin.getWalletIFrame.bind(walletPlugin),
+    isCanOpen
+  };
+};
+
+// src/hooks/useParticleAuth.ts
+import { useCallback, useMemo as useMemo3 } from "react";
+var useParticleAuth = () => {
+  const { connector } = useAccount();
+  const isParticle = useMemo3(() => {
+    return connector?.walletConnectorType === "particleAuth";
+  }, [connector]);
+  const particle = useMemo3(() => {
+    if (isParticle && "particle" in window && window.particle?._internal) {
+      return window?.particle;
+    }
+    return null;
+  }, [isParticle]);
+  const createParticleMethod = useCallback(
+    (methodName) => {
+      return (...args) => {
+        if (!isParticle || !particle || !particle._internal || !particle._internal[methodName]) {
+          throw new Error("The current wallet is not a particle wallet or particle is not initialized");
+        }
+        return (particle?._internal[methodName])(...args);
+      };
+    },
+    [isParticle, particle]
+  );
+  return {
+    needRestoreWallet: () => {
+      return Boolean(window?.particle?._internal?.needRestoreWallet);
+    },
+    hasMasterPassword: createParticleMethod("hasMasterPassword"),
+    hasPaymentPassword: createParticleMethod("hasPaymentPassword"),
+    openAccountAndSecurity: createParticleMethod("openAccountAndSecurity"),
+    openChangeMasterPassword: createParticleMethod("openChangeMasterPassword"),
+    openChangePaymentPassword: createParticleMethod("openChangePaymentPassword"),
+    openLinkLoginAccount: createParticleMethod("openLinkLoginAccount"),
+    openRestoreByMasterPassword: createParticleMethod("openRestoreByMasterPassword"),
+    openSetMasterPassword: createParticleMethod("openSetMasterPassword"),
+    openSetSecurityAccount: createParticleMethod("openSetSecurityAccount"),
+    openSetPaymentPassword: createParticleMethod("openSetPaymentPassword"),
+    getUserInfo: createParticleMethod("getUserInfo")
+  };
+};
+
+// src/actions/getClient.ts
+import {
+  isEVMChain as isEVMChain2
+} from "@particle-network/connector-core";
+function getClient(config, parameters = {}) {
+  const chainId = parameters.chainId || config.state.chainId;
+  const chain = config.chains.find((chain2) => chain2.id === chainId);
+  if (!chain) {
+    return null;
+  }
+  const authWalletConnector = config.getWalletConnector("particleAuth");
+  if (authWalletConnector) {
+    return authWalletConnector.getClient(chainId);
+  }
+  if (isEVMChain2(chain)) {
+    return config.getWalletConnector("evmWallet").getClient(chainId);
+  }
+  return config.getWalletConnector("solanaWallet").getClient(chainId);
+}
+
+// src/hooks/usePublicClient.ts
+function usePublicClient(parameters = {}) {
+  const { chainId } = parameters;
+  const { config } = useContext();
+  return getClient(config, { chainId });
+}
+
+// src/hooks/useWallets.ts
+var useWallets = () => {
+  const { wallets } = useWeb3Context();
+  return wallets;
+};
+
+export {
+  useSwitchAccount,
+  useSwitchChain,
+  chainDropdown_default,
+  StyleConnectedWidgetContainer,
+  StyleInfoBox,
+  StyleChainSection,
+  StyleChainIcon,
+  StyleChainName2 as StyleChainName,
+  StyleDivider,
+  StyleAddressSection,
+  StyleWalletAddress,
+  StyleSwitchNetwork,
+  useEmbeddedWallet,
+  useParticleAuth,
+  usePublicClient,
+  useWallets
+};
+//# sourceMappingURL=chunk-NLSTFFEG.js.map

package/dist/chunk-NLSTFFEG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/actions/switchAccount.ts", "../src/hooks/useSwitchAccount.ts", "../src/actions/switchChain.ts", "../src/hooks/useSwitchChain.ts", "../src/components/chainDropdown/index.tsx", "../src/hooks/useChainId.ts", "../src/actions/getChainId.ts", "../src/actions/watchChainId.ts", "../src/components/connectedWidget/styles.ts", "../src/hooks/useEmbeddedWallet.ts", "../src/hooks/useParticleAuth.ts", "../src/actions/getClient.ts", "../src/hooks/usePublicClient.ts", "../src/hooks/useWallets.ts"],
+  "sourcesContent": ["import {\n  ConnectorNotConnectedError,\n  type BaseError,\n  type Connector,\n  type ConnectorNotConnectedErrorType,\n  type ErrorType,\n} from '@particle-network/connector-core';\nimport type { Config } from '../createConfig';\n\nexport type SwitchAccountParameters = {\n  connector: Connector;\n};\n\nexport type SwitchAccountReturnType = {\n  accounts: readonly [string, ...string[]];\n  chainId: number;\n};\n\nexport type SwitchAccountErrorType = ConnectorNotConnectedErrorType | BaseError | ErrorType;\n\nexport async function switchAccount(\n  config: Config,\n  parameters: SwitchAccountParameters\n): Promise<SwitchAccountReturnType> {\n  const { connector } = parameters;\n\n  const connection = config.state.connections.get(connector.uid);\n  if (!connection) throw new ConnectorNotConnectedError();\n\n  await config.storage?.setItem('recentConnectorId', connector.id);\n  config.setState((x) => ({\n    ...x,\n    current: connector.uid,\n  }));\n  return {\n    accounts: connection.accounts,\n    chainId: connection.chainId,\n  };\n}\n", "import { switchAccount, type SwitchAccountParameters, type SwitchAccountReturnType } from '../actions/switchAccount';\nimport { useContext } from '../context';\nimport { useConnections } from './useConnections';\nimport { useMutation, type MutationOptions } from './useMutation';\n\nexport type UseSwitchAccountParameters = MutationOptions<SwitchAccountReturnType, SwitchAccountParameters>;\n\nexport function useSwitchAccount(parameters?: UseSwitchAccountParameters) {\n  const { config } = useContext();\n\n  const mutationFn = async (parameters: SwitchAccountParameters) => {\n    return await switchAccount(config, parameters);\n  };\n\n  const { mutate, mutateAsync, ...result } = useMutation(mutationFn, parameters);\n\n  return {\n    ...result,\n    connectors: useConnections().map((connection) => connection.connector),\n    switchAccount: mutate,\n    switchAccountAsync: mutateAsync,\n  };\n}\n", "import {\n  ChainNotConfiguredError,\n  SwitchChainNotSupportedError,\n  type AddEthereumChainParameter,\n  type BaseErrorType,\n  type ChainNotConfiguredErrorType,\n  type ConnectorParameter,\n  type ErrorType,\n  type Evaluate,\n  type ExactPartial,\n  type ProviderNotFoundErrorType,\n  type SwitchChainNotSupportedErrorType,\n  type UserRejectedRequestErrorType,\n} from '@particle-network/connector-core';\nimport type { Chain } from 'viem';\nimport type { Config } from '../createConfig';\n\nexport type SwitchChainParameters = Evaluate<\n  ConnectorParameter & {\n    chainId: number;\n    addEthereumChainParameter?: Evaluate<ExactPartial<Omit<AddEthereumChainParameter, 'chainId'>>> | undefined;\n  }\n>;\n\nexport type SwitchChainReturnType = Chain;\n\nexport type SwitchChainErrorType =\n  | SwitchChainNotSupportedErrorType\n  | ChainNotConfiguredErrorType\n  | ProviderNotFoundErrorType\n  | UserRejectedRequestErrorType\n  | BaseErrorType\n  | ErrorType;\n\nexport async function switchChain(config: Config, parameters: SwitchChainParameters): Promise<SwitchChainReturnType> {\n  const { addEthereumChainParameter, chainId } = parameters;\n\n  const connection = config.state.connections.get(parameters.connector?.uid ?? config.state.current!);\n  if (connection) {\n    const connector = connection.connector;\n    if (!connector.switchChain) throw new SwitchChainNotSupportedError({ connector });\n    const chain = await connector.switchChain({\n      addEthereumChainParameter,\n      chainId,\n    });\n    return chain;\n  }\n\n  const chain = config.chains.find((x) => x.id === chainId);\n  if (!chain) throw new ChainNotConfiguredError();\n  config.setState((x) => ({ ...x, chainId }));\n  return chain;\n}\n", "import type { Chain } from 'viem/chains';\nimport { switchChain, type SwitchChainParameters } from '../actions/switchChain';\nimport { useContext } from '../context';\nimport { useMutation, type MutationOptions } from './useMutation';\n\nexport type UseSwitchChainParameters = MutationOptions<Chain, SwitchChainParameters>;\n\nexport const useSwitchChain = (parameters?: UseSwitchChainParameters) => {\n  const { config } = useContext();\n\n  const mutationFn = async (parameters: SwitchChainParameters) => {\n    return await switchChain(config, parameters);\n  };\n\n  const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);\n\n  return {\n    status,\n    data,\n    error,\n    switchChain: mutate,\n    switchChainAsync: mutateAsync,\n  };\n};\n", "import { getChainIcon, getChainType, isEVMChain } from '@particle-network/connector-core';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport CheckIcon from '../../assets/icons/CheckIcon';\nimport { useChainId } from '../../hooks/useChainId';\nimport { useChains } from '../../hooks/useChains';\nimport useClickAway from '../../hooks/useClickAway';\nimport useConnect from '../../hooks/useConnect';\nimport { useConnections } from '../../hooks/useConnections';\nimport { useConnectors } from '../../hooks/useConnectors';\nimport { useSwitchAccount } from '../../hooks/useSwitchAccount';\nimport { useSwitchChain } from '../../hooks/useSwitchChain';\nimport { useWalletConnections } from '../../hooks/useWalletConnections';\nimport { getChainDisplayName } from '../../utils/chains';\nimport CircleSpinner from '../circleSpinner';\nimport {\n  StyleChainItem,\n  StyleChainName,\n  StyleCheckIcon,\n  StyleDropdownContent,\n  StyleDropdownWrapper,\n  StyleHoverBg,\n} from './styles';\n\nconst ChainDropdown = ({\n  visible,\n  setVisible,\n  clickAwayElements,\n  maxHeight,\n  supportChain = true,\n  top,\n}: {\n  visible: boolean;\n  setVisible: (visible: boolean) => void;\n  clickAwayElements: React.RefObject<HTMLDivElement>[];\n  maxHeight?: number;\n  supportChain?: boolean;\n  top?: number;\n}) => {\n  const chainList = useChains();\n  const chainId = useChainId();\n  const { switchChainAsync, status: switchStatus } = useSwitchChain();\n  const [walletConnection] = useWalletConnections();\n  const { switchAccountAsync } = useSwitchAccount();\n  const connectors = useConnectors();\n  const { connectAsync } = useConnect();\n  const connections = useConnections();\n\n  const [hoverIndex, setHoverIndex] = useState(-1);\n  const [targetChainId, setTargetChainId] = useState<number>();\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const timer = useRef<NodeJS.Timeout>(undefined);\n  const dropdownWrapperRef = useRef<HTMLDivElement>(null);\n  const selectedItemRef = useRef<HTMLDivElement>(null);\n\n  const isParticle = useMemo(() => {\n    return Boolean(walletConnection && walletConnection.walletProps.connector.walletConnectorType === 'particleAuth');\n  }, [walletConnection]);\n\n  const currentChainId = useMemo(() => {\n    return supportChain ? chainId : -1;\n  }, [chainId, supportChain]);\n\n  /**\n   * Switch success\n   */\n  const switchSuccess = useMemo(() => {\n    return targetChainId === currentChainId;\n  }, [targetChainId, currentChainId]);\n\n  const currentChainType = useMemo(() => {\n    if (chainList && chainList?.length && currentChainId) {\n      const chain = chainList.find((item) => item.id === currentChainId);\n      if (chain) {\n        return getChainType(chain);\n      }\n      return '';\n    } else {\n      return '';\n    }\n  }, [chainList, currentChainId]);\n\n  useEffect(() => {\n    if (switchSuccess && visible) {\n      setVisible(false);\n      setTargetChainId(undefined);\n    }\n  }, [switchSuccess, visible, setVisible]);\n\n  useEffect(() => {\n    console.log('\uD83D\uDE80 ~ currentChainId:', currentChainId);\n  }, [currentChainId]);\n\n  useClickAway(() => {\n    setVisible(false);\n  }, [dropdownRef, ...clickAwayElements]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (visible && dropdownWrapperRef.current && selectedItemRef.current) {\n        const dropdownWrapper = dropdownWrapperRef.current;\n        const selectedItem = selectedItemRef.current;\n        const wrapperHeight = dropdownWrapper.clientHeight;\n        const itemHeight = selectedItem.clientHeight;\n        const itemTop = selectedItem.offsetTop;\n        const scrollTop = itemTop - wrapperHeight / 2 + itemHeight / 2;\n        const currentScrollTop = dropdownWrapper.scrollTop;\n        if (itemTop < currentScrollTop || itemTop + itemHeight > currentScrollTop + wrapperHeight) {\n          dropdownWrapper.scrollTop = scrollTop;\n        }\n      }\n    }, 50);\n  }, [visible, currentChainId]);\n\n  return (\n    <StyleDropdownContent ref={dropdownRef} top={top || 46}>\n      <AnimatePresence>\n        {visible && (\n          <motion.div\n            style={{\n              overflow: 'hidden',\n            }}\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n          >\n            <StyleDropdownWrapper\n              ref={dropdownWrapperRef}\n              style={{\n                maxHeight: maxHeight || 320,\n              }}\n            >\n              <StyleHoverBg index={hoverIndex} />\n              {chainList.map((chain) => (\n                <StyleChainItem\n                  key={chain.id}\n                  selected={currentChainId === chain.id}\n                  ref={currentChainId === chain.id ? selectedItemRef : null}\n                  onClick={async () => {\n                    try {\n                      if (chain.id === currentChainId) return;\n                      setTargetChainId(chain.id);\n                      if (isParticle && getChainType(chain) !== currentChainType) {\n                        const id = isEVMChain(chain) ? 'particleEVM' : 'particleSolana';\n                        const connector = connectors.find((item) => item.id === id)!;\n                        const isAuthorized = await connector.isAuthorized();\n                        if (!isAuthorized) {\n                          const provider = isEVMChain(chain) ? window.particle?.ethereum : window.particle?.solana;\n                          await provider!.connect();\n                          await connectAsync({\n                            connector,\n                            chainId: chain.id,\n                          });\n                          return;\n                        } else {\n                          // \u5982\u679C\u662Femial/phone\u767B\u5F55\u7684\uFF0C\u4E14\u5DF2\u7ECF\u751F\u6210\u4E86\u94B1\u5305\uFF0C\u5982\u679C\u6CA1\u6709\u8FDE\u63A5\u7684\u8BDD\u9700\u8981\u5148\u8FDE\u63A5\n                          if (connections.some((connection) => connection.connector.id === id)) {\n                            await switchAccountAsync({ connector });\n                          } else {\n                            await connectAsync({\n                              connector,\n                              chainId: chain.id,\n                            });\n                            return;\n                          }\n                        }\n                      }\n                      console.log('Switch chain:', chain.id);\n                      await switchChainAsync({\n                        chainId: chain.id,\n                      });\n                    } catch (error) {\n                      console.log('Switch chain error:', error);\n                      setVisible(false);\n                      setTargetChainId(undefined);\n                    }\n                  }}\n                  onMouseEnter={() => {\n                    clearTimeout(timer.current);\n                    setHoverIndex(chainList.findIndex((item) => item.id === chain.id));\n                  }}\n                  onMouseLeave={() => {\n                    timer.current = setTimeout(() => {\n                      setHoverIndex(-1);\n                    }, 100);\n                  }}\n                >\n                  <div\n                    style={{\n                      marginRight: '10px',\n                    }}\n                  >\n                    <CircleSpinner\n                      inset={0}\n                      width={20}\n                      height={20}\n                      connecting={Boolean(!switchSuccess && switchStatus === 'loading' && chain.id === targetChainId)}\n                      logo={<img src={getChainIcon(chain)} alt={chain.name} />}\n                    />\n                  </div>\n                  <StyleChainName>{getChainDisplayName(chain)}</StyleChainName>\n                  <StyleCheckIcon>{currentChainId === chain.id && <CheckIcon />}</StyleCheckIcon>\n                </StyleChainItem>\n              ))}\n            </StyleDropdownWrapper>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </StyleDropdownContent>\n  );\n};\n\nexport default ChainDropdown;\n", "import { useSyncExternalStore } from 'react';\nimport { getChainId } from '../actions/getChainId';\nimport { watchChainId } from '../actions/watchChainId';\nimport { useContext } from '../context';\n\nexport function useChainId() {\n  const { config } = useContext();\n\n  return useSyncExternalStore(\n    (onChange) => watchChainId(config, { onChange }),\n    () => getChainId(config),\n    () => getChainId(config)\n  );\n}\n", "import type { Config } from '../createConfig';\n\nexport type GetChainIdReturnType<config extends Config = Config> = config['chains'][number]['id'];\n\nexport function getChainId<config extends Config>(config: config): GetChainIdReturnType<config> {\n  return config.state.chainId;\n}\n", "import type { Config } from '../createConfig';\nimport type { GetChainIdReturnType } from './getChainId';\n\nexport type WatchChainIdParameters<config extends Config = Config> = {\n  onChange(chainId: GetChainIdReturnType<config>, prevChainId: GetChainIdReturnType<config>): void;\n};\n\nexport type WatchChainIdReturnType = () => void;\n\nexport function watchChainId<config extends Config>(\n  config: config,\n  parameters: WatchChainIdParameters<config>\n): WatchChainIdReturnType {\n  const { onChange } = parameters;\n  return config.subscribe((state) => state.chainId, onChange);\n}\n", "import { styled } from 'styled-components';\n\nexport const StyleConnectedWidgetContainer = styled.div`\n  position: relative;\n  display: inline-block;\n`;\n\nexport const StyleInfoBox = styled.div`\n  display: inline-block;\n\n  border-radius: var(--pcm-rounded-lg);\n  background: var(--pcm-body-background);\n  box-shadow: var(--pcm-modal-box-shadow);\n  max-width: 400px;\n  vertical-align: middle;\n  line-height: normal;\n  padding: 5px 0px;\n  box-sizing: content-box;\n`;\n\nexport const StyleChainSection = styled.div<{ selected?: boolean }>`\n  cursor: ${(props) => (props.selected ? 'pointer' : 'default')};\n  display: inline-block;\n  gap: 8px;\n  height: 28px;\n  margin: 0 10px;\n  padding: 0 6px;\n  border-radius: 6px;\n  background-color: var(--pcm-body-background);\n  transition: background-color 0.3s;\n\n  ${(props) =>\n    props.selected &&\n    `\n    &:hover {\n      background-color: var(--pcm-body-background-secondary);\n    }\n  `}\n  .wrap {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n  }\n`;\n\nexport const StyleChainIcon = styled.img`\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n`;\n\nexport const StyleChainName = styled.div`\n  font-size: 14px;\n  line-height: 1;\n  position: relative;\n  top: -1px;\n`;\n\nexport const StyleDivider = styled.div`\n  display: inline-block;\n  width: 1px;\n  height: 19px;\n  background: var(--pcm-secondary-button-bankground);\n`;\n\nexport const StyleAddressSection = styled.div`\n  display: inline-block;\n  gap: 8px;\n  height: 28px;\n  margin: 0 10px;\n  padding: 0 6px;\n  border-radius: 6px;\n  background-color: var(--pcm-body-background);\n  transition: background-color 0.3s;\n  position: relative;\n  top: 3px;\n  &:hover {\n    background-color: var(--pcm-body-background-secondary);\n  }\n  .wrap {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n  }\n`;\n\nexport const StyleIconWrapper = styled.div`\n  width: 20px;\n  height: 20px;\n`;\n\nexport const StyleWalletAddress = styled.div`\n  font-size: 14px;\n`;\n\nexport const StyleSwitchNetwork = styled.div`\n  font-size: 14px;\n  color: var(--pcm-error-color);\n  display: flex;\n  gap: 6px;\n  align-items: center;\n`;\n", "import type { GetWalletIFrameParamers, OpenWalletParamers, WalletPlugin } from '@particle-network/wallet-plugin';\nimport { useMemo } from 'react';\nimport { useContext } from '../context';\n\nexport type UseEmbeddedWalletReturnType = {\n  openWallet: (parameters?: OpenWalletParamers) => void;\n  destory: () => void;\n  getWalletIFrame: (parameters?: GetWalletIFrameParamers) => void;\n  isCanOpen: boolean;\n};\n\nexport const useEmbeddedWallet = (): UseEmbeddedWalletReturnType | null => {\n  const { config } = useContext();\n  const walletPlugin = useMemo(() => {\n    const plugin = config.plugins.find((plugin) => plugin.id === 'wallet');\n    if (plugin) {\n      return plugin as WalletPlugin;\n    }\n    return undefined;\n  }, []);\n\n  const isCanOpen = useMemo(() => {\n    return walletPlugin?.getPlugin().walletOptions.widgetIntegration !== 'embedded';\n  }, [walletPlugin]);\n\n  if (!walletPlugin) {\n    return null;\n  }\n\n  return {\n    openWallet: walletPlugin.openWallet.bind(walletPlugin),\n    destory: walletPlugin.destory.bind(walletPlugin),\n    getWalletIFrame: walletPlugin.getWalletIFrame.bind(walletPlugin),\n    isCanOpen,\n  };\n};\n", "import { useCallback, useMemo } from 'react';\nimport { useAccount } from './useAccount';\n\ninterface UserInfo {\n  uuid: string;\n  created_at: string;\n  updated_at: string;\n  phone: string | null;\n  email: string | null;\n  name: string | null;\n  avatar: string | null;\n  facebook_id: string | null;\n  facebook_email: string | null;\n  google_id: string | null;\n  google_email: string | null;\n  apple_id: string | null;\n  apple_email: string | null;\n  twitter_id: string | null;\n  twitter_email: string | null;\n  telegram_id: string | null;\n  telegram_phone: string | null;\n  discord_id: string | null;\n  discord_email: string | null;\n  github_id: string | null;\n  github_email: string | null;\n  twitch_id: string | null;\n  twitch_email: string | null;\n  microsoft_id: string | null;\n  microsoft_email: string | null;\n  linkedin_id: string | null;\n  linkedin_email: string | null;\n  jwt_id: string | null;\n  passkeys_id: string | null;\n  thirdparty_user_info: any | null;\n  mac_key: string;\n  token: string;\n  wallets: Wallet[];\n  cognito_result: CognitoResult;\n  security_account: SecurityAccount;\n}\n\ninterface Wallet {\n  public_address: string;\n  encrypted_data: string;\n  encrypted_type: number;\n  encrypted_kms_data_key: string;\n  uuid: string;\n  type: number;\n  chain_name: string;\n  created_at: string;\n  updated_at: string;\n  user_uuid: string;\n}\n\ninterface CognitoResult {\n  region: string;\n  identity_id: string;\n  id_token: string;\n  kms_key_id: string;\n}\n\ninterface SecurityAccount {\n  email: string | null;\n  phone: string | null;\n  has_set_master_password: boolean;\n  has_set_payment_password: boolean;\n  payment_password_updated_at: string | null;\n}\n\ninterface ParticleMethods {\n  openAccountAndSecurity: () => void;\n  openChangeMasterPassword: () => void;\n  openChangePaymentPassword: () => void;\n  openLinkLoginAccount: () => void;\n  openRestoreByMasterPassword: () => void;\n  openSetMasterPassword: () => void;\n  openSetPaymentPassword: (securityAccountEmailOrPhone: string) => void;\n  openSetSecurityAccount: () => void;\n  hasMasterPassword: () => boolean;\n  hasPaymentPassword: () => boolean;\n  needRestoreWallet: () => boolean;\n  getUserInfo: () => UserInfo;\n}\n\ninterface ParticleWindow {\n  particle?: {\n    _internal: ParticleMethods;\n  };\n}\n\nexport const useParticleAuth = (): ParticleMethods => {\n  const { connector } = useAccount();\n\n  const isParticle = useMemo(() => {\n    return connector?.walletConnectorType === 'particleAuth';\n  }, [connector]);\n\n  const particle = useMemo(() => {\n    if (isParticle && 'particle' in window && (window as ParticleWindow).particle?._internal) {\n      return (window as ParticleWindow)?.particle;\n    }\n    return null;\n  }, [isParticle]);\n\n  const createParticleMethod = useCallback(\n    <T extends keyof ParticleMethods>(methodName: T) => {\n      return (...args: Parameters<ParticleMethods[T]>): ReturnType<ParticleMethods[T]> => {\n        if (!isParticle || !particle || !particle._internal || !particle._internal[methodName]) {\n          throw new Error('The current wallet is not a particle wallet or particle is not initialized');\n        }\n        return (particle?._internal[methodName] as any)(...args);\n      };\n    },\n    [isParticle, particle]\n  );\n\n  return {\n    needRestoreWallet: () => {\n      return Boolean((window as ParticleWindow)?.particle?._internal?.needRestoreWallet);\n    },\n    hasMasterPassword: createParticleMethod('hasMasterPassword'),\n    hasPaymentPassword: createParticleMethod('hasPaymentPassword'),\n    openAccountAndSecurity: createParticleMethod('openAccountAndSecurity'),\n    openChangeMasterPassword: createParticleMethod('openChangeMasterPassword'),\n    openChangePaymentPassword: createParticleMethod('openChangePaymentPassword'),\n    openLinkLoginAccount: createParticleMethod('openLinkLoginAccount'),\n    openRestoreByMasterPassword: createParticleMethod('openRestoreByMasterPassword'),\n    openSetMasterPassword: createParticleMethod('openSetMasterPassword'),\n    openSetSecurityAccount: createParticleMethod('openSetSecurityAccount'),\n    openSetPaymentPassword: createParticleMethod('openSetPaymentPassword'),\n    getUserInfo: createParticleMethod('getUserInfo'),\n  };\n};\n", "import {\n  isEVMChain,\n  type ChainIdParameter,\n  type ChainType,\n  type ClientType,\n  type EVMChain,\n} from '@particle-network/connector-core';\nimport type { Config } from '../createConfig';\n\nexport function getClient<chainType extends ChainType = EVMChain>(\n  config: Config,\n  parameters: ChainIdParameter = {}\n): ClientType<chainType> | null {\n  const chainId = parameters.chainId || config.state.chainId;\n  const chain = config.chains.find((chain) => chain.id === chainId);\n\n  if (!chain) {\n    return null;\n  }\n\n  const authWalletConnector = config.getWalletConnector('particleAuth');\n  if (authWalletConnector) {\n    return authWalletConnector.getClient(chainId) as ClientType<chainType>;\n  }\n\n  if (isEVMChain(chain)) {\n    return config.getWalletConnector('evmWallet')!.getClient(chainId) as ClientType<chainType>;\n  }\n\n  return config.getWalletConnector('solanaWallet')!.getClient(chainId) as ClientType<chainType>;\n}\n", "import {\n  type ChainIdParameter,\n  type ChainType,\n  type ClientType,\n  type EVMChain,\n} from '@particle-network/connector-core';\nimport { getClient } from '../actions/getClient';\nimport { useContext } from '../context';\n\nexport function usePublicClient<chainType extends ChainType = EVMChain>(\n  parameters: ChainIdParameter = {}\n): ClientType<chainType> | null {\n  const { chainId } = parameters;\n  const { config } = useContext();\n\n  return getClient(config, { chainId });\n}\n", "import { useWeb3Context } from '../context/web3Provider';\n\nexport const useWallets = () => {\n  const { wallets } = useWeb3Context();\n  return wallets;\n};\n"],
+  "mappings": "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",
+  "names": ["parameters", "chain", "parameters", "StyleChainName", "useMemo", "useMemo", "plugin", "useMemo", "useMemo", "isEVMChain", "chain"]
+}

package/dist/chunk-O4WSN2N3.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  google_default
+} from "./chunk-U4SXOUNY.js";
+import {
+  linkedIn_default
+} from "./chunk-YYOKJPK2.js";
+import {
+  microsoft_default
+} from "./chunk-BJ32HYL4.js";
+import {
+  passkey_default
+} from "./chunk-RYSXBBMM.js";
+import {
+  phone_default
+} from "./chunk-YJLDJTPO.js";
+import {
+  twitch_default
+} from "./chunk-QFH64IAE.js";
+import {
+  twitter_default
+} from "./chunk-PNODP46K.js";
+import {
+  apple_default
+} from "./chunk-RDWIKXBR.js";
+import {
+  discord_default
+} from "./chunk-BHWEMMMW.js";
+import {
+  email_default
+} from "./chunk-HFXRZKJK.js";
+import {
+  facebook_default
+} from "./chunk-R3XVOLUA.js";
+import {
+  github_default
+} from "./chunk-7MXGWFMR.js";
+
+// src/assets/social/index.tsx
+var socialIcons = {
+  apple: apple_default,
+  discord: discord_default,
+  facebook: facebook_default,
+  github: github_default,
+  google: google_default,
+  linkedin: linkedIn_default,
+  microsoft: microsoft_default,
+  twitch: twitch_default,
+  twitter: twitter_default,
+  email: email_default,
+  phone: phone_default,
+  passkeySmartWallet: passkey_default
+};
+function getSocialIcon(authType) {
+  return socialIcons[authType];
+}
+
+export {
+  socialIcons,
+  getSocialIcon
+};
+//# sourceMappingURL=chunk-O4WSN2N3.js.map

package/dist/chunk-O4WSN2N3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/index.tsx"],
+  "sourcesContent": ["import type { SocialAuthType } from '../../utils/social';\nimport apple from './apple';\nimport discord from './discord';\nimport email from './email';\nimport facebook from './facebook';\nimport github from './github';\nimport google from './google';\nimport linkedin from './linkedIn';\nimport microsoft from './microsoft';\nimport passkeySmartWallet from './passkey';\nimport phone from './phone';\nimport twitch from './twitch';\nimport twitter from './twitter';\n\nexport const socialIcons = {\n  apple,\n  discord,\n  facebook,\n  github,\n  google,\n  linkedin,\n  microsoft,\n  twitch,\n  twitter,\n  email,\n  phone,\n  passkeySmartWallet,\n};\n\nexport default function getSocialIcon(authType: SocialAuthType | 'passkeySmartWallet') {\n  return socialIcons[authType];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEe,SAAR,cAA+B,UAAiD;AACrF,SAAO,YAAY;AACrB;",
+  "names": []
+}