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

package/dist/walletconnect-VN7G25WN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:51:5:PageContent\" >\n      <Wrapper data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:52:7:Wrapper\">\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:53:9:CustomQRCode\" />\n        {!!walletConnectUri && (\n          <Actions data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:66:11:Actions\">\n            <CopyToClipboard variant='button' string={walletConnectUri} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:67:13:CopyToClipboard\" >\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:72:15:Button\" >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                 data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:81:17:FlexCenter\" >\n                  <ShareIcon  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:87:19:ShareIcon\"/>\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:95:9:Description\">{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GAAG,kBAAe,qIACnD,+BAAC,WAAQ,kBAAe,iIACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA,QAChB,kBAAe;AAAA;AAAA,IAAqI;AAAA,IACpJ,CAAC,CAAC,oBACD,qBAAC,WAAQ,kBAAe,kIACtB;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBAAkB,kBAAe,0IACxE,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UACD,kBAAe;AAAA,UACd;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cACD,kBAAe;AAAA,cACd;AAAA,oCAAC,qBAAW,kBAAe,oIAAkI;AAAA,gBAC5J,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAY,kBAAe,qIAAqI,kBAAQ,YAAW;AAAA,KACtL,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/walletconnect-W7G7RHJH.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  copyToClipboard_default
+} from "./chunk-5TRGGHWP.js";
+import {
+  useWalletConnectUri
+} from "./chunk-6SRXKYN3.js";
+import {
+  CustomQRCode_default
+} from "./chunk-5SSXHNBO.js";
+import "./chunk-I25KOOCX.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  useIsMobile
+} from "./chunk-7U3THH6T.js";
+import {
+  FlexCenter,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  ShareIcon_default
+} from "./chunk-3GKKB275.js";
+import "./chunk-A5T4WCC5.js";
+import "./chunk-N4I4O2QX.js";
+import "./chunk-2JVS6HCC.js";
+import "./chunk-CM7LWY57.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-Q6ASU7RJ.js";
+import {
+  useAccount,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-LGU3FSI5.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletconnect/index.tsx
+import { useEffect, useMemo } from "react";
+
+// src/pages/walletconnect/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 15px 30px;
+  padding-top: 30px;
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+`;
+var Header = styled(motion.div)`
+  text-align: center;
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 30px;
+`;
+var Actions = styled(motion.div)`
+  display: flex;
+  justify-content: space-between;
+  gap: 28px;
+  margin-top: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid var(--pcm-button-border-color);
+    background-color: var(--pcm-body-background) !important;
+    color: var(--pcm-body-background);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    height: 36px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--pcm-body-color-secondary);
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Description = styled.div`
+  margin-top: 28px;
+  padding: 0 16px;
+  color: var(--pcm-body-color-secondary);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+
+// src/pages/walletconnect/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Page = ({ wallet }) => {
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const mobile = useIsMobile();
+  const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
+  const { config } = useContext();
+  const { isConnected } = useAccount();
+  useEffect(() => {
+    requestUri();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const visiableWalletButton = useMemo(() => {
+    if (mobile || wallet?.id === "walletConnect") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [wallet, mobile]);
+  return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs(Wrapper, { children: [
+    /* @__PURE__ */ jsx(
+      CustomQRCode_default,
+      {
+        value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri,
+        failed: !!error,
+        failedCallback: () => {
+          requestUri();
+        },
+        image: wallet?.icon
+      }
+    ),
+    !!walletConnectUri && /* @__PURE__ */ jsxs(Actions, { children: [
+      /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: walletConnectUri, children: locales.copyQRURI }),
+      visiableWalletButton && /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            background: "none",
+            borderColor: "var(--pcm-button-border-color)"
+          },
+          onClick: () => {
+            navigate("download-app" /* DownloadApp */, { wallet });
+          },
+          children: /* @__PURE__ */ jsxs(
+            FlexCenter,
+            {
+              gap: 8,
+              style: {
+                color: "var(--pcm-body-color-secondary)"
+              },
+              children: [
+                /* @__PURE__ */ jsx(ShareIcon_default, {}),
+                locales.getWallet
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Description, { children: locales.scanQRCode })
+  ] }) });
+};
+var walletconnect_default = Page;
+export {
+  walletconnect_default as default
+};
+//# sourceMappingURL=walletconnect-W7G7RHJH.js.map

package/dist/walletconnect-W7G7RHJH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }}>\n      <Wrapper>\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n        />\n        {!!walletConnectUri && (\n          <Actions>\n            <CopyToClipboard variant='button' string={walletConnectUri}>\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n              >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                >\n                  <ShareIcon />\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description>{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GACjC,+BAAC,WACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA;AAAA,IACjB;AAAA,IACC,CAAC,CAAC,oBACD,qBAAC,WACC;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBACvC,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,oCAAC,qBAAU;AAAA,gBACV,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAa,kBAAQ,YAAW;AAAA,KACnC,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@particle-network/connectkit",
-  "version": "2.1.2",
+  "version": "3.0.0-alpha.0",
   "type": "module",
-  "main": "./dist/cjs/index.cjs",
-  "module": "./dist/esm/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "license": "Apache-2.0",
   "homepage": "https://particle.network",
@@ -13,43 +13,39 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "default": "./dist/index.js"
     },
     "./evm": {
       "types": "./dist/types/exports/connectors/evm.d.ts",
-      "require": "./dist/cjs/exports/connectors/evm.cjs",
-      "default": "./dist/esm/exports/connectors/evm.mjs"
+      "default": "./dist/exports/connectors/evm.js"
     },
     "./solana": {
       "types": "./dist/types/exports/connectors/solana.d.ts",
-      "require": "./dist/cjs/exports/connectors/solana.cjs",
-      "default": "./dist/esm/exports/connectors/solana.mjs"
+      "default": "./dist/exports/connectors/solana.js"
     },
     "./auth": {
       "types": "./dist/types/exports/connectors/auth.d.ts",
-      "require": "./dist/cjs/exports/connectors/auth.cjs",
-      "default": "./dist/esm/exports/connectors/auth.mjs"
+      "default": "./dist/exports/connectors/auth.js"
     },
     "./aa": {
       "types": "./dist/types/exports/plugins/aa.d.ts",
-      "require": "./dist/cjs/exports/plugins/aa.cjs",
-      "default": "./dist/esm/exports/plugins/aa.mjs"
+      "default": "./dist/exports/plugins/aa.js"
     },
     "./wallet": {
       "types": "./dist/types/exports/plugins/wallet.d.ts",
-      "require": "./dist/cjs/exports/plugins/wallet.cjs",
-      "default": "./dist/esm/exports/plugins/wallet.mjs"
+      "default": "./dist/exports/plugins/wallet.js"
     },
     "./chains": {
       "types": "./dist/types/exports/chains.d.ts",
-      "require": "./dist/cjs/exports/chains.cjs",
-      "default": "./dist/esm/exports/chains.mjs"
+      "default": "./dist/exports/chains.js"
     },
     "./core": {
       "types": "./dist/types/exports/core.d.ts",
-      "require": "./dist/cjs/exports/core.cjs",
-      "default": "./dist/esm/exports/core.mjs"
+      "default": "./dist/exports/core.js"
+    },
+    "./icons": {
+      "types": "./dist/types/exports/icons.d.ts",
+      "default": "./dist/exports/icons.js"
     }
   },
   "engines": {
@@ -71,7 +67,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "mkdir -p dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json && node build.js",
+    "build": "node build.js",
     "build:dev": "NODE_ENV=development yarn build",
     "build:watch": "yarn build --watch",
     "clean": "rm -rf dist && rm -rf esm",
@@ -85,18 +81,15 @@
     "locale:export": "npx vite-node scripts/locales/export.ts"
   },
   "dependencies": {
-    "@particle-network/aa-plugin": "^2.1.0",
-    "@particle-network/auth-connectors": "^2.1.1",
-    "@particle-network/evm-connectors": "^2.1.2",
-    "@particle-network/solana-connectors": "^2.1.0",
-    "@particle-network/wallet-plugin": "^2.1.1",
-    "buffer": "^6.0.3",
+    "@particle-network/aa-plugin": "^3.0.0-alpha.0",
+    "@particle-network/auth-connectors": "^3.0.0-alpha.0",
+    "@particle-network/evm-connectors": "^3.0.0-alpha.0",
+    "@particle-network/solana-connectors": "^3.0.0-alpha.0",
+    "@particle-network/wallet-plugin": "^3.0.0-alpha.0",
     "country-flag-icons": "^1.5.12",
     "detect-browser": "^5.3.0",
     "framer-motion": "^12.15.0",
     "qrcode": "^1.5.0",
-    "react-transition-state": "^1.1.4",
-    "react-use-measure": "^2.1.1",
     "resize-observer-polyfill": "^1.5.1",
     "styled-components": "^6.1.11"
   },
@@ -120,5 +113,5 @@
     "react": "^19",
     "react-dom": "^19"
   },
-  "gitHead": "05490a48a33b29a2fce49d8a941acf9c7a030797"
+  "gitHead": "bffcd4bb481fb67389c3a0b1ac3e61a161f67b14"
 }

package/dist/cjs/exports/chains.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/chains.ts
-var chains_exports = {};
-module.exports = __toCommonJS(chains_exports);
-__reExport(chains_exports, require("@particle-network/connector-core/chains"), module.exports);
-//# sourceMappingURL=chains.cjs.map

package/dist/cjs/exports/chains.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/exports/chains.ts"],
-  "sourcesContent": ["export * from '@particle-network/connector-core/chains';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,oDAAd;",
-  "names": []
-}

package/dist/cjs/exports/connectors/auth.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/connectors/auth.ts
-var auth_exports = {};
-module.exports = __toCommonJS(auth_exports);
-__reExport(auth_exports, require("@particle-network/auth-connectors"), module.exports);
-//# sourceMappingURL=auth.cjs.map

package/dist/cjs/exports/connectors/auth.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exports/connectors/auth.ts"],
-  "sourcesContent": ["export * from '@particle-network/auth-connectors';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,8CAAd;",
-  "names": []
-}

package/dist/cjs/exports/connectors/evm.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/connectors/evm.ts
-var evm_exports = {};
-module.exports = __toCommonJS(evm_exports);
-__reExport(evm_exports, require("@particle-network/evm-connectors"), module.exports);
-//# sourceMappingURL=evm.cjs.map

package/dist/cjs/exports/connectors/evm.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exports/connectors/evm.ts"],
-  "sourcesContent": ["export * from '@particle-network/evm-connectors';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,6CAAd;",
-  "names": []
-}

package/dist/cjs/exports/connectors/solana.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/connectors/solana.ts
-var solana_exports = {};
-module.exports = __toCommonJS(solana_exports);
-__reExport(solana_exports, require("@particle-network/solana-connectors"), module.exports);
-//# sourceMappingURL=solana.cjs.map

package/dist/cjs/exports/connectors/solana.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exports/connectors/solana.ts"],
-  "sourcesContent": ["export * from '@particle-network/solana-connectors';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,gDAAd;",
-  "names": []
-}

package/dist/cjs/exports/core.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/core.ts
-var core_exports = {};
-module.exports = __toCommonJS(core_exports);
-__reExport(core_exports, require("@particle-network/connector-core"), module.exports);
-//# sourceMappingURL=core.cjs.map

package/dist/cjs/exports/core.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/exports/core.ts"],
-  "sourcesContent": ["export * from '@particle-network/connector-core';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,6CAAd;",
-  "names": []
-}

package/dist/cjs/exports/plugins/aa.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/plugins/aa.ts
-var aa_exports = {};
-module.exports = __toCommonJS(aa_exports);
-__reExport(aa_exports, require("@particle-network/aa-plugin"), module.exports);
-//# sourceMappingURL=aa.cjs.map

package/dist/cjs/exports/plugins/aa.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exports/plugins/aa.ts"],
-  "sourcesContent": ["export * from '@particle-network/aa-plugin';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wCAAd;",
-  "names": []
-}

package/dist/cjs/exports/plugins/wallet.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/exports/plugins/wallet.ts
-var wallet_exports = {};
-module.exports = __toCommonJS(wallet_exports);
-__reExport(wallet_exports, require("@particle-network/wallet-plugin"), module.exports);
-//# sourceMappingURL=wallet.cjs.map

package/dist/cjs/exports/plugins/wallet.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exports/plugins/wallet.ts"],
-  "sourcesContent": ["export * from '@particle-network/wallet-plugin';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,4CAAd;",
-  "names": []
-}