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

package/dist/chunk-5SV7TXTD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useWalletsProps.tsx"],
+  "sourcesContent": ["import type { Connector } from '@particle-network/connector-core';\nimport { useMemo } from 'react';\nimport Injected from '../assets/wallets/Injected';\nimport { walletConfigs, type WalletConfigProps } from '../config/wallet';\nimport { useConnectors } from './useConnectors';\n\ntype GetConnectorType = {\n  getConnector: <properties extends Record<string, unknown> = Record<string, unknown>>() => Connector & properties;\n};\n\nexport type WalletProps = {\n  id: string;\n  groupId?: string;\n  connector: Connector;\n  isInstalled?: boolean;\n} & WalletConfigProps &\n  GetConnectorType;\n\nconst useWalletsProps = () => {\n  const connectors = useConnectors();\n\n  const result = useMemo(\n    () =>\n      connectors\n        .map((connector): WalletProps => {\n          const rawId = connector.id.replace('solana_', '');\n          const groupId = Object.keys(walletConfigs).find(\n            (id) =>\n              id\n                .split(',')\n                .map((i) => i.trim())\n                .indexOf(rawId) !== -1\n          );\n\n          const props: WalletProps = {\n            id: connector.id,\n            name: connector.name ?? connector.id ?? connector.type,\n            icon: <img src={connector.icon} alt={connector.name} width={'100%'} height={'100%'} />,\n            connector,\n            iconShape: 'squircle',\n            isInstalled: connector.isInstalled?.(),\n            getConnector: <properties extends Record<string, unknown> = Record<string, unknown>>() => {\n              return connector as Connector & properties;\n            },\n          };\n\n          if (groupId) {\n            const wallet = walletConfigs[groupId];\n            return { ...props, ...wallet, groupId };\n          } else {\n            if (!connector.icon) {\n              props.icon = <Injected />;\n            }\n          }\n          return props;\n        })\n        .filter(\n          (wallet, index, self) =>\n            self.findIndex((w) => w.id === wallet.id && w.connector.chainType === wallet.connector.chainType) === index\n        )\n        .filter((wallet, index, self) => {\n          if (wallet.connector.chainType === 'solana') return true;\n          const groupId = wallet.groupId;\n          if (groupId && groupId.includes(',')) {\n            const isMipd = wallet.connector.id.includes('.');\n            if (isMipd) return true;\n            const mipdIds = groupId\n              .split(',')\n              .map((id) => id.trim())\n              .filter((id) => id.includes('.'));\n            const hasMipd = self.find((w) => mipdIds.includes(w.connector.id));\n            return Boolean(!hasMipd);\n          }\n          return true;\n        })\n        .sort((a, b) => {\n          if (a.isInstalled && !b.isInstalled) return -1;\n          if (!a.isInstalled && b.isInstalled) return 1;\n          return 0;\n        })\n        .sort((a, b) => {\n          if (a.id === 'walletConnect') return 1;\n          if (b.id === 'walletConnect') return -1;\n          return 0;\n        }),\n    [connectors]\n  );\n\n  return result;\n};\n\nexport default useWalletsProps;\n\nexport const useWalletProps = (id: string): WalletProps | null => {\n  const wallets = useWalletsProps();\n  const wallet = wallets.find((c) => c.id === id);\n  if (!wallet) return null;\n  return wallet;\n};\n"],
+  "mappings": ";;;;;;;;;;;;AACA,SAAS,eAAe;AAoCN;AAnBlB,IAAM,kBAAkB,MAAM;AAC5B,QAAM,aAAa,cAAc;AAEjC,QAAM,SAAS;AAAA,IACb,MACE,WACG,IAAI,CAAC,cAA2B;AAC/B,YAAM,QAAQ,UAAU,GAAG,QAAQ,WAAW,EAAE;AAChD,YAAM,UAAU,OAAO,KAAK,aAAa,EAAE;AAAA,QACzC,CAAC,OACC,GACG,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,QAAQ,KAAK,MAAM;AAAA,MAC1B;AAEA,YAAM,QAAqB;AAAA,QACzB,IAAI,UAAU;AAAA,QACd,MAAM,UAAU,QAAQ,UAAU,MAAM,UAAU;AAAA,QAClD,MAAM,oBAAC,SAAI,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,OAAO,QAAQ,QAAQ,QAAQ;AAAA,QACpF;AAAA,QACA,WAAW;AAAA,QACX,aAAa,UAAU,cAAc;AAAA,QACrC,cAAc,MAA4E;AACxF,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,UAAI,SAAS;AACX,cAAM,SAAS,cAAc;AAC7B,eAAO,EAAE,GAAG,OAAO,GAAG,QAAQ,QAAQ;AAAA,MACxC,OAAO;AACL,YAAI,CAAC,UAAU,MAAM;AACnB,gBAAM,OAAO,oBAAC,oBAAS;AAAA,QACzB;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC,EACA;AAAA,MACC,CAAC,QAAQ,OAAO,SACd,KAAK,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,UAAU,cAAc,OAAO,UAAU,SAAS,MAAM;AAAA,IAC1G,EACC,OAAO,CAAC,QAAQ,OAAO,SAAS;AAC/B,UAAI,OAAO,UAAU,cAAc;AAAU,eAAO;AACpD,YAAM,UAAU,OAAO;AACvB,UAAI,WAAW,QAAQ,SAAS,GAAG,GAAG;AACpC,cAAM,SAAS,OAAO,UAAU,GAAG,SAAS,GAAG;AAC/C,YAAI;AAAQ,iBAAO;AACnB,cAAM,UAAU,QACb,MAAM,GAAG,EACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EACrB,OAAO,CAAC,OAAO,GAAG,SAAS,GAAG,CAAC;AAClC,cAAM,UAAU,KAAK,KAAK,CAAC,MAAM,QAAQ,SAAS,EAAE,UAAU,EAAE,CAAC;AACjE,eAAO,QAAQ,CAAC,OAAO;AAAA,MACzB;AACA,aAAO;AAAA,IACT,CAAC,EACA,KAAK,CAAC,GAAG,MAAM;AACd,UAAI,EAAE,eAAe,CAAC,EAAE;AAAa,eAAO;AAC5C,UAAI,CAAC,EAAE,eAAe,EAAE;AAAa,eAAO;AAC5C,aAAO;AAAA,IACT,CAAC,EACA,KAAK,CAAC,GAAG,MAAM;AACd,UAAI,EAAE,OAAO;AAAiB,eAAO;AACrC,UAAI,EAAE,OAAO;AAAiB,eAAO;AACrC,aAAO;AAAA,IACT,CAAC;AAAA,IACL,CAAC,UAAU;AAAA,EACb;AAEA,SAAO;AACT;AAEA,IAAO,0BAAQ;AAER,IAAM,iBAAiB,CAAC,OAAmC;AAChE,QAAM,UAAU,gBAAgB;AAChC,QAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC9C,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-5TRGGHWP.js

@@ -0,0 +1,204 @@
+"use client";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  CopyIcon2_default
+} from "./chunk-N4I4O2QX.js";
+
+// src/components/copyToClipboard/index.tsx
+import { useState } from "react";
+
+// src/components/copyToClipboard/CopyToClipboardIcon.tsx
+import { motion } from "framer-motion";
+import { css, styled } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var IconContainer = styled(motion.div)`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  max-width: 24px;
+  svg {
+    display: block;
+  }
+  svg,
+  svg path,
+  svg rect {
+    transition: inherit;
+  }
+  svg path:first-child {
+    transform-origin: 50% 50%;
+    fill: var(--pcm-body-background);
+    stroke: var(--pcm-body-color-secondary);
+  }
+  svg rect {
+    transform-origin: 53% 63%;
+    fill: var(--pcm-body-background);
+    stroke: var(--pcm-body-color-secondary);
+  }
+  svg path:last-child {
+    opacity: 0;
+    stroke: #fff !important;
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+  ${(props) => props.$clipboard ? css`
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--pcm-accent-color);
+              stroke: var(--pcm-accent-color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        ` : css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+var CopyToClipboardIcon = ({ copied, small }) => /* @__PURE__ */ jsx(IconContainer, { $clipboard: copied, children: /* @__PURE__ */ jsx(
+  CopyIcon2_default,
+  {
+    style: {
+      transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+      opacity: small || copied ? 1 : 0.6
+    }
+  }
+) });
+var CopyToClipboardIcon_default = CopyToClipboardIcon;
+
+// src/components/copyToClipboard/styles.ts
+import { css as css2, styled as styled2 } from "styled-components";
+var Container = styled2.div`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${(props) => props.$disabled ? css2`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : css2`
+          &:hover {
+          }
+        `}
+`;
+var OffsetContainer = styled2.div`
+  display: flex;
+  gap: 4px;
+  position: relative;
+  transition: inherit;
+  align-items: center;
+  /* svg {
+    position: absolute;
+    display: block;
+    top: -2px;
+    margin: 0;
+    margin-left: 4px;
+  } */
+`;
+
+// src/components/copyToClipboard/index.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CopyToClipboard = ({ string, children, variant }) => {
+  const [clipboard, setClipboard] = useState(false);
+  const [className, setClassName] = useState("copied-0");
+  let timeout;
+  function copyToClipboard(str) {
+    if (navigator.clipboard && window.isSecureContext) {
+      return navigator.clipboard.writeText(str).then(() => {
+      }).catch((err) => {
+      });
+    } else {
+      const textArea = document.createElement("textarea");
+      textArea.value = str;
+      textArea.style.position = "fixed";
+      textArea.style.left = "-999999px";
+      textArea.style.top = "-999999px";
+      document.body.appendChild(textArea);
+      textArea.focus();
+      textArea.select();
+      return new Promise((res, rej) => {
+        try {
+          document.execCommand("copy");
+          document.body.removeChild(textArea);
+          res(true);
+        } catch (err) {
+          document.body.removeChild(textArea);
+          rej(err);
+        }
+      });
+    }
+  }
+  const onCopy = () => {
+    if (!string)
+      return;
+    const str = string.trim();
+    copyToClipboard(str);
+    setClipboard(true);
+    setClassName("copied");
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      setClipboard(false);
+      setClassName("copied-0");
+    }, 1e3);
+  };
+  if (variant === "button")
+    return /* @__PURE__ */ jsx2(button_default, { disabled: !string, onClick: onCopy, className, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "8px",
+          alignItems: "center",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              style: {
+                width: "16px"
+              },
+              children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard })
+            }
+          ),
+          children
+        ]
+      }
+    ) });
+  return /* @__PURE__ */ jsx2(Container, { onClick: onCopy, $disabled: !string, className, children: /* @__PURE__ */ jsxs(OffsetContainer, { children: [
+    children,
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard, small: true })
+      }
+    )
+  ] }) });
+};
+var copyToClipboard_default = CopyToClipboard;
+
+export {
+  copyToClipboard_default
+};
+//# sourceMappingURL=chunk-5TRGGHWP.js.map

package/dist/chunk-5TRGGHWP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/copyToClipboard/index.tsx", "../src/components/copyToClipboard/CopyToClipboardIcon.tsx", "../src/components/copyToClipboard/styles.ts"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport Button from '../button';\nimport CopyToClipboardIcon from './CopyToClipboardIcon';\nimport { Container, OffsetContainer } from './styles';\n\nconst CopyToClipboard: React.FC<{\n  string?: string;\n  children?: React.ReactNode;\n  variant?: 'button';\n}> = ({ string, children, variant }) => {\n  const [clipboard, setClipboard] = useState(false);\n  const [className, setClassName] = useState('copied-0');\n  let timeout: NodeJS.Timeout;\n\n  function copyToClipboard(str) {\n    if (navigator.clipboard && window.isSecureContext) {\n      return navigator.clipboard\n        .writeText(str)\n        .then(() => {\n          console.log('Text copied to clipboard');\n        })\n        .catch((err) => {\n          console.error('Failed to copy text: ', err);\n        });\n    } else {\n      // Fallback \u65B9\u6848\n      const textArea = document.createElement('textarea');\n      textArea.value = str;\n      // \u4F7F textArea \u4E0D\u53EF\u89C1\n      textArea.style.position = 'fixed';\n      textArea.style.left = '-999999px';\n      textArea.style.top = '-999999px';\n      document.body.appendChild(textArea);\n      textArea.focus();\n      textArea.select();\n\n      return new Promise((res, rej) => {\n        // \u5BF9\u4E8E\u65E7\u7248\u6D4F\u89C8\u5668\n        try {\n          document.execCommand('copy');\n          console.log('Text copied to clipboard');\n          document.body.removeChild(textArea);\n          res(true);\n        } catch (err) {\n          console.error('Failed to copy text: ', err);\n          document.body.removeChild(textArea);\n          rej(err);\n        }\n      });\n    }\n  }\n\n  const onCopy = () => {\n    if (!string) return;\n    const str = string.trim();\n    copyToClipboard(str);\n    setClipboard(true);\n    setClassName('copied');\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      setClipboard(false);\n      setClassName('copied-0');\n    }, 1000);\n  };\n\n  if (variant === 'button')\n    return (\n      <Button disabled={!string} onClick={onCopy} className={className}>\n        <div\n          style={{\n            display: 'flex',\n            gap: '8px',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n        >\n          <div\n            style={{\n              width: '16px',\n            }}\n          >\n            <CopyToClipboardIcon copied={clipboard} />\n          </div>\n          {children}\n        </div>\n      </Button>\n    );\n\n  return (\n    <Container onClick={onCopy} $disabled={!string} className={className}>\n      <OffsetContainer>\n        {children as any}\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n        >\n          <CopyToClipboardIcon copied={clipboard} small />\n        </div>\n      </OffsetContainer>\n    </Container>\n  );\n};\n\nexport default CopyToClipboard;\n", "import { motion } from 'framer-motion';\nimport { css, styled } from 'styled-components';\nimport CopyIcon2 from '../../assets/icons/CopyIcon2';\n\nconst IconContainer = styled(motion.div)<{ $clipboard?: boolean }>`\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 24px;\n  svg {\n    display: block;\n  }\n  svg,\n  svg path,\n  svg rect {\n    transition: inherit;\n  }\n  svg path:first-child {\n    transform-origin: 50% 50%;\n    fill: var(--pcm-body-background);\n    stroke: var(--pcm-body-color-secondary);\n  }\n  svg rect {\n    transform-origin: 53% 63%;\n    fill: var(--pcm-body-background);\n    stroke: var(--pcm-body-color-secondary);\n  }\n  svg path:last-child {\n    opacity: 0;\n    stroke: #fff !important;\n    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);\n  }\n  ${(props) =>\n    props.$clipboard\n      ? css`\n          svg {\n            transition-delay: 0ms;\n            path:first-child {\n              opacity: 0;\n              transform: rotate(-90deg) scale(0.2);\n            }\n            rect {\n              rx: 10px;\n              fill: var(--pcm-accent-color);\n              stroke: var(--pcm-accent-color);\n              transform: rotate(-90deg) scale(1.45);\n            }\n            path:last-child {\n              transition-delay: 100ms;\n              opacity: 1;\n              transform: translate(7.75px, 9.5px);\n            }\n          }\n        `\n      : css`\n          &:hover {\n          }\n          &:hover:active {\n          }\n        `}\n`;\n\nconst CopyToClipboardIcon = ({ copied, small }: { copied?: boolean; small?: boolean }) => (\n  <IconContainer $clipboard={copied}>\n    <CopyIcon2\n      style={{\n        transform: small ? 'scale(1)' : 'translateX(3px) scale(1.5)',\n        opacity: small || copied ? 1 : 0.6,\n      }}\n    />\n  </IconContainer>\n);\n\nexport default CopyToClipboardIcon;\n", "import { css, styled } from 'styled-components';\n\nexport const Container = styled.div<{ $disabled?: boolean }>`\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ${(props) =>\n    props.$disabled\n      ? css`\n          cursor: not-allowed;\n          opacity: 0.4;\n        `\n      : css`\n          &:hover {\n          }\n        `}\n`;\n\nexport const OffsetContainer = styled.div`\n  display: flex;\n  gap: 4px;\n  position: relative;\n  transition: inherit;\n  align-items: center;\n  /* svg {\n    position: absolute;\n    display: block;\n    top: -2px;\n    margin: 0;\n    margin-left: 4px;\n  } */\n`;\n"],
+  "mappings": "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",
+  "names": ["css", "styled", "jsx"]
+}

package/dist/chunk-5UVBVJYM.js

@@ -0,0 +1,96 @@
+"use client";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  useContext,
+  useMutation
+} from "./chunk-OWHSDWQK.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-5UVBVJYM.js.map

package/dist/chunk-5UVBVJYM.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"]
+}