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

package/dist/chunk-2QD3YXSV.js

@@ -0,0 +1,293 @@
+"use client";
+import {
+  SocialItem,
+  SocialLoginContainer,
+  ToggleContainer
+} from "./chunk-BD4WVCBW.js";
+import {
+  useWalletConnector
+} from "./chunk-CSQ27466.js";
+import {
+  ForwardContainer,
+  WalletIconContainer,
+  WalletItem,
+  WalletLable,
+  WalletsContainer
+} from "./chunk-DEXEZZLU.js";
+import {
+  useConnectWithWallet
+} from "./chunk-2HFOMX3X.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  Forward_default
+} from "./chunk-4LG4G5FM.js";
+import {
+  Icons_default
+} from "./chunk-OKXE2KER.js";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  useWalletProps,
+  useWalletsProps_default
+} from "./chunk-6TLJNIUW.js";
+import {
+  useAppearance,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-LGU3FSI5.js";
+
+// src/utils/social.ts
+var socialAuthTypes = [
+  "facebook",
+  "google",
+  "apple",
+  "twitter",
+  "discord",
+  "github",
+  "twitch",
+  "microsoft",
+  "linkedin"
+];
+var isSocialAuthType = (authType) => {
+  return socialAuthTypes.includes(authType);
+};
+
+// src/components/socialLogin/index.tsx
+import { isEVMChain } from "@particle-network/connector-core";
+import { Fragment, useMemo } from "react";
+
+// src/assets/toggle.tsx
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var ToggleIcon = () => {
+  return /* @__PURE__ */ jsx(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M5.20833 10.4167C4.0625 10.4167 3.125 11.3542 3.125 12.5C3.125 13.6459 4.0625 14.5834 5.20833 14.5834C6.35417 14.5834 7.29167 13.6459 7.29167 12.5C7.29167 11.3542 6.35417 10.4167 5.20833 10.4167ZM19.7917 10.4167C18.6458 10.4167 17.7083 11.3542 17.7083 12.5C17.7083 13.6459 18.6458 14.5834 19.7917 14.5834C20.9375 14.5834 21.875 13.6459 21.875 12.5C21.875 11.3542 20.9375 10.4167 19.7917 10.4167ZM12.5 10.4167C11.3542 10.4167 10.4167 11.3542 10.4167 12.5C10.4167 13.6459 11.3542 14.5834 12.5 14.5834C13.6458 14.5834 14.5833 13.6459 14.5833 12.5C14.5833 11.3542 13.6458 10.4167 12.5 10.4167Z",
+      fill: "var(--pcm-body-action-color)"
+    }
+  ) });
+};
+var toggle_default = ToggleIcon;
+
+// src/components/socialLogin/index.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SocialLogin = ({ expandList }) => {
+  const { config } = useContext();
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const { appearance } = useAppearance();
+  const wallet = useWalletProps(isEVMChain(config.chains[0]) ? "particleEVM" : "particleSolana");
+  const walletConnector = useWalletConnector("particleAuth");
+  const evmWalletConnector = useWalletConnector("evmWallet");
+  const { lastConnectorId } = useLastConnectorId();
+  const connectWallet = useConnectWithWallet();
+  const recentConnectSocialAuthType = useMemo(() => {
+    if (lastConnectorId !== "particleSolana" && lastConnectorId !== "particleEVM") {
+      return lastConnectorId;
+    }
+    const lastAuthType = walletConnector.auth.getLatestAuthType();
+    return lastAuthType;
+  }, [lastConnectorId, walletConnector.auth]);
+  const authTypes = useMemo(() => {
+    if (!walletConnector) {
+      return [];
+    }
+    const hasPasskeyConnector = evmWalletConnector?.connectors.some(
+      (connector) => connector.id === "passkeySmartWallet"
+    );
+    const enablePasskey = Boolean(config.plugins.some((plugin) => plugin.id === "aa") && hasPasskeyConnector) && appearance.collapsePasskeyButton === "as-social";
+    if (enablePasskey) {
+      return walletConnector.supportAuthTypes.concat("passkeySmartWallet");
+    }
+    return walletConnector.supportAuthTypes;
+  }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]);
+  const socialAuthTypes2 = useMemo(() => {
+    return authTypes.filter((item) => isSocialAuthType(item) || item === "passkeySmartWallet");
+  }, [authTypes]);
+  const _expandList = useMemo(() => {
+    const evmConnector = config.getWalletConnector("evmWallet");
+    const solanaConnector = config.getWalletConnector("solanaWallet");
+    return expandList || !authTypes.includes("email") && !authTypes.includes("phone") && !evmConnector && !solanaConnector;
+  }, [expandList, authTypes, config]);
+  const renderAuthTypes = useMemo(() => {
+    if (_expandList) {
+      return socialAuthTypes2;
+    }
+    if (socialAuthTypes2.length > 5) {
+      return socialAuthTypes2.slice(0, 4);
+    }
+    return socialAuthTypes2;
+  }, [_expandList, socialAuthTypes2]);
+  const onSocialLogin = (authType) => {
+    if (wallet && isSocialAuthType(authType)) {
+      const name = authType.charAt(0).toUpperCase() + authType.slice(1);
+      connectWallet(
+        {
+          ...wallet,
+          name,
+          shortName: name,
+          iconShape: authType === "microsoft" || authType === "twitch" ? "squircle" : "circle",
+          icon: /* @__PURE__ */ jsx2(Icons_default, { authType })
+        },
+        {
+          authParams: {
+            socialType: authType,
+            prompt: "select_account"
+          }
+        }
+      );
+    } else if (authType === "passkeySmartWallet") {
+      navigate("login-passkey" /* LoginPasskey */);
+    }
+  };
+  const felxRow = useMemo(() => {
+    if (_expandList) {
+      return false;
+    }
+    return socialAuthTypes2.length > 3;
+  }, [_expandList, socialAuthTypes2]);
+  return /* @__PURE__ */ jsx2(SocialLoginContainer, { $felxRow: felxRow, children: renderAuthTypes.map((authType, index) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(SocialItem, { $felxRow: felxRow, onClick: () => onSocialLogin(authType), children: [
+        /* @__PURE__ */ jsx2(Icons_default, { authType }),
+        /* @__PURE__ */ jsx2("span", { children: authType === "passkeySmartWallet" ? "Passkey" : authType }),
+        !felxRow && /* @__PURE__ */ jsxs(Fragment2, { children: [
+          recentConnectSocialAuthType === authType && /* @__PURE__ */ jsx2(WalletLable, { children: locales.lastUsed }),
+          /* @__PURE__ */ jsx2(ForwardContainer, { children: /* @__PURE__ */ jsx2(Forward_default, {}) })
+        ] })
+      ] }),
+      !_expandList && index == 3 && socialAuthTypes2.length > 5 && /* @__PURE__ */ jsx2(ToggleContainer, { onClick: () => navigate("connectors" /* Connectors */, { type: "social" }), children: /* @__PURE__ */ jsx2(toggle_default, {}) })
+    ] }, authType);
+  }) });
+};
+var socialLogin_default = SocialLogin;
+
+// src/components/wallets/index.tsx
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Wallets = ({ expandList }) => {
+  const { navigate } = useRouter();
+  const wallets = useWalletsProps_default();
+  const locales = useLocales();
+  const { lastConnectorId } = useLastConnectorId();
+  const connectWallet = useConnectWithWallet();
+  const { appearance } = useAppearance();
+  const walletData = useMemo2(() => {
+    const _wallets = wallets.filter(
+      (wallet) => wallet.connector.type !== "particleAuth" && wallet.connector.id !== "passkeySmartWallet"
+    );
+    const datas = [];
+    for (const wallet of _wallets) {
+      const key = wallet.groupId || wallet.connector.id;
+      const itemData = datas.find((w) => w.key === key);
+      if (itemData) {
+        itemData.props.push(wallet);
+      } else {
+        datas.push({
+          key,
+          props: [wallet],
+          rankingWeight: 0
+        });
+      }
+    }
+    const recommendedWallets = appearance?.recommendedWallets || [];
+    datas.forEach((data) => {
+      const ids = data.key.split(",").map((id) => id.trim());
+      if (data.props.length > 1) {
+        data.lable = locales.multichain;
+      }
+      if (data.props.some((item) => item.isInstalled)) {
+        data.lable = locales.installed;
+        data.rankingWeight = 100;
+      }
+      const recommended = recommendedWallets.find((item) => ids.includes(item.walletId));
+      if (recommended) {
+        if (recommended.label !== "none") {
+          if (recommended.label?.toLowerCase() === "recommended") {
+            data.lable = locales.recommended;
+          } else if (recommended.label?.toLowerCase() === "popular") {
+            data.lable = locales.popular;
+          } else {
+            data.lable = recommended.label || locales.recommended;
+          }
+          data.customLable = true;
+        } else {
+          data.customLable = void 0;
+        }
+        const recommendedIndex = recommendedWallets.indexOf(recommended);
+        data.rankingWeight = 200 + (99 - recommendedIndex);
+      }
+      if (lastConnectorId && ids.includes(lastConnectorId)) {
+        data.lable = locales.lastUsed;
+        data.rankingWeight = 500;
+        data.customLable = void 0;
+      }
+    });
+    datas.sort((a, b) => {
+      if (a.rankingWeight > b.rankingWeight) {
+        return -1;
+      }
+      if (a.rankingWeight < b.rankingWeight) {
+        return 1;
+      }
+      return 0;
+    });
+    return datas;
+  }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]);
+  const renderWallets = useMemo2(() => {
+    if (expandList) {
+      return walletData;
+    }
+    if (appearance?.collapseWalletList) {
+      return [];
+    }
+    if (walletData.length > 3) {
+      return walletData.slice(0, 3);
+    }
+    return walletData;
+  }, [walletData, expandList, appearance?.collapseWalletList]);
+  const displayActionBtn = useMemo2(() => {
+    return !expandList && (appearance?.collapseWalletList || walletData.length > 3);
+  }, [expandList, appearance?.collapseWalletList, walletData]);
+  const onWalletClick = (data) => {
+    if (data.props.length > 1) {
+      navigate("select-chain" /* SelectChain */, { walletData: data });
+    } else {
+      const walletProps = data.props[0];
+      connectWallet(walletProps);
+    }
+  };
+  return /* @__PURE__ */ jsxs2(WalletsContainer, { children: [
+    renderWallets.map((walletData2) => {
+      return /* @__PURE__ */ jsxs2(WalletItem, { onClick: () => onWalletClick(walletData2), children: [
+        /* @__PURE__ */ jsx3(WalletIconContainer, { children: walletData2.props[0].icon }),
+        walletData2.props[0].name,
+        walletData2.lable && /* @__PURE__ */ jsx3(WalletLable, { $customLable: walletData2.customLable, children: walletData2.lable }),
+        /* @__PURE__ */ jsx3(ForwardContainer, { children: /* @__PURE__ */ jsx3(Forward_default, {}) })
+      ] }, walletData2.key);
+    }),
+    displayActionBtn && /* @__PURE__ */ jsx3(
+      button_default,
+      {
+        onClick: () => {
+          navigate("connectors" /* Connectors */);
+        },
+        color: "secondary",
+        children: appearance?.collapseWalletList ? locales.continueWithWallet : locales.viewAllWallets
+      }
+    )
+  ] });
+};
+var wallets_default = Wallets;
+
+export {
+  isSocialAuthType,
+  socialLogin_default,
+  wallets_default
+};
+//# sourceMappingURL=chunk-2QD3YXSV.js.map

package/dist/chunk-2QD3YXSV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils/social.ts", "../src/components/socialLogin/index.tsx", "../src/assets/toggle.tsx", "../src/components/wallets/index.tsx"],
+  "sourcesContent": ["const socialAuthTypes = [\n  'facebook',\n  'google',\n  'apple',\n  'twitter',\n  'discord',\n  'github',\n  'twitch',\n  'microsoft',\n  'linkedin',\n] as const;\n\nexport type SocialAuthType = (typeof socialAuthTypes)[number];\n\nexport const isSocialAuthType = (authType: string): authType is SocialAuthType => {\n  return (socialAuthTypes as readonly string[]).includes(authType);\n};\n", "import { isEVMChain } from '@particle-network/connector-core';\nimport { Fragment, useMemo } from 'react';\nimport Forward from '../../assets/icons/Forward';\nimport ToggleIcon from '../../assets/toggle';\nimport { useContext } from '../../context';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport { useLastConnectorId } from '../../hooks/useLastConnectorId';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnector } from '../../hooks/useWalletConnectors';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport { RoutePath } from '../../pages';\nimport { isSocialAuthType } from '../../utils/social';\nimport { ForwardContainer, WalletLable } from '../wallets/styles';\nimport SocialIcon from './Icons';\nimport { SocialItem, SocialLoginContainer, ToggleContainer } from './styles';\n\nconst SocialLogin = ({ expandList }: { expandList?: boolean }) => {\n  const { config } = useContext();\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const { appearance } = useAppearance();\n  const wallet = useWalletProps(isEVMChain(config.chains[0]) ? 'particleEVM' : 'particleSolana');\n  const walletConnector = useWalletConnector('particleAuth');\n  const evmWalletConnector = useWalletConnector('evmWallet');\n\n  const { lastConnectorId } = useLastConnectorId();\n\n  const connectWallet = useConnectWithWallet();\n\n  const recentConnectSocialAuthType = useMemo(() => {\n    if (lastConnectorId !== 'particleSolana' && lastConnectorId !== 'particleEVM') {\n      return lastConnectorId;\n    }\n\n    const lastAuthType = walletConnector.auth.getLatestAuthType();\n    return lastAuthType;\n  }, [lastConnectorId, walletConnector.auth]);\n\n  const authTypes = useMemo(() => {\n    if (!walletConnector) {\n      return [];\n    }\n    const hasPasskeyConnector = evmWalletConnector?.connectors.some(\n      (connector) => connector.id === 'passkeySmartWallet'\n    );\n    const enablePasskey =\n      Boolean(config.plugins.some((plugin) => plugin.id === 'aa') && hasPasskeyConnector) &&\n      appearance.collapsePasskeyButton === 'as-social';\n    if (enablePasskey) {\n      return walletConnector.supportAuthTypes.concat('passkeySmartWallet');\n    }\n    return walletConnector.supportAuthTypes;\n  }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]);\n\n  const socialAuthTypes = useMemo(() => {\n    return authTypes.filter((item) => isSocialAuthType(item) || item === 'passkeySmartWallet');\n  }, [authTypes]);\n\n  const _expandList = useMemo(() => {\n    const evmConnector = config.getWalletConnector('evmWallet');\n    const solanaConnector = config.getWalletConnector('solanaWallet');\n    return (\n      expandList || (!authTypes.includes('email') && !authTypes.includes('phone') && !evmConnector && !solanaConnector)\n    );\n  }, [expandList, authTypes, config]);\n\n  const renderAuthTypes = useMemo(() => {\n    if (_expandList) {\n      return socialAuthTypes;\n    }\n\n    if (socialAuthTypes.length > 5) {\n      return socialAuthTypes.slice(0, 4);\n    }\n    return socialAuthTypes;\n  }, [_expandList, socialAuthTypes]);\n\n  const onSocialLogin = (authType: string) => {\n    if (wallet && isSocialAuthType(authType)) {\n      const name = authType.charAt(0).toUpperCase() + authType.slice(1);\n      connectWallet(\n        {\n          ...wallet,\n          name,\n          shortName: name,\n          iconShape: authType === 'microsoft' || authType === 'twitch' ? 'squircle' : 'circle',\n          icon: <SocialIcon authType={authType} />,\n        },\n        {\n          authParams: {\n            socialType: authType,\n            prompt: 'select_account',\n          },\n        }\n      );\n    } else if (authType === 'passkeySmartWallet') {\n      navigate(RoutePath.LoginPasskey);\n    }\n  };\n\n  const felxRow = useMemo(() => {\n    if (_expandList) {\n      return false;\n    }\n    return socialAuthTypes.length > 3;\n  }, [_expandList, socialAuthTypes]);\n\n  return (\n    <SocialLoginContainer $felxRow={felxRow}>\n      {renderAuthTypes.map((authType, index) => {\n        return (\n          <Fragment key={authType}>\n            <SocialItem $felxRow={felxRow} onClick={() => onSocialLogin(authType)}>\n              <SocialIcon authType={authType} />\n              <span>{authType === 'passkeySmartWallet' ? 'Passkey' : authType}</span>\n              {!felxRow && (\n                <>\n                  {recentConnectSocialAuthType === authType && <WalletLable>{locales.lastUsed}</WalletLable>}\n                  <ForwardContainer>\n                    <Forward />\n                  </ForwardContainer>\n                </>\n              )}\n            </SocialItem>\n            {!_expandList && index == 3 && socialAuthTypes.length > 5 && (\n              <ToggleContainer onClick={() => navigate(RoutePath.Connectors, { type: 'social' })}>\n                <ToggleIcon />\n              </ToggleContainer>\n            )}\n          </Fragment>\n        );\n      })}\n    </SocialLoginContainer>\n  );\n};\n\nexport default SocialLogin;\n", "import { motion } from 'framer-motion';\n\nconst ToggleIcon = () => {\n  return (\n    <motion.svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'>\n      <path\n        d='M5.20833 10.4167C4.0625 10.4167 3.125 11.3542 3.125 12.5C3.125 13.6459 4.0625 14.5834 5.20833 14.5834C6.35417 14.5834 7.29167 13.6459 7.29167 12.5C7.29167 11.3542 6.35417 10.4167 5.20833 10.4167ZM19.7917 10.4167C18.6458 10.4167 17.7083 11.3542 17.7083 12.5C17.7083 13.6459 18.6458 14.5834 19.7917 14.5834C20.9375 14.5834 21.875 13.6459 21.875 12.5C21.875 11.3542 20.9375 10.4167 19.7917 10.4167ZM12.5 10.4167C11.3542 10.4167 10.4167 11.3542 10.4167 12.5C10.4167 13.6459 11.3542 14.5834 12.5 14.5834C13.6458 14.5834 14.5833 13.6459 14.5833 12.5C14.5833 11.3542 13.6458 10.4167 12.5 10.4167Z'\n        fill='var(--pcm-body-action-color)'\n      />\n    </motion.svg>\n  );\n};\n\nexport default ToggleIcon;\n", "import { useMemo } from 'react';\nimport Forward from '../../assets/icons/Forward';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport { useLastConnectorId } from '../../hooks/useLastConnectorId';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport useWalletsProps from '../../hooks/useWalletsProps';\nimport { RoutePath } from '../../pages';\nimport Button from '../button';\nimport { ForwardContainer, WalletIconContainer, WalletItem, WalletLable, WalletsContainer } from './styles';\nimport type { WalletData } from './types';\n\nconst Wallets = ({ expandList }: { expandList?: boolean }) => {\n  const { navigate } = useRouter();\n  const wallets = useWalletsProps();\n  const locales = useLocales();\n  const { lastConnectorId } = useLastConnectorId();\n  const connectWallet = useConnectWithWallet();\n  const { appearance } = useAppearance();\n\n  const walletData = useMemo(() => {\n    const _wallets = wallets.filter(\n      (wallet) => wallet.connector.type !== 'particleAuth' && wallet.connector.id !== 'passkeySmartWallet'\n    );\n    // merge wallet\n    const datas: WalletData[] = [];\n    for (const wallet of _wallets) {\n      const key = wallet.groupId || wallet.connector.id;\n      const itemData = datas.find((w) => w.key === key);\n      if (itemData) {\n        itemData.props.push(wallet);\n      } else {\n        datas.push({\n          key,\n          props: [wallet],\n          rankingWeight: 0,\n        });\n      }\n    }\n\n    // set lable\n    const recommendedWallets = appearance?.recommendedWallets || [];\n    datas.forEach((data) => {\n      const ids = data.key.split(',').map((id) => id.trim());\n      // multichain lable\n      if (data.props.length > 1) {\n        data.lable = locales.multichain;\n      }\n\n      // installed lable\n      if (data.props.some((item) => item.isInstalled)) {\n        data.lable = locales.installed;\n        data.rankingWeight = 100;\n      }\n\n      // custom lable\n      const recommended = recommendedWallets.find((item) => ids.includes(item.walletId));\n      if (recommended) {\n        if (recommended.label !== 'none') {\n          if (recommended.label?.toLowerCase() === 'recommended') {\n            data.lable = locales.recommended;\n          } else if (recommended.label?.toLowerCase() === 'popular') {\n            data.lable = locales.popular;\n          } else {\n            data.lable = recommended.label || locales.recommended;\n          }\n          data.customLable = true;\n        } else {\n          data.customLable = undefined;\n        }\n        const recommendedIndex = recommendedWallets.indexOf(recommended);\n        data.rankingWeight = 200 + (99 - recommendedIndex);\n      }\n\n      // last used lable\n      if (lastConnectorId && ids.includes(lastConnectorId)) {\n        data.lable = locales.lastUsed;\n        data.rankingWeight = 500;\n        data.customLable = undefined;\n      }\n    });\n\n    // sort items\n    datas.sort((a, b) => {\n      if (a.rankingWeight > b.rankingWeight) {\n        return -1;\n      }\n\n      if (a.rankingWeight < b.rankingWeight) {\n        return 1;\n      }\n\n      return 0;\n    });\n\n    return datas;\n  }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]);\n\n  const renderWallets = useMemo(() => {\n    if (expandList) {\n      return walletData;\n    }\n\n    if (appearance?.collapseWalletList) {\n      return [];\n    }\n\n    if (walletData.length > 3) {\n      return walletData.slice(0, 3);\n    }\n\n    return walletData;\n  }, [walletData, expandList, appearance?.collapseWalletList]);\n\n  const displayActionBtn = useMemo(() => {\n    return !expandList && (appearance?.collapseWalletList || walletData.length > 3);\n  }, [expandList, appearance?.collapseWalletList, walletData]);\n\n  const onWalletClick = (data: WalletData) => {\n    if (data.props.length > 1) {\n      // route to select chain\n      navigate(RoutePath.SelectChain, { walletData: data });\n    } else {\n      const walletProps = data.props[0];\n      connectWallet(walletProps);\n    }\n  };\n\n  return (\n    <WalletsContainer>\n      {renderWallets.map((walletData) => {\n        return (\n          <WalletItem key={walletData.key} onClick={() => onWalletClick(walletData)}>\n            <WalletIconContainer>{walletData.props[0].icon}</WalletIconContainer>\n            {walletData.props[0].name}\n            {walletData.lable && <WalletLable $customLable={walletData.customLable}>{walletData.lable}</WalletLable>}\n            <ForwardContainer>\n              <Forward />\n            </ForwardContainer>\n          </WalletItem>\n        );\n      })}\n\n      {displayActionBtn && (\n        <Button\n          onClick={() => {\n            navigate(RoutePath.Connectors);\n          }}\n          color='secondary'\n        >\n          {appearance?.collapseWalletList ? locales.continueWithWallet : locales.viewAllWallets}\n        </Button>\n      )}\n    </WalletsContainer>\n  );\n};\n\nexport default Wallets;\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "socialAuthTypes", "useMemo", "jsx", "jsxs", "useMemo", "walletData"]
+}

package/dist/chunk-2W7MK3DK.js

@@ -0,0 +1,50 @@
+"use client";
+
+// src/assets/wallets/Trust.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Trust = ({ ...props }) => {
+  const uid = useId();
+  const gradientId = `trust-gradient-${uid}`;
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0.286133 3.46686L10.9995 0V24C3.34699 20.7997 0.286133 14.6664 0.286133 11.2003V3.46686Z",
+        fill: "#0500FF"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21.7137 3.46686L11.0004 0V24C18.6529 20.7997 21.7137 14.6664 21.7137 11.2003V3.46686Z",
+        fill: `url(#${gradientId})`
+      }
+    ),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+      "linearGradient",
+      {
+        id: gradientId,
+        x1: "18.8679",
+        y1: "-1.68063",
+        x2: "10.8399",
+        y2: "23.6925",
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0.02", stopColor: "#0000FF" }),
+          /* @__PURE__ */ jsx("stop", { offset: "0.08", stopColor: "#0094FF" }),
+          /* @__PURE__ */ jsx("stop", { offset: "0.16", stopColor: "#48FF91" }),
+          /* @__PURE__ */ jsx("stop", { offset: "0.42", stopColor: "#0094FF" }),
+          /* @__PURE__ */ jsx("stop", { offset: "0.68", stopColor: "#0038FF" }),
+          /* @__PURE__ */ jsx("stop", { offset: "0.9", stopColor: "#0500FF" })
+        ]
+      }
+    ) })
+  ] });
+};
+var Trust_default = Trust;
+
+export {
+  Trust_default
+};
+//# sourceMappingURL=chunk-2W7MK3DK.js.map

package/dist/chunk-2W7MK3DK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Trust.tsx"],
+  "sourcesContent": ["import { useId } from 'react';\n\nconst Trust = ({ ...props }) => {\n  const uid = useId();\n  const gradientId = `trust-gradient-${uid}`;\n\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24' fill='none' {...props}>\n      <path\n        d='M0.286133 3.46686L10.9995 0V24C3.34699 20.7997 0.286133 14.6664 0.286133 11.2003V3.46686Z'\n        fill='#0500FF'\n      />\n      <path\n        d='M21.7137 3.46686L11.0004 0V24C18.6529 20.7997 21.7137 14.6664 21.7137 11.2003V3.46686Z'\n        fill={`url(#${gradientId})`}\n      />\n      <defs>\n        <linearGradient\n          id={gradientId}\n          x1='18.8679'\n          y1='-1.68063'\n          x2='10.8399'\n          y2='23.6925'\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop offset='0.02' stopColor='#0000FF' />\n          <stop offset='0.08' stopColor='#0094FF' />\n          <stop offset='0.16' stopColor='#48FF91' />\n          <stop offset='0.42' stopColor='#0094FF' />\n          <stop offset='0.68' stopColor='#0038FF' />\n          <stop offset='0.9' stopColor='#0500FF' />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default Trust;\n"],
+  "mappings": ";;;AAAA,SAAS,aAAa;AAQhB,cASE,YATF;AANN,IAAM,QAAQ,CAAC,KAAK,MAAM,MAAM;AAC9B,QAAM,MAAM,MAAM;AAClB,QAAM,aAAa,kBAAkB;AAErC,SACE,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACjG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA;AAAA,IAChB;AAAA,IACA,oBAAC,UACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,eAAc;AAAA,QAEd;AAAA,8BAAC,UAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,oBAAC,UAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,oBAAC,UAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,oBAAC,UAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,oBAAC,UAAK,QAAO,QAAO,WAAU,WAAU;AAAA,UACxC,oBAAC,UAAK,QAAO,OAAM,WAAU,WAAU;AAAA;AAAA;AAAA,IACzC,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/chunk-2WEF5LND.js

@@ -0,0 +1,29 @@
+"use client";
+
+// src/assets/wallets/Onekey.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Onekey = ({ ...props }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M24 12C24 20.2843 20.2843 24 12 24C3.71573 24 0 20.2843 0 12C0 3.71573 3.71573 0 12 0C20.2843 0 24 3.71573 24 12Z",
+      fill: "#44D62C"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { d: "M13.0842 5.0885H9.74582L9.16016 6.85933H11.0143V10.5897H13.0842V5.0885Z", fill: "black" }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15.8074 15.1043C15.8074 17.207 14.1027 18.9115 12 18.9115C9.89737 18.9115 8.19287 17.207 8.19287 15.1043C8.19287 13.0017 9.89737 11.2972 12 11.2972C14.1027 11.2972 15.8074 13.0017 15.8074 15.1043ZM14.0789 15.1043C14.0789 16.2525 13.1482 17.1832 12 17.1832C10.852 17.1832 9.92137 16.2525 9.92137 15.1043C9.92137 13.9563 10.852 13.0255 12 13.0255C13.1482 13.0255 14.0789 13.9563 14.0789 15.1043Z",
+      fill: "black"
+    }
+  )
+] });
+var Onekey_default = Onekey;
+
+export {
+  Onekey_default
+};
+//# sourceMappingURL=chunk-2WEF5LND.js.map

package/dist/chunk-2WEF5LND.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Onekey.tsx"],
+  "sourcesContent": ["const Onekey = ({ ...props }) => (\n  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' {...props}>\n    <path\n      d='M24 12C24 20.2843 20.2843 24 12 24C3.71573 24 0 20.2843 0 12C0 3.71573 3.71573 0 12 0C20.2843 0 24 3.71573 24 12Z'\n      fill='#44D62C'\n    />\n    <path d='M13.0842 5.0885H9.74582L9.16016 6.85933H11.0143V10.5897H13.0842V5.0885Z' fill='black' />\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M15.8074 15.1043C15.8074 17.207 14.1027 18.9115 12 18.9115C9.89737 18.9115 8.19287 17.207 8.19287 15.1043C8.19287 13.0017 9.89737 11.2972 12 11.2972C14.1027 11.2972 15.8074 13.0017 15.8074 15.1043ZM14.0789 15.1043C14.0789 16.2525 13.1482 17.1832 12 17.1832C10.852 17.1832 9.92137 16.2525 9.92137 15.1043C9.92137 13.9563 10.852 13.0255 12 13.0255C13.1482 13.0255 14.0789 13.9563 14.0789 15.1043Z'\n      fill='black'\n    />\n  </svg>\n);\n\nexport default Onekey;\n"],
+  "mappings": ";;;AACE,SACE,KADF;AADF,IAAM,SAAS,CAAC,KAAK,MAAM,MACzB,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACjG;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,EACA,oBAAC,UAAK,GAAE,2EAA0E,MAAK,SAAQ;AAAA,EAC/F;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,GACF;AAGF,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/chunk-36YHDQZP.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/assets/wallets/OKX.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OKX = ({ ...props }) => {
+  const id1 = useMemo(() => {
+    return `okx_${Math.random().toString(36).substring(7)}_1`;
+  }, []);
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: `url(#${id1})`, children: [
+      /* @__PURE__ */ jsx("path", { d: "M24 0H0V24H24V0Z", fill: "black" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.0448 9.74402H10.1664C10.0032 9.74402 9.86877 9.87842 9.86877 10.0416V13.92C9.86877 14.0832 10.0032 14.2176 10.1664 14.2176H14.0448C14.208 14.2176 14.3424 14.0832 14.3424 13.92V10.0416C14.3424 9.87842 14.208 9.74402 14.0448 9.74402Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.56162 5.27039H5.68322C5.52002 5.27039 5.38562 5.40479 5.38562 5.56799V9.44639C5.38562 9.60959 5.52002 9.74399 5.68322 9.74399H9.56162C9.72482 9.74399 9.85922 9.60959 9.85922 9.44639V5.56799C9.85922 5.40479 9.72482 5.27039 9.56162 5.27039Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.5281 5.27039H14.6497C14.4865 5.27039 14.3521 5.40479 14.3521 5.56799V9.44639C14.3521 9.60959 14.4865 9.74399 14.6497 9.74399H18.5281C18.6913 9.74399 18.8257 9.60959 18.8257 9.44639V5.56799C18.8257 5.40479 18.6913 5.27039 18.5281 5.27039Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.56162 14.2272H5.68322C5.52002 14.2272 5.38562 14.3616 5.38562 14.5248V18.4032C5.38562 18.5664 5.52002 18.7008 5.68322 18.7008H9.56162C9.72482 18.7008 9.85922 18.5664 9.85922 18.4032V14.5248C9.85922 14.3616 9.72482 14.2272 9.56162 14.2272Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.5281 14.2272H14.6497C14.4865 14.2272 14.3521 14.3616 14.3521 14.5248V18.4032C14.3521 18.5664 14.4865 18.7008 14.6497 18.7008H18.5281C18.6913 18.7008 18.8257 18.5664 18.8257 18.4032V14.5248C18.8257 14.3616 18.6913 14.2272 18.5281 14.2272Z",
+          fill: "white"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: id1, children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "6", fill: "white" }) }) })
+  ] });
+};
+var OKX_default = OKX;
+
+export {
+  OKX_default
+};
+//# sourceMappingURL=chunk-36YHDQZP.js.map

package/dist/chunk-36YHDQZP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/OKX.tsx"],
+  "sourcesContent": ["import { useMemo } from 'react';\n\nconst OKX = ({ ...props }) => {\n  const id1 = useMemo(() => {\n    return `okx_${Math.random().toString(36).substring(7)}_1`;\n  }, []);\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' {...props}>\n      <g clipPath={`url(#${id1})`}>\n        <path d='M24 0H0V24H24V0Z' fill='black' />\n        <path\n          d='M14.0448 9.74402H10.1664C10.0032 9.74402 9.86877 9.87842 9.86877 10.0416V13.92C9.86877 14.0832 10.0032 14.2176 10.1664 14.2176H14.0448C14.208 14.2176 14.3424 14.0832 14.3424 13.92V10.0416C14.3424 9.87842 14.208 9.74402 14.0448 9.74402Z'\n          fill='white'\n        />\n        <path\n          d='M9.56162 5.27039H5.68322C5.52002 5.27039 5.38562 5.40479 5.38562 5.56799V9.44639C5.38562 9.60959 5.52002 9.74399 5.68322 9.74399H9.56162C9.72482 9.74399 9.85922 9.60959 9.85922 9.44639V5.56799C9.85922 5.40479 9.72482 5.27039 9.56162 5.27039Z'\n          fill='white'\n        />\n        <path\n          d='M18.5281 5.27039H14.6497C14.4865 5.27039 14.3521 5.40479 14.3521 5.56799V9.44639C14.3521 9.60959 14.4865 9.74399 14.6497 9.74399H18.5281C18.6913 9.74399 18.8257 9.60959 18.8257 9.44639V5.56799C18.8257 5.40479 18.6913 5.27039 18.5281 5.27039Z'\n          fill='white'\n        />\n        <path\n          d='M9.56162 14.2272H5.68322C5.52002 14.2272 5.38562 14.3616 5.38562 14.5248V18.4032C5.38562 18.5664 5.52002 18.7008 5.68322 18.7008H9.56162C9.72482 18.7008 9.85922 18.5664 9.85922 18.4032V14.5248C9.85922 14.3616 9.72482 14.2272 9.56162 14.2272Z'\n          fill='white'\n        />\n        <path\n          d='M18.5281 14.2272H14.6497C14.4865 14.2272 14.3521 14.3616 14.3521 14.5248V18.4032C14.3521 18.5664 14.4865 18.7008 14.6497 18.7008H18.5281C18.6913 18.7008 18.8257 18.5664 18.8257 18.4032V14.5248C18.8257 14.3616 18.6913 14.2272 18.5281 14.2272Z'\n          fill='white'\n        />\n      </g>\n      <defs>\n        <clipPath id={id1}>\n          <rect width='24' height='24' rx='6' fill='white' />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default OKX;\n"],
+  "mappings": ";;;AAAA,SAAS,eAAe;AAQlB,SACE,KADF;AANN,IAAM,MAAM,CAAC,KAAK,MAAM,MAAM;AAC5B,QAAM,MAAM,QAAQ,MAAM;AACxB,WAAO,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC;AAAA,EACtD,GAAG,CAAC,CAAC;AACL,SACE,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACjG;AAAA,yBAAC,OAAE,UAAU,QAAQ,QACnB;AAAA,0BAAC,UAAK,GAAE,oBAAmB,MAAK,SAAQ;AAAA,MACxC;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IACA,oBAAC,UACC,8BAAC,cAAS,IAAI,KACZ,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,SAAQ,GACnD,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,cAAQ;",
+  "names": []
+}

package/dist/chunk-3ATJN76Y.js

@@ -0,0 +1,9 @@
+"use client";
+
+// src/version.ts
+var version = "2.1.3";
+
+export {
+  version
+};
+//# sourceMappingURL=chunk-3ATJN76Y.js.map

package/dist/chunk-3ATJN76Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/version.ts"],
+  "sourcesContent": ["export const version = '2.1.3';\n"],
+  "mappings": ";;;AAAO,IAAM,UAAU;",
+  "names": []
+}

package/dist/chunk-3CEWFG5Y.js

@@ -0,0 +1,130 @@
+"use client";
+import {
+  useAAPlugin,
+  useAccount,
+  useContext,
+  useModalError,
+  useMutation
+} from "./chunk-LGU3FSI5.js";
+
+// src/hooks/useDisconnect.ts
+import { useCallback } from "react";
+
+// src/actions/disconnect.ts
+async function disconnect(config, parameters = {}) {
+  let connectors;
+  if (parameters.connector) {
+    connectors = [parameters.connector];
+  } else {
+    const connections2 = [...config.state.connections.values()];
+    connectors = connections2.map((connection) => connection.connector);
+  }
+  const connections = config.state.connections;
+  if (connectors && connectors.length) {
+    for (const connector of connectors) {
+      await connector.disconnect();
+      connector.emitter.off("change", config._internal.events.change);
+      connector.emitter.off("disconnect", config._internal.events.disconnect);
+      connector.emitter.on("connect", config._internal.events.connect);
+      connections.delete(connector.uid);
+    }
+  }
+  config.setState((x) => {
+    if (connections.size === 0)
+      return {
+        ...x,
+        connections: /* @__PURE__ */ new Map(),
+        current: null,
+        status: "disconnected"
+      };
+    const nextConnection = connections.values().next().value;
+    return {
+      ...x,
+      connections: new Map(connections),
+      current: nextConnection.connector.uid
+    };
+  });
+  {
+    const current = config.state.current;
+    if (!current)
+      return;
+    const connector = config.state.connections.get(current)?.connector;
+    if (!connector)
+      return;
+    await config.storage?.setItem("recentConnectorId", connector.id);
+  }
+}
+
+// src/hooks/useDisconnect.ts
+function useDisconnect(parameters) {
+  const { config } = useContext();
+  const mutationFn = useCallback(async (parameters2) => {
+    await disconnect(config, parameters2 ?? void 0);
+  }, []);
+  const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);
+  return {
+    status,
+    data,
+    error,
+    disconnect: mutate,
+    disconnectAsync: mutateAsync
+  };
+}
+
+// src/hooks/useSmartAccount.ts
+var useSmartAccount = () => {
+  const smartAccount = useAAPlugin((state) => state.smartAccount);
+  return smartAccount;
+};
+
+// src/hooks/useAddress.ts
+import { useEffect, useState } from "react";
+import { checksumAddress } from "viem";
+var useAddress = () => {
+  const { address: eoaAddress, chain } = useAccount();
+  const smartAccount = useSmartAccount();
+  const { disconnect: disconnect2 } = useDisconnect();
+  const { showError } = useModalError();
+  const [address, setAddress] = useState();
+  useEffect(() => {
+    if (smartAccount && eoaAddress && eoaAddress.startsWith("0x")) {
+      setAddress(void 0);
+      if (chain) {
+        smartAccount.getAddress().then((result) => {
+          if (smartAccount) {
+            if (result) {
+              setAddress(checksumAddress(result));
+            } else {
+              setAddress(void 0);
+            }
+          } else {
+            if (eoaAddress === "0x0000000000000000000000000000000000000000") {
+              setAddress(void 0);
+            } else {
+              setAddress(eoaAddress);
+            }
+          }
+        }).catch((error) => {
+          disconnect2();
+          setTimeout(() => showError(error.message), 10);
+        });
+      } else {
+        setAddress(void 0);
+      }
+    } else {
+      if (eoaAddress === "0x0000000000000000000000000000000000000000") {
+        setAddress(void 0);
+      } else {
+        setAddress(eoaAddress);
+      }
+    }
+  }, [eoaAddress, smartAccount, disconnect2, chain]);
+  return address;
+};
+
+export {
+  useDisconnect,
+  useSmartAccount,
+  useAddress
+};
+//# sourceMappingURL=chunk-3CEWFG5Y.js.map