@particle-network/connectkit/dist/esm/passkeySetup-YIKSH3AM.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 {
  WarningIcon_default,
  init_WarningIcon
} from "./chunk-2IMVRF3N.mjs";
import {
  SecurityIcon_default,
  init_SecurityIcon
} from "./chunk-MR3APDAB.mjs";
import {
  FaceIcon_default,
  init_FaceIcon
} from "./chunk-7TNKDDTF.mjs";
import "./chunk-Q3DUJHH3.mjs";
import {
  init_useWalletsProps,
  useWalletProps
} from "./chunk-3L3TDB2A.mjs";
import "./chunk-RCAM7PR5.mjs";
import {
  init_useLocales,
  useLocales
} 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 "./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/passkeySetup/styles.ts
import { styled } from "styled-components";
var StyleContainer, StyleDescription, StyleFeatureList, StyleFeatureItem, StyleIcon, StyleFeatureContent, StyleFeatureTitle, StyleFeatureDescription, StyleWarning, StyleWarningIcon, StyleWarningText;
var init_styles2 = __esm({
  "src/pages/passkeySetup/styles.ts"() {
    "use strict";
    StyleContainer = styled.div`
  margin: 0 auto;
`;
    StyleDescription = styled.p`
  text-align: center;
  color: var(--pcm-body-color-secondary);
  margin-top: 12px;
  width: 90%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 1.2;
`;
    StyleFeatureList = styled.ul`
  list-style-type: none;
  padding: 0;
  margin-bottom: 34px;
`;
    StyleFeatureItem = styled.li`
  display: flex;
  align-items: flex-start;
  margin-bottom: 26px;
  gap: 12px;
  svg {
    color: var(--pcm-body-color);
    circle {
      fill: var(--pcm-body-color-secondary);
    }
  }
`;
    StyleIcon = styled.span`
  font-size: 24px;
  margin-right: 16px;
`;
    StyleFeatureContent = styled.div`
  flex: 1;
`;
    StyleFeatureTitle = styled.h3`
  font-size: 14px;
  margin-bottom: 4px;
`;
    StyleFeatureDescription = styled.p`
  color: var(--pcm-body-color-secondary);
  line-height: 1.2;
  margin: 0;
  font-size: 14px;
`;
    StyleWarning = styled.div`
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  margin-bottom: 34px;
  gap: 10px;
  line-height: 1.2;
  font-size: 14px;

  svg {
    width: 18px;
    height: 18px;
    path {
      fill: #f4940e;
    }
  }
`;
    StyleWarningIcon = styled.span`
  font-size: 24px;
  margin-right: 12px;
`;
    StyleWarningText = styled.p`
  margin: 0;
`;
  }
});

// src/pages/passkeySetup/index.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var Signup, passkeySetup_default;
var init_passkeySetup = __esm({
  "src/pages/passkeySetup/index.tsx"() {
    init_FaceIcon();
    init_SecurityIcon();
    init_WarningIcon();
    init_button();
    init_styles();
    init_useConnectWithWallet();
    init_useLocales();
    init_useWalletsProps();
    init_styles2();
    Signup = () => {
      const locales = useLocales();
      const connectWallet = useConnectWithWallet();
      const wallet = useWalletProps("passkeySmartWallet");
      return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsxs(StyleContainer, { children: [
        /* @__PURE__ */ jsx(StyleDescription, { children: locales.passkeyStorageInfo }),
        /* @__PURE__ */ jsxs(StyleFeatureList, { children: [
          /* @__PURE__ */ jsxs(StyleFeatureItem, { children: [
            /* @__PURE__ */ jsx(FaceIcon_default, {}),
            /* @__PURE__ */ jsxs(StyleFeatureContent, { children: [
              /* @__PURE__ */ jsx(StyleFeatureTitle, { children: locales.convenientAndFast }),
              /* @__PURE__ */ jsx(StyleFeatureDescription, { children: locales.biometricTransactionInfo })
            ] })
          ] }),
          /* @__PURE__ */ jsxs(StyleFeatureItem, { children: [
            /* @__PURE__ */ jsx(SecurityIcon_default, {}),
            /* @__PURE__ */ jsxs(StyleFeatureContent, { children: [
              /* @__PURE__ */ jsx(StyleFeatureTitle, { children: locales.increasedSecurity }),
              /* @__PURE__ */ jsx(StyleFeatureDescription, { children: locales.passkeySecurityInfo })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs(StyleWarning, { children: [
          /* @__PURE__ */ jsx(WarningIcon_default, {}),
          /* @__PURE__ */ jsx(StyleWarningText, { children: locales.passkeyDeletionWarning })
        ] }),
        /* @__PURE__ */ jsx(
          button_default,
          {
            onClick: () => {
              connectWallet(wallet, {
                passkeyParams: {
                  isRegistering: true
                }
              });
            },
            children: locales.setupPasskey
          }
        )
      ] }) });
    };
    passkeySetup_default = Signup;
  }
});
init_passkeySetup();
export {
  passkeySetup_default as default
};
//# sourceMappingURL=passkeySetup-YIKSH3AM.mjs.map