@particle-network/connectkit/dist/esm/loginPasskey-SENFOSGO.mjs

"use client";
import {
  init_useConnectWithWallet,
  useConnectWithWallet
} from "./chunk-O2UGP222.mjs";
import {
  button_default,
  init_button
} from "./chunk-G4I34CN4.mjs";
import "./chunk-EK3VN6OT.mjs";
import {
  PageContent,
  init_styles
} from "./chunk-QH6JFFQS.mjs";
import "./chunk-Q3DUJHH3.mjs";
import {
  init_useWalletsProps,
  useWalletProps
} from "./chunk-3L3TDB2A.mjs";
import "./chunk-RCAM7PR5.mjs";
import {
  init_useLocales,
  init_useRouter,
  init_utils,
  isFirstRegisterPasskey,
  setFirstRegisterPasskey,
  useLocales,
  useRouter
} from "./chunk-TYWUWWWK.mjs";
import "./chunk-CVABX3CN.mjs";
import "./chunk-N5ZSWBVC.mjs";
import "./chunk-D7QF5CYD.mjs";
import "./chunk-TVDFKXAV.mjs";
import "./chunk-4YAFPODW.mjs";
import "./chunk-NITEP4FF.mjs";
import {
  PasskeyIcon_default,
  init_PasskeyIcon
} from "./chunk-WYWSNAPC.mjs";
import "./chunk-X3AHMJH4.mjs";
import "./chunk-VM42Y624.mjs";
import "./chunk-3CZRO6RQ.mjs";
import "./chunk-2LQKVNKI.mjs";
import "./chunk-CNE7WI2P.mjs";
import "./chunk-HKMLJP4P.mjs";
import "./chunk-VW7L52Q6.mjs";
import "./chunk-BG2VLRRD.mjs";
import "./chunk-5TAT3MVW.mjs";
import "./chunk-AOBFG4R6.mjs";
import "./chunk-KD3UOOP5.mjs";
import "./chunk-VYUWVCC2.mjs";
import "./chunk-HHHJM4FL.mjs";
import "./chunk-743HT6GA.mjs";
import "./chunk-3JW6NUP7.mjs";
import "./chunk-Y2AM7F32.mjs";
import "./chunk-4EX26J4C.mjs";
import "./chunk-QT4CBCFK.mjs";
import "./chunk-3OVTLX5O.mjs";
import "./chunk-5VTAF6IK.mjs";
import "./chunk-5KG67Q3H.mjs";
import "./chunk-PSUGDD7L.mjs";
import "./chunk-MEE5TGUN.mjs";
import {
  __esm
} from "./chunk-Y7A564BU.mjs";

// src/pages/loginPasskey/styles.ts
import { styled } from "styled-components";
var IconWrapper, TipText;
var init_styles2 = __esm({
  "src/pages/loginPasskey/styles.ts"() {
    "use strict";
    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);
`;
    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, loginPasskey_default;
var init_loginPasskey = __esm({
  "src/pages/loginPasskey/index.tsx"() {
    init_PasskeyIcon();
    init_button();
    init_styles();
    init_useConnectWithWallet();
    init_useLocales();
    init_useRouter();
    init_useWalletsProps();
    init_utils();
    init_styles2();
    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
            }
          )
        ] })
      ] });
    };
    loginPasskey_default = LoginPasskey;
  }
});
init_loginPasskey();
export {
  loginPasskey_default as default
};
//# sourceMappingURL=loginPasskey-SENFOSGO.mjs.map