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

package/dist/loginPasskey-IBZBVCR5.js

@@ -0,0 +1,127 @@
+"use client";
+import {
+  useConnectWithWallet
+} from "./chunk-7KPX575A.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import "./chunk-PTM4FN4I.js";
+import {
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import "./chunk-2JVS6HCC.js";
+import {
+  useWalletProps
+} from "./chunk-C4PG7BVE.js";
+import "./chunk-5Z67BSYX.js";
+import "./chunk-AYSQPTGH.js";
+import {
+  PasskeyIcon_default
+} from "./chunk-JNC2NG4X.js";
+import "./chunk-R7ILOOFS.js";
+import "./chunk-WFCEI56L.js";
+import {
+  isFirstRegisterPasskey,
+  setFirstRegisterPasskey,
+  useLocales,
+  useRouter
+} from "./chunk-OWHSDWQK.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-3L2UPU7A.js";
+import "./chunk-KU5MGEWC.js";
+import "./chunk-BCB2QAQS.js";
+import "./chunk-MN2F4AZ3.js";
+import "./chunk-YJJ4ATTJ.js";
+import "./chunk-E4D4ECEP.js";
+import "./chunk-2W7MK3DK.js";
+import "./chunk-UMENPXBC.js";
+import "./chunk-G3GPVZMU.js";
+import "./chunk-WUBIBUXY.js";
+import "./chunk-DWNXHRFN.js";
+import "./chunk-36YHDQZP.js";
+import "./chunk-NJTGSUH4.js";
+import "./chunk-2WEF5LND.js";
+import "./chunk-J7HM4OEH.js";
+import "./chunk-VSGGK7B2.js";
+import "./chunk-7UCSXQQ6.js";
+import "./chunk-GFNFEXAZ.js";
+import "./chunk-XV736F4S.js";
+import "./chunk-3ITHJWMM.js";
+import "./chunk-RITZUPW3.js";
+import "./chunk-HGVSZKUL.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/loginPasskey/styles.ts
+import { styled } from "styled-components";
+var IconWrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  margin: 30px 0;
+  margin-bottom: 20px;
+  color: var(--pcm-accent-color);
+`;
+var TipText = styled.div`
+  text-align: center;
+  font-size: 14px;
+  color: var(--pcm-body-color);
+  margin-top: 16px;
+  margin-bottom: 40px;
+`;
+
+// src/pages/loginPasskey/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LoginPasskey = () => {
+  const locales = useLocales();
+  const { navigate } = useRouter();
+  const connectWallet = useConnectWithWallet();
+  const wallet = useWalletProps("passkeySmartWallet");
+  const onRegistration = () => {
+    if (isFirstRegisterPasskey()) {
+      navigate("passkey-setup" /* PasskeySetup */);
+      setFirstRegisterPasskey();
+    } else {
+      connectWithPasskey(true);
+    }
+  };
+  const onAuthentication = () => {
+    connectWithPasskey(false);
+  };
+  const connectWithPasskey = (isRegistering) => {
+    if (wallet) {
+      connectWallet(wallet, {
+        passkeyParams: {
+          isRegistering
+        }
+      });
+    } else {
+      throw new Error("Passkey is not configured.");
+    }
+  };
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(PasskeyIcon_default, {}) }),
+    /* @__PURE__ */ jsx(TipText, { children: locales.usePasskeyToLoginSmartAccount }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(button_default, { style: { marginTop: 16 }, onClick: onRegistration, children: locales.createNewPasskey }),
+      /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            marginTop: 16
+          },
+          onClick: onAuthentication,
+          color: "secondary",
+          children: locales.loginWithPasskey
+        }
+      )
+    ] })
+  ] });
+};
+var loginPasskey_default = LoginPasskey;
+export {
+  loginPasskey_default as default
+};
+//# sourceMappingURL=loginPasskey-IBZBVCR5.js.map

package/dist/loginPasskey-IBZBVCR5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/loginPasskey/styles.ts", "../src/pages/loginPasskey/index.tsx"],
+  "sourcesContent": ["import { styled } from 'styled-components';\n\nexport const IconWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  margin: 30px 0;\n  margin-bottom: 20px;\n  color: var(--pcm-accent-color);\n`;\n\nexport const TipText = styled.div`\n  text-align: center;\n  font-size: 14px;\n  color: var(--pcm-body-color);\n  margin-top: 16px;\n  margin-bottom: 40px;\n`;\n", "import { RoutePath } from '..';\nimport PasskeyIcon from '../../assets/icons/PasskeyIcon';\nimport Button from '../../components/button';\nimport { PageContent } from '../../components/modal/styles';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport { isFirstRegisterPasskey, setFirstRegisterPasskey } from '../../utils';\nimport { IconWrapper, TipText } from './styles';\n\nconst LoginPasskey = () => {\n  const locales = useLocales();\n  const { navigate } = useRouter();\n  const connectWallet = useConnectWithWallet();\n  const wallet = useWalletProps('passkeySmartWallet');\n\n  const onRegistration = () => {\n    if (isFirstRegisterPasskey()) {\n      navigate(RoutePath.PasskeySetup);\n      setFirstRegisterPasskey();\n    } else {\n      connectWithPasskey(true);\n    }\n  };\n\n  const onAuthentication = () => {\n    connectWithPasskey(false);\n  };\n\n  const connectWithPasskey = (isRegistering: boolean) => {\n    if (wallet) {\n      connectWallet(wallet, {\n        passkeyParams: {\n          isRegistering,\n        },\n      });\n    } else {\n      throw new Error('Passkey is not configured.');\n    }\n  };\n\n  return (\n    <PageContent>\n      <IconWrapper>\n        <PasskeyIcon />\n      </IconWrapper>\n      <TipText>{locales.usePasskeyToLoginSmartAccount}</TipText>\n      <>\n        <Button style={{ marginTop: 16 }} onClick={onRegistration}>\n          {locales.createNewPasskey}\n        </Button>\n        <Button\n          style={{\n            marginTop: 16,\n          }}\n          onClick={onAuthentication}\n          color='secondary'\n        >\n          {locales.loginWithPasskey}\n        </Button>\n      </>\n    </PageContent>\n  );\n};\n\nexport default LoginPasskey;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AAEhB,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW3B,IAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACgCtB,SAGF,UAHE,KAGF,YAHE;AAlCR,IAAM,eAAe,MAAM;AACzB,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,gBAAgB,qBAAqB;AAC3C,QAAM,SAAS,eAAe,oBAAoB;AAElD,QAAM,iBAAiB,MAAM;AAC3B,QAAI,uBAAuB,GAAG;AAC5B,iDAA+B;AAC/B,8BAAwB;AAAA,IAC1B,OAAO;AACL,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB,KAAK;AAAA,EAC1B;AAEA,QAAM,qBAAqB,CAAC,kBAA2B;AACrD,QAAI,QAAQ;AACV,oBAAc,QAAQ;AAAA,QACpB,eAAe;AAAA,UACb;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,IAAI,MAAM,4BAA4B;AAAA,IAC9C;AAAA,EACF;AAEA,SACE,qBAAC,eACC;AAAA,wBAAC,eACC,8BAAC,uBAAY,GACf;AAAA,IACA,oBAAC,WAAS,kBAAQ,+BAA8B;AAAA,IAChD,iCACE;AAAA,0BAAC,kBAAO,OAAO,EAAE,WAAW,GAAG,GAAG,SAAS,gBACxC,kBAAQ,kBACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,OAAM;AAAA,UAEL,kBAAQ;AAAA;AAAA,MACX;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/loginPasskey-JXJVAHYQ.js

@@ -0,0 +1,127 @@
+"use client";
+import {
+  useConnectWithWallet
+} from "./chunk-2HFOMX3X.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import "./chunk-7U3THH6T.js";
+import {
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import "./chunk-2JVS6HCC.js";
+import {
+  useWalletProps
+} from "./chunk-6TLJNIUW.js";
+import "./chunk-IS35TVK2.js";
+import "./chunk-Q6ASU7RJ.js";
+import {
+  PasskeyIcon_default
+} from "./chunk-JNC2NG4X.js";
+import "./chunk-R7ILOOFS.js";
+import "./chunk-WFCEI56L.js";
+import {
+  isFirstRegisterPasskey,
+  setFirstRegisterPasskey,
+  useLocales,
+  useRouter
+} from "./chunk-LGU3FSI5.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-3L2UPU7A.js";
+import "./chunk-KU5MGEWC.js";
+import "./chunk-BCB2QAQS.js";
+import "./chunk-MN2F4AZ3.js";
+import "./chunk-YJJ4ATTJ.js";
+import "./chunk-E4D4ECEP.js";
+import "./chunk-2W7MK3DK.js";
+import "./chunk-UMENPXBC.js";
+import "./chunk-G3GPVZMU.js";
+import "./chunk-WUBIBUXY.js";
+import "./chunk-DWNXHRFN.js";
+import "./chunk-36YHDQZP.js";
+import "./chunk-NJTGSUH4.js";
+import "./chunk-2WEF5LND.js";
+import "./chunk-J7HM4OEH.js";
+import "./chunk-VSGGK7B2.js";
+import "./chunk-7UCSXQQ6.js";
+import "./chunk-GFNFEXAZ.js";
+import "./chunk-XV736F4S.js";
+import "./chunk-3ITHJWMM.js";
+import "./chunk-RITZUPW3.js";
+import "./chunk-HGVSZKUL.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/loginPasskey/styles.ts
+import { styled } from "styled-components";
+var IconWrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  margin: 30px 0;
+  margin-bottom: 20px;
+  color: var(--pcm-accent-color);
+`;
+var TipText = styled.div`
+  text-align: center;
+  font-size: 14px;
+  color: var(--pcm-body-color);
+  margin-top: 16px;
+  margin-bottom: 40px;
+`;
+
+// src/pages/loginPasskey/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LoginPasskey = () => {
+  const locales = useLocales();
+  const { navigate } = useRouter();
+  const connectWallet = useConnectWithWallet();
+  const wallet = useWalletProps("passkeySmartWallet");
+  const onRegistration = () => {
+    if (isFirstRegisterPasskey()) {
+      navigate("passkey-setup" /* PasskeySetup */);
+      setFirstRegisterPasskey();
+    } else {
+      connectWithPasskey(true);
+    }
+  };
+  const onAuthentication = () => {
+    connectWithPasskey(false);
+  };
+  const connectWithPasskey = (isRegistering) => {
+    if (wallet) {
+      connectWallet(wallet, {
+        passkeyParams: {
+          isRegistering
+        }
+      });
+    } else {
+      throw new Error("Passkey is not configured.");
+    }
+  };
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(PasskeyIcon_default, {}) }),
+    /* @__PURE__ */ jsx(TipText, { children: locales.usePasskeyToLoginSmartAccount }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(button_default, { style: { marginTop: 16 }, onClick: onRegistration, children: locales.createNewPasskey }),
+      /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            marginTop: 16
+          },
+          onClick: onAuthentication,
+          color: "secondary",
+          children: locales.loginWithPasskey
+        }
+      )
+    ] })
+  ] });
+};
+var loginPasskey_default = LoginPasskey;
+export {
+  loginPasskey_default as default
+};
+//# sourceMappingURL=loginPasskey-JXJVAHYQ.js.map

package/dist/loginPasskey-JXJVAHYQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/loginPasskey/styles.ts", "../src/pages/loginPasskey/index.tsx"],
+  "sourcesContent": ["import { styled } from 'styled-components';\n\nexport const IconWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  margin: 30px 0;\n  margin-bottom: 20px;\n  color: var(--pcm-accent-color);\n`;\n\nexport const TipText = styled.div`\n  text-align: center;\n  font-size: 14px;\n  color: var(--pcm-body-color);\n  margin-top: 16px;\n  margin-bottom: 40px;\n`;\n", "import { RoutePath } from '..';\nimport PasskeyIcon from '../../assets/icons/PasskeyIcon';\nimport Button from '../../components/button';\nimport { PageContent } from '../../components/modal/styles';\nimport { useConnectWithWallet } from '../../hooks/useConnectWithWallet';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletProps } from '../../hooks/useWalletsProps';\nimport { isFirstRegisterPasskey, setFirstRegisterPasskey } from '../../utils';\nimport { IconWrapper, TipText } from './styles';\n\nconst LoginPasskey = () => {\n  const locales = useLocales();\n  const { navigate } = useRouter();\n  const connectWallet = useConnectWithWallet();\n  const wallet = useWalletProps('passkeySmartWallet');\n\n  const onRegistration = () => {\n    if (isFirstRegisterPasskey()) {\n      navigate(RoutePath.PasskeySetup);\n      setFirstRegisterPasskey();\n    } else {\n      connectWithPasskey(true);\n    }\n  };\n\n  const onAuthentication = () => {\n    connectWithPasskey(false);\n  };\n\n  const connectWithPasskey = (isRegistering: boolean) => {\n    if (wallet) {\n      connectWallet(wallet, {\n        passkeyParams: {\n          isRegistering,\n        },\n      });\n    } else {\n      throw new Error('Passkey is not configured.');\n    }\n  };\n\n  return (\n    <PageContent>\n      <IconWrapper>\n        <PasskeyIcon />\n      </IconWrapper>\n      <TipText>{locales.usePasskeyToLoginSmartAccount}</TipText>\n      <>\n        <Button style={{ marginTop: 16 }} onClick={onRegistration}>\n          {locales.createNewPasskey}\n        </Button>\n        <Button\n          style={{\n            marginTop: 16,\n          }}\n          onClick={onAuthentication}\n          color='secondary'\n        >\n          {locales.loginWithPasskey}\n        </Button>\n      </>\n    </PageContent>\n  );\n};\n\nexport default LoginPasskey;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AAEhB,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW3B,IAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACgCtB,SAGF,UAHE,KAGF,YAHE;AAlCR,IAAM,eAAe,MAAM;AACzB,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,gBAAgB,qBAAqB;AAC3C,QAAM,SAAS,eAAe,oBAAoB;AAElD,QAAM,iBAAiB,MAAM;AAC3B,QAAI,uBAAuB,GAAG;AAC5B,iDAA+B;AAC/B,8BAAwB;AAAA,IAC1B,OAAO;AACL,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB,KAAK;AAAA,EAC1B;AAEA,QAAM,qBAAqB,CAAC,kBAA2B;AACrD,QAAI,QAAQ;AACV,oBAAc,QAAQ;AAAA,QACpB,eAAe;AAAA,UACb;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,IAAI,MAAM,4BAA4B;AAAA,IAC9C;AAAA,EACF;AAEA,SACE,qBAAC,eACC;AAAA,wBAAC,eACC,8BAAC,uBAAY,GACf;AAAA,IACA,oBAAC,WAAS,kBAAQ,+BAA8B;AAAA,IAChD,iCACE;AAAA,0BAAC,kBAAO,OAAO,EAAE,WAAW,GAAG,GAAG,SAAS,gBACxC,kBAAQ,kBACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,OAAM;AAAA,UAEL,kBAAQ;AAAA;AAAA,MACX;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}