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

package/dist/chunk-WGKCZEHD.js

@@ -0,0 +1,96 @@
+"use client";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  useContext,
+  useMutation
+} from "./chunk-RCHD3MLP.js";
+
+// src/hooks/useConnect.ts
+import { isEVMChain, isSolanaChain } from "@particle-network/connector-core";
+
+// src/actions/connect.ts
+import {
+  ConnectorAlreadyConnectedError
+} from "@particle-network/connector-core";
+async function connect(config, parameters) {
+  const connector = parameters.connector;
+  if (connector.uid === config.state.current)
+    throw new ConnectorAlreadyConnectedError();
+  try {
+    config.setState((x) => ({ ...x, status: "connecting" }));
+    connector.emitter.emit("message", { type: "connecting" });
+    const data = await connector.connect({
+      chainId: parameters.chainId,
+      ...parameters.authParams,
+      ...parameters.passkeyParams
+    });
+    const accounts = data.accounts;
+    connector.emitter.off("connect", config._internal.events.connect);
+    connector.emitter.on("change", config._internal.events.change);
+    connector.emitter.on("disconnect", config._internal.events.disconnect);
+    await config.storage?.setItem("recentConnectorId", connector.id);
+    config.setState((x) => ({
+      ...x,
+      connections: new Map(x.connections).set(connector.uid, {
+        accounts,
+        chainId: data.chainId,
+        connector
+      }),
+      current: connector.uid,
+      status: "connected"
+    }));
+    return { accounts, chainId: data.chainId };
+  } catch (error) {
+    config.setState((x) => ({
+      ...x,
+      status: x.current ? "connected" : "disconnected"
+    }));
+    throw error;
+  }
+}
+
+// src/hooks/useConnect.ts
+function useConnect(parameters) {
+  const { config, options } = useContext();
+  const { updateLastConnectorId } = useLastConnectorId();
+  const mutationFn = async (parameters2) => {
+    const { connector, chainId } = parameters2;
+    let connectChainId = chainId;
+    if (!connectChainId) {
+      if (connector.chainType === "evm") {
+        connectChainId = options.initialChainId?.evm;
+        if (!connectChainId) {
+          connectChainId = config.chains.find(isEVMChain)?.id;
+        }
+      } else {
+        connectChainId = options.initialChainId?.solana;
+        if (!connectChainId) {
+          connectChainId = config.chains.find(isSolanaChain)?.id;
+        }
+      }
+    }
+    const result = await connect(config, {
+      ...parameters2,
+      chainId: connectChainId
+    });
+    if (connector.id !== "walletConnect") {
+      updateLastConnectorId(connector.id);
+    }
+    return result;
+  };
+  const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);
+  return {
+    status,
+    data,
+    error,
+    connect: mutate,
+    connectAsync: mutateAsync
+  };
+}
+
+export {
+  useConnect
+};
+//# sourceMappingURL=chunk-WGKCZEHD.js.map

package/dist/chunk-WGKCZEHD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useConnect.ts", "../src/actions/connect.ts"],
+  "sourcesContent": ["import { isEVMChain, isSolanaChain } from '@particle-network/connector-core';\nimport { connect, type ConnectParameters, type ConnectReturnType } from '../actions/connect';\nimport { useContext } from '../context';\nimport { useLastConnectorId } from './useLastConnectorId';\nimport { useMutation, type MutationOptions } from './useMutation';\n\ntype UseConnectParameters = MutationOptions<ConnectReturnType, ConnectParameters>;\n\nexport default function useConnect(parameters?: UseConnectParameters) {\n  const { config, options } = useContext();\n  const { updateLastConnectorId } = useLastConnectorId();\n\n  const mutationFn = async (parameters: ConnectParameters) => {\n    const { connector, chainId } = parameters;\n    let connectChainId = chainId;\n    if (!connectChainId) {\n      if (connector.chainType === 'evm') {\n        connectChainId = options.initialChainId?.evm;\n        if (!connectChainId) {\n          connectChainId = config.chains.find(isEVMChain)?.id;\n        }\n      } else {\n        connectChainId = options.initialChainId?.solana;\n        if (!connectChainId) {\n          connectChainId = config.chains.find(isSolanaChain)?.id;\n        }\n      }\n    }\n    const result = await connect(config, {\n      ...parameters,\n      chainId: connectChainId,\n    });\n    if (connector.id !== 'walletConnect') {\n      updateLastConnectorId(connector.id);\n    }\n\n    return result;\n  };\n\n  const { status, data, error, mutate, mutateAsync } = useMutation(mutationFn, parameters);\n\n  return {\n    status,\n    data,\n    error,\n    connect: mutate,\n    connectAsync: mutateAsync,\n  };\n}\n", "import type { ConnectWithEmailParam, ConnectWithPhoneParam, ConnectWithProvider } from '@particle-network/auth-core';\nimport {\n  ConnectorAlreadyConnectedError,\n  type BaseErrorType,\n  type Connector,\n  type ConnectorAlreadyConnectedErrorType,\n  type ErrorType,\n} from '@particle-network/connector-core';\nimport type { Config } from '../createConfig';\nimport type { SocialAuthType } from '../utils/social';\n\nexport type ConnectWithSocialParam = {\n  socialType: SocialAuthType;\n  prompt?: 'none' | 'consent' | 'select_account';\n};\n\nexport type AuthConnectParams =\n  | Required<ConnectWithPhoneParam>\n  | Required<ConnectWithEmailParam>\n  | ConnectWithProvider\n  | ConnectWithSocialParam;\n\nexport type PasskeyParams = {\n  isRegistering?: boolean;\n};\n\nexport type ConnectParameters = {\n  connector: Connector;\n  chainId?: number;\n  authParams?: AuthConnectParams; // only particle auth need this.\n  passkeyParams?: PasskeyParams;\n};\n\nexport type ConnectReturnType = {\n  accounts: readonly [string, ...string[]];\n  chainId: number;\n};\n\nexport type ConnectErrorType = ConnectorAlreadyConnectedErrorType | BaseErrorType | ErrorType;\n\nexport async function connect(config: Config, parameters: ConnectParameters): Promise<ConnectReturnType> {\n  const connector = parameters.connector;\n\n  // Check if connector is already connected\n  if (connector.uid === config.state.current) throw new ConnectorAlreadyConnectedError();\n\n  try {\n    config.setState((x) => ({ ...x, status: 'connecting' }));\n    connector.emitter.emit('message', { type: 'connecting' });\n\n    const data = await connector.connect({\n      chainId: parameters.chainId,\n      ...parameters.authParams,\n      ...parameters.passkeyParams,\n    });\n    const accounts = data.accounts as readonly [string, ...string[]];\n\n    connector.emitter.off('connect', config._internal.events.connect);\n    connector.emitter.on('change', config._internal.events.change);\n    connector.emitter.on('disconnect', config._internal.events.disconnect);\n\n    await config.storage?.setItem('recentConnectorId', connector.id);\n    config.setState((x) => ({\n      ...x,\n      connections: new Map(x.connections).set(connector.uid, {\n        accounts,\n        chainId: data.chainId,\n        connector: connector,\n      }),\n      current: connector.uid,\n      status: 'connected',\n    }));\n\n    return { accounts, chainId: data.chainId };\n  } catch (error) {\n    config.setState((x) => ({\n      ...x,\n      // Keep existing connector connected in case of error\n      status: x.current ? 'connected' : 'disconnected',\n    }));\n    throw error;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY,qBAAqB;;;ACC1C;AAAA,EACE;AAAA,OAKK;AAiCP,eAAsB,QAAQ,QAAgB,YAA2D;AACvG,QAAM,YAAY,WAAW;AAG7B,MAAI,UAAU,QAAQ,OAAO,MAAM;AAAS,UAAM,IAAI,+BAA+B;AAErF,MAAI;AACF,WAAO,SAAS,CAAC,OAAO,EAAE,GAAG,GAAG,QAAQ,aAAa,EAAE;AACvD,cAAU,QAAQ,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAExD,UAAM,OAAO,MAAM,UAAU,QAAQ;AAAA,MACnC,SAAS,WAAW;AAAA,MACpB,GAAG,WAAW;AAAA,MACd,GAAG,WAAW;AAAA,IAChB,CAAC;AACD,UAAM,WAAW,KAAK;AAEtB,cAAU,QAAQ,IAAI,WAAW,OAAO,UAAU,OAAO,OAAO;AAChE,cAAU,QAAQ,GAAG,UAAU,OAAO,UAAU,OAAO,MAAM;AAC7D,cAAU,QAAQ,GAAG,cAAc,OAAO,UAAU,OAAO,UAAU;AAErE,UAAM,OAAO,SAAS,QAAQ,qBAAqB,UAAU,EAAE;AAC/D,WAAO,SAAS,CAAC,OAAO;AAAA,MACtB,GAAG;AAAA,MACH,aAAa,IAAI,IAAI,EAAE,WAAW,EAAE,IAAI,UAAU,KAAK;AAAA,QACrD;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,MACF,CAAC;AAAA,MACD,SAAS,UAAU;AAAA,MACnB,QAAQ;AAAA,IACV,EAAE;AAEF,WAAO,EAAE,UAAU,SAAS,KAAK,QAAQ;AAAA,EAC3C,SAAS,OAAP;AACA,WAAO,SAAS,CAAC,OAAO;AAAA,MACtB,GAAG;AAAA,MAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,IACpC,EAAE;AACF,UAAM;AAAA,EACR;AACF;;;AD1Ee,SAAR,WAA4B,YAAmC;AACpE,QAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW;AACvC,QAAM,EAAE,sBAAsB,IAAI,mBAAmB;AAErD,QAAM,aAAa,OAAOA,gBAAkC;AAC1D,UAAM,EAAE,WAAW,QAAQ,IAAIA;AAC/B,QAAI,iBAAiB;AACrB,QAAI,CAAC,gBAAgB;AACnB,UAAI,UAAU,cAAc,OAAO;AACjC,yBAAiB,QAAQ,gBAAgB;AACzC,YAAI,CAAC,gBAAgB;AACnB,2BAAiB,OAAO,OAAO,KAAK,UAAU,GAAG;AAAA,QACnD;AAAA,MACF,OAAO;AACL,yBAAiB,QAAQ,gBAAgB;AACzC,YAAI,CAAC,gBAAgB;AACnB,2BAAiB,OAAO,OAAO,KAAK,aAAa,GAAG;AAAA,QACtD;AAAA,MACF;AAAA,IACF;AACA,UAAM,SAAS,MAAM,QAAQ,QAAQ;AAAA,MACnC,GAAGA;AAAA,MACH,SAAS;AAAA,IACX,CAAC;AACD,QAAI,UAAU,OAAO,iBAAiB;AACpC,4BAAsB,UAAU,EAAE;AAAA,IACpC;AAEA,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,QAAQ,MAAM,OAAO,QAAQ,YAAY,IAAI,YAAY,YAAY,UAAU;AAEvF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,EAChB;AACF;",
+  "names": ["parameters"]
+}

package/dist/chunk-WRSN4CXS.js

@@ -0,0 +1,16 @@
+"use client";
+
+// src/assets/icons/ConnectArrowIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ConnectArrowIcon = ({ ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_669_1196)", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "14", cy: "14", r: "14" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.3536 14.3536C19.5488 14.1583 19.5488 13.8417 19.3536 13.6464L16.1716 10.4645C15.9763 10.2692 15.6597 10.2692 15.4645 10.4645C15.2692 10.6597 15.2692 10.9763 15.4645 11.1716L18.2929 14L15.4645 16.8284C15.2692 17.0237 15.2692 17.3403 15.4645 17.5355C15.6597 17.7308 15.9763 17.7308 16.1716 17.5355L19.3536 14.3536ZM10 14.5H19V13.5H10V14.5Z" })
+  ] }) });
+};
+var ConnectArrowIcon_default = ConnectArrowIcon;
+
+export {
+  ConnectArrowIcon_default
+};
+//# sourceMappingURL=chunk-WRSN4CXS.js.map

package/dist/chunk-WRSN4CXS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/ConnectArrowIcon.tsx"],
+  "sourcesContent": ["const ConnectArrowIcon = ({ ...props }) => {\n  return (\n    <svg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <g clipPath='url(#clip0_669_1196)'>\n        <circle cx='14' cy='14' r='14' />\n        <path d='M19.3536 14.3536C19.5488 14.1583 19.5488 13.8417 19.3536 13.6464L16.1716 10.4645C15.9763 10.2692 15.6597 10.2692 15.4645 10.4645C15.2692 10.6597 15.2692 10.9763 15.4645 11.1716L18.2929 14L15.4645 16.8284C15.2692 17.0237 15.2692 17.3403 15.4645 17.5355C15.6597 17.7308 15.9763 17.7308 16.1716 17.5355L19.3536 14.3536ZM10 14.5H19V13.5H10V14.5Z' />\n      </g>\n    </svg>\n  );\n};\n\nexport default ConnectArrowIcon;\n"],
+  "mappings": ";;;AAGM,SACE,KADF;AAHN,IAAM,mBAAmB,CAAC,KAAK,MAAM,MAAM;AACzC,SACE,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG,+BAAC,OAAE,UAAS,wBACV;AAAA,wBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,IAC/B,oBAAC,UAAK,GAAE,yVAAwV;AAAA,KAClW,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/chunk-WUBIBUXY.js

@@ -0,0 +1,31 @@
+"use client";
+
+// src/assets/wallets/Ledger.tsx
+import { jsx } from "react/jsx-runtime";
+var Ledger = ({ ...props }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "88",
+    height: "88",
+    viewBox: "0 0 88 88",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { background: "black" },
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M37.2106 16H16V29.4577H19.2182V19.2182L37.2106 19.1011V16ZM37.3568 33.4073V54.6179H50.8146V51.3997H40.575L40.458 33.4073H37.3568ZM16 72.1714H37.2106V69.0703L19.2182 68.9533V58.7137H16V72.1714ZM50.9609 16H72.1714V29.4577H68.9533V19.2182L50.9609 19.1011V16ZM72.1714 72.1714H50.9609V69.0703L68.9533 68.9533V58.7137H72.1714V72.1714Z",
+        fill: "white"
+      }
+    )
+  }
+);
+var Ledger_default = Ledger;
+
+export {
+  Ledger_default
+};
+//# sourceMappingURL=chunk-WUBIBUXY.js.map

package/dist/chunk-WUBIBUXY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Ledger.tsx"],
+  "sourcesContent": ["const Ledger = ({ ...props }) => (\n  <svg\n    width='88'\n    height='88'\n    viewBox='0 0 88 88'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    style={{ background: 'black' }}\n    {...props}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M37.2106 16H16V29.4577H19.2182V19.2182L37.2106 19.1011V16ZM37.3568 33.4073V54.6179H50.8146V51.3997H40.575L40.458 33.4073H37.3568ZM16 72.1714H37.2106V69.0703L19.2182 68.9533V58.7137H16V72.1714ZM50.9609 16H72.1714V29.4577H68.9533V19.2182L50.9609 19.1011V16ZM72.1714 72.1714H50.9609V69.0703L68.9533 68.9533V58.7137H72.1714V72.1714Z'\n      fill='white'\n    />\n  </svg>\n);\n\nexport default Ledger;\n"],
+  "mappings": ";;;AAUI;AAVJ,IAAM,SAAS,CAAC,KAAK,MAAM,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAO,EAAE,YAAY,QAAQ;AAAA,IAC5B,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF;AAGF,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/chunk-WXFNKAZM.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  Icons_default
+} from "./chunk-U4T5ORLN.js";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  useWalletsProps_default
+} from "./chunk-C4PG7BVE.js";
+import {
+  useAccount,
+  useConnections,
+  useContext
+} from "./chunk-OWHSDWQK.js";
+
+// src/hooks/useChains.ts
+import { useMemo } from "react";
+var useChains = () => {
+  const { config } = useContext();
+  const { connector } = useAccount();
+  const chains = useMemo(() => {
+    const walletConnectorType = connector?.walletConnectorType;
+    if (walletConnectorType) {
+      const walletConnector = config.getWalletConnector(walletConnectorType);
+      if (walletConnector) {
+        return walletConnector.chains;
+      }
+    }
+    return config.chains;
+  }, [connector, config]);
+  return chains;
+};
+
+// src/hooks/useWalletConnections.tsx
+import { useMemo as useMemo2 } from "react";
+import { jsx } from "react/jsx-runtime";
+var useWalletConnections = () => {
+  const connections = useConnections();
+  const wallets = useWalletsProps_default();
+  const { config } = useContext();
+  const { lastConnectorId } = useLastConnectorId();
+  const walletConnections = useMemo2(() => {
+    const props = [];
+    for (const connection of connections) {
+      const id = connection.connector.id;
+      const wallet = wallets.find(
+        (wallet2) => wallet2.id === id || wallet2.groupId?.split(",").map((item) => item.trim()).includes(id)
+      );
+      if (!wallet) {
+        continue;
+      }
+      if (connection.connector.type === "particleAuth") {
+        const authType = config.getWalletConnector("particleAuth")?.auth.getLatestAuthType();
+        if (authType) {
+          wallet.icon = /* @__PURE__ */ jsx(Icons_default, { authType });
+        }
+      } else {
+        if (wallet.connector.id === "walletConnect" && lastConnectorId && lastConnectorId !== wallet.connector.id) {
+          const lastWallet = wallets.find(
+            (wallet2) => wallet2.id === lastConnectorId || wallet2.groupId?.split(",").map((item) => item.trim()).includes(lastConnectorId)
+          );
+          if (lastWallet?.icon) {
+            wallet.icon = lastWallet.icon;
+          }
+        }
+      }
+      props.push({
+        accounts: connection.accounts,
+        chainId: connection.chainId,
+        walletProps: wallet
+      });
+    }
+    return props;
+  }, [connections, wallets, config, lastConnectorId]);
+  return walletConnections;
+};
+
+export {
+  useChains,
+  useWalletConnections
+};
+//# sourceMappingURL=chunk-WXFNKAZM.js.map

package/dist/chunk-WXFNKAZM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useChains.ts", "../src/hooks/useWalletConnections.tsx"],
+  "sourcesContent": ["import { useMemo } from 'react';\nimport { useContext } from '../context';\nimport { useAccount } from './useAccount';\n\nexport const useChains = () => {\n  const { config } = useContext();\n  const { connector } = useAccount();\n\n  const chains = useMemo(() => {\n    const walletConnectorType = connector?.walletConnectorType;\n    if (walletConnectorType) {\n      const walletConnector = config.getWalletConnector(walletConnectorType);\n      if (walletConnector) {\n        return walletConnector.chains;\n      }\n    }\n    return config.chains;\n  }, [connector, config]);\n\n  return chains;\n};\n", "import { useMemo } from 'react';\nimport SocialIcon from '../components/socialLogin/Icons';\nimport { useContext } from '../context';\nimport type { AuthWalletConnectorProperties } from '../types/properties';\nimport { useConnections } from './useConnections';\nimport { useLastConnectorId } from './useLastConnectorId';\nimport useWalletsProps, { type WalletProps } from './useWalletsProps';\n\nexport type WalletConnection = {\n  accounts: readonly [string, ...string[]];\n  chainId: number;\n  walletProps: WalletProps;\n};\n\nexport const useWalletConnections = (): WalletConnection[] => {\n  const connections = useConnections();\n  const wallets = useWalletsProps();\n  const { config } = useContext();\n  const { lastConnectorId } = useLastConnectorId();\n\n  const walletConnections = useMemo(() => {\n    const props: WalletConnection[] = [];\n    for (const connection of connections) {\n      const id = connection.connector.id;\n      const wallet = wallets.find(\n        (wallet) =>\n          wallet.id === id ||\n          wallet.groupId\n            ?.split(',')\n            .map((item) => item.trim())\n            .includes(id)\n      );\n      if (!wallet) {\n        continue;\n      }\n\n      if (connection.connector.type === 'particleAuth') {\n        const authType = config\n          .getWalletConnector<AuthWalletConnectorProperties>('particleAuth')\n          ?.auth.getLatestAuthType();\n        if (authType) {\n          wallet.icon = <SocialIcon authType={authType} />;\n        }\n      } else {\n        // \u79FB\u52A8\u7AEFwallet\u90FD\u662F\u901A\u8FC7WalletConnect\u94FE\u63A5\u7684\uFF0C\u4F46\u662Ficon\u9700\u8981\u663E\u793A\u5177\u4F53\u70B9\u51FB\u7684wallet\n        if (wallet.connector.id === 'walletConnect' && lastConnectorId && lastConnectorId !== wallet.connector.id) {\n          const lastWallet = wallets.find(\n            (wallet) =>\n              wallet.id === lastConnectorId ||\n              wallet.groupId\n                ?.split(',')\n                .map((item) => item.trim())\n                .includes(lastConnectorId)\n          );\n          if (lastWallet?.icon) {\n            wallet.icon = lastWallet.icon;\n          }\n        }\n      }\n\n      props.push({\n        accounts: connection.accounts,\n        chainId: connection.chainId,\n        walletProps: wallet,\n      });\n    }\n\n    return props;\n  }, [connections, wallets, config, lastConnectorId]);\n\n  return walletConnections;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA,SAAS,eAAe;AAIjB,IAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,UAAU,IAAI,WAAW;AAEjC,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,sBAAsB,WAAW;AACvC,QAAI,qBAAqB;AACvB,YAAM,kBAAkB,OAAO,mBAAmB,mBAAmB;AACrE,UAAI,iBAAiB;AACnB,eAAO,gBAAgB;AAAA,MACzB;AAAA,IACF;AACA,WAAO,OAAO;AAAA,EAChB,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO;AACT;;;ACpBA,SAAS,WAAAA,gBAAe;AAyCA;AA3BjB,IAAM,uBAAuB,MAA0B;AAC5D,QAAM,cAAc,eAAe;AACnC,QAAM,UAAU,wBAAgB;AAChC,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,gBAAgB,IAAI,mBAAmB;AAE/C,QAAM,oBAAoBC,SAAQ,MAAM;AACtC,UAAM,QAA4B,CAAC;AACnC,eAAW,cAAc,aAAa;AACpC,YAAM,KAAK,WAAW,UAAU;AAChC,YAAM,SAAS,QAAQ;AAAA,QACrB,CAACC,YACCA,QAAO,OAAO,MACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,EAAE;AAAA,MAClB;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,UAAI,WAAW,UAAU,SAAS,gBAAgB;AAChD,cAAM,WAAW,OACd,mBAAkD,cAAc,GAC/D,KAAK,kBAAkB;AAC3B,YAAI,UAAU;AACZ,iBAAO,OAAO,oBAAC,iBAAW,UAAoB;AAAA,QAChD;AAAA,MACF,OAAO;AAEL,YAAI,OAAO,UAAU,OAAO,mBAAmB,mBAAmB,oBAAoB,OAAO,UAAU,IAAI;AACzG,gBAAM,aAAa,QAAQ;AAAA,YACzB,CAACA,YACCA,QAAO,OAAO,mBACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,eAAe;AAAA,UAC/B;AACA,cAAI,YAAY,MAAM;AACpB,mBAAO,OAAO,WAAW;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAEA,YAAM,KAAK;AAAA,QACT,UAAU,WAAW;AAAA,QACrB,SAAS,WAAW;AAAA,QACpB,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,SAAS,QAAQ,eAAe,CAAC;AAElD,SAAO;AACT;",
+  "names": ["useMemo", "useMemo", "wallet"]
+}

package/dist/chunk-XA7WOFHO.js

@@ -0,0 +1,12 @@
+"use client";
+
+// src/assets/icons/CloseIcon.tsx
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var CloseIcon = ({ ...props }) => /* @__PURE__ */ jsx(motion.svg, { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+var CloseIcon_default = CloseIcon;
+
+export {
+  CloseIcon_default
+};
+//# sourceMappingURL=chunk-XA7WOFHO.js.map

package/dist/chunk-XA7WOFHO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/CloseIcon.tsx"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\n\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg width={14} height={14} viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n    <path d='M1 13L13 1M1 1L13 13' stroke='currentColor' strokeWidth='2' strokeLinecap='round' />\n  </motion.svg>\n);\n\nexport default CloseIcon;\n"],
+  "mappings": ";;;AAAA,SAAS,cAAc;AAInB;AAFJ,IAAM,YAAY,CAAC,KAAK,MAAM,MAC5B,oBAAC,OAAO,KAAP,EAAW,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACxG,8BAAC,UAAK,GAAE,wBAAuB,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,GAC7F;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/chunk-XCXHOPWL.js

@@ -0,0 +1,19 @@
+"use client";
+import {
+  useContext
+} from "./chunk-RCHD3MLP.js";
+
+// src/hooks/useWalletConnectors.ts
+var useWalletConnectors = () => {
+  const { config } = useContext();
+  return config.walletConnectors;
+};
+var useWalletConnector = (walletConnectorType) => {
+  const walletConnectors = useWalletConnectors();
+  return walletConnectors.find((item) => item.type === walletConnectorType);
+};
+
+export {
+  useWalletConnector
+};
+//# sourceMappingURL=chunk-XCXHOPWL.js.map

package/dist/chunk-XCXHOPWL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useWalletConnectors.ts"],
+  "sourcesContent": ["import type { WalletConnector, WalletConnectorType } from '@particle-network/connector-core';\nimport { useContext } from '../context';\nimport type { AuthWalletConnectorProperties, EVMWalletConnectorProperties } from '../types/properties';\n\nexport const useWalletConnectors = () => {\n  const { config } = useContext();\n\n  return config.walletConnectors;\n};\n\nexport const useWalletConnector = <T extends WalletConnectorType>(\n  walletConnectorType: T\n): T extends 'particleAuth'\n  ? WalletConnector<AuthWalletConnectorProperties>\n  : T extends 'evmWallet'\n    ? WalletConnector<EVMWalletConnectorProperties>\n    : WalletConnector => {\n  const walletConnectors = useWalletConnectors();\n  return walletConnectors.find((item) => item.type === walletConnectorType) as any;\n};\n"],
+  "mappings": ";;;;;;AAIO,IAAM,sBAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,SAAO,OAAO;AAChB;AAEO,IAAM,qBAAqB,CAChC,wBAKuB;AACvB,QAAM,mBAAmB,oBAAoB;AAC7C,SAAO,iBAAiB,KAAK,CAAC,SAAS,KAAK,SAAS,mBAAmB;AAC1E;",
+  "names": []
+}

package/dist/chunk-XGD6R6GM.js

@@ -0,0 +1,26 @@
+"use client";
+
+// src/assets/icons/ReceiveIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ReceiveIcon = ({ ...props }) => {
+  const { color = "var(--pcm-body-color)" } = props;
+  return /* @__PURE__ */ jsxs("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M9.76502 12.4105C9.16459 13.1925 7.98597 13.1925 7.38555 12.4105L4.72435 8.94469C3.96679 7.95808 4.67018 6.53116 5.91408 6.53116L11.2365 6.53116C12.4804 6.53116 13.1838 7.95808 12.4262 8.94469L9.76502 12.4105Z",
+        fill: color
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M8.5752 8.1626V2.00016V8.1626Z", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M8.5752 8.1626V2.00016", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M12.194 15.0952H4.95667H12.194Z", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M12.194 15.0952H4.95667", stroke: color, strokeWidth: "2", strokeLinecap: "round" })
+  ] });
+};
+var ReceiveIcon_default = ReceiveIcon;
+
+export {
+  ReceiveIcon_default
+};
+//# sourceMappingURL=chunk-XGD6R6GM.js.map

package/dist/chunk-XGD6R6GM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/ReceiveIcon.tsx"],
+  "sourcesContent": ["const ReceiveIcon = ({ ...props }) => {\n  const { color = 'var(--pcm-body-color)' } = props;\n  return (\n    <svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        d='M9.76502 12.4105C9.16459 13.1925 7.98597 13.1925 7.38555 12.4105L4.72435 8.94469C3.96679 7.95808 4.67018 6.53116 5.91408 6.53116L11.2365 6.53116C12.4804 6.53116 13.1838 7.95808 12.4262 8.94469L9.76502 12.4105Z'\n        fill={color}\n      />\n      <path d='M8.5752 8.1626V2.00016V8.1626Z' fill={color} />\n      <path d='M8.5752 8.1626V2.00016' stroke={color} strokeWidth='2' strokeLinecap='round' />\n      <path d='M12.194 15.0952H4.95667H12.194Z' fill={color} />\n      <path d='M12.194 15.0952H4.95667' stroke={color} strokeWidth='2' strokeLinecap='round' />\n    </svg>\n  );\n};\n\nexport default ReceiveIcon;\n"],
+  "mappings": ";;;AAGI,SACE,KADF;AAHJ,IAAM,cAAc,CAAC,KAAK,MAAM,MAAM;AACpC,QAAM,EAAE,QAAQ,wBAAwB,IAAI;AAC5C,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR;AAAA,IACA,oBAAC,UAAK,GAAE,kCAAiC,MAAM,OAAO;AAAA,IACtD,oBAAC,UAAK,GAAE,0BAAyB,QAAQ,OAAO,aAAY,KAAI,eAAc,SAAQ;AAAA,IACtF,oBAAC,UAAK,GAAE,mCAAkC,MAAM,OAAO;AAAA,IACvD,oBAAC,UAAK,GAAE,2BAA0B,QAAQ,OAAO,aAAY,KAAI,eAAc,SAAQ;AAAA,KACzF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/chunk-XGEGFWF3.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  useIsMobile
+} from "./chunk-AUADZPT3.js";
+import {
+  useConnector
+} from "./chunk-6XAHI6XP.js";
+import {
+  hasPCDownloadUrl,
+  openMobileUrl,
+  useRouter
+} from "./chunk-KBJQDMYG.js";
+
+// src/hooks/useConnectWithWallet.ts
+var useConnectWithWallet = () => {
+  const { navigate } = useRouter();
+  const isMobile = useIsMobile();
+  const connector = useConnector("walletConnect");
+  const connectWallet = (walletProps, params) => {
+    if (walletProps.isInstalled) {
+      navigate("connecting" /* Connecting */, {
+        wallet: walletProps,
+        passkeyParams: params?.passkeyParams,
+        authParams: params?.authParams
+      });
+    } else if (walletProps.connector.id === "walletConnect") {
+      if (isMobile) {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      } else {
+        navigate("walletconnect" /* Walletconnect */, { wallet: walletProps });
+      }
+    } else if (walletProps.connector.chainType === "evm" && walletProps.getWalletConnectDeeplink && connector) {
+      if (isMobile) {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      } else {
+        navigate("walletconnect" /* Walletconnect */, { wallet: walletProps });
+      }
+    } else {
+      if (walletProps.getDAppBrowserDeeplink && isMobile) {
+        const url = walletProps.getDAppBrowserDeeplink(window.location.href);
+        openMobileUrl(url);
+      } else if (!isMobile && (hasPCDownloadUrl(walletProps) || walletProps.id === "braveWallet")) {
+        navigate("download-app" /* DownloadApp */, { wallet: walletProps });
+      } else {
+        navigate("connecting" /* Connecting */, { wallet: walletProps });
+      }
+    }
+  };
+  return connectWallet;
+};
+
+export {
+  useConnectWithWallet
+};
+//# sourceMappingURL=chunk-XGEGFWF3.js.map

package/dist/chunk-XGEGFWF3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useConnectWithWallet.ts"],
+  "sourcesContent": ["import type { AuthConnectParams, PasskeyParams } from '../actions/connect';\nimport { RoutePath } from '../pages';\nimport { hasPCDownloadUrl, openMobileUrl } from '../utils';\nimport { useConnector } from './useConnectors';\nimport useIsMobile from './useIsMobile';\nimport { useRouter } from './useRouter';\nimport type { WalletProps } from './useWalletsProps';\n\nexport const useConnectWithWallet = () => {\n  const { navigate } = useRouter();\n  const isMobile = useIsMobile();\n  const connector = useConnector('walletConnect');\n\n  const connectWallet = (\n    walletProps: WalletProps,\n    params?: { passkeyParams?: PasskeyParams; authParams?: AuthConnectParams }\n  ) => {\n    console.log(`connect wallet, id: ${walletProps.connector.id}, isInstalled: ${walletProps.isInstalled}`);\n    if (walletProps.isInstalled) {\n      navigate(RoutePath.Connecting, {\n        wallet: walletProps,\n        passkeyParams: params?.passkeyParams,\n        authParams: params?.authParams,\n      });\n    } else if (walletProps.connector.id === 'walletConnect') {\n      if (isMobile) {\n        // loading, show w3m and close modal\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      } else {\n        // walletconnect, show qrcode.\n        navigate(RoutePath.Walletconnect, { wallet: walletProps });\n      }\n    } else if (walletProps.connector.chainType === 'evm' && walletProps.getWalletConnectDeeplink && connector) {\n      if (isMobile) {\n        // \u8DF3\u8F6Cloading\uFF0C \u83B7\u53D6\u5230uri\u540E\u8DF3\u8F6C\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      } else {\n        // show qrcode.\n        navigate(RoutePath.Walletconnect, { wallet: walletProps });\n      }\n    } else {\n      // solana/evm wallets, unsupport walletconnect.\n      if (walletProps.getDAppBrowserDeeplink && isMobile) {\n        // deeplink -> dapp browser\n        const url = walletProps.getDAppBrowserDeeplink(window.location.href);\n        openMobileUrl(url);\n      } else if (!isMobile && (hasPCDownloadUrl(walletProps) || walletProps.id === 'braveWallet')) {\n        // download\n        navigate(RoutePath.DownloadApp, { wallet: walletProps });\n      } else {\n        // unavailable, need to download wallet if has url.\n        navigate(RoutePath.Connecting, { wallet: walletProps });\n      }\n    }\n  };\n\n  return connectWallet;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;AAQO,IAAM,uBAAuB,MAAM;AACxC,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,WAAW,YAAY;AAC7B,QAAM,YAAY,aAAa,eAAe;AAE9C,QAAM,gBAAgB,CACpB,aACA,WACG;AAEH,QAAI,YAAY,aAAa;AAC3B,8CAA+B;AAAA,QAC7B,QAAQ;AAAA,QACR,eAAe,QAAQ;AAAA,QACvB,YAAY,QAAQ;AAAA,MACtB,CAAC;AAAA,IACH,WAAW,YAAY,UAAU,OAAO,iBAAiB;AACvD,UAAI,UAAU;AAEZ,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD,OAAO;AAEL,sDAAkC,EAAE,QAAQ,YAAY,CAAC;AAAA,MAC3D;AAAA,IACF,WAAW,YAAY,UAAU,cAAc,SAAS,YAAY,4BAA4B,WAAW;AACzG,UAAI,UAAU;AAEZ,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD,OAAO;AAEL,sDAAkC,EAAE,QAAQ,YAAY,CAAC;AAAA,MAC3D;AAAA,IACF,OAAO;AAEL,UAAI,YAAY,0BAA0B,UAAU;AAElD,cAAM,MAAM,YAAY,uBAAuB,OAAO,SAAS,IAAI;AACnE,sBAAc,GAAG;AAAA,MACnB,WAAW,CAAC,aAAa,iBAAiB,WAAW,KAAK,YAAY,OAAO,gBAAgB;AAE3F,mDAAgC,EAAE,QAAQ,YAAY,CAAC;AAAA,MACzD,OAAO;AAEL,gDAA+B,EAAE,QAAQ,YAAY,CAAC;AAAA,MACxD;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}