@getpara/react-sdk-lite 2.11.0 → 2.13.0

package/dist/modal/components/AwaitingBiometricsStep/AwaitingBiometricsStep.js

@@ -1,18 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { useModalStore } from "../../stores/index.js";
-import { Waiting } from "../Waiting/Waiting.js";
-const AwaitingBiometricsStep = () => {
-  const isLogin = useModalStore((state) => state.isLogin());
-  return /* @__PURE__ */ jsx(
-    Waiting,
-    {
-      heading: isLogin ? "Waiting for Passkey" : "Creating Passkey",
-      subheading: "Follow the prompts presented by your browser."
-    }
-  );
-};
-export {
-  AwaitingBiometricsStep
-};

package/dist/modal/components/AwaitingOAuthStep/AwaitingOAuthStep.d.ts

@@ -1 +0,0 @@
-export declare const AwaitingOAuthStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/AwaitingPasswordStep/AwaitingPasswordStep.d.ts

@@ -1 +0,0 @@
-export declare const AwaitingPasswordStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/AwaitingPasswordStep/AwaitingPasswordStep.js

@@ -1,21 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { useModalStore } from "../../stores/index.js";
-import { Waiting } from "../Waiting/Waiting.js";
-const AwaitingPasswordStep = () => {
-  const isLogin = useModalStore((state) => state.isLogin());
-  const signupState = useModalStore((state) => state.getSignupState());
-  const loginState = useModalStore((state) => state.getLoginState());
-  const isPIN = !!(signupState == null ? void 0 : signupState.pinUrl) || !!(loginState == null ? void 0 : loginState.pinUrl);
-  return /* @__PURE__ */ jsx(
-    Waiting,
-    {
-      heading: isLogin ? `Waiting for ${isPIN ? "PIN" : "Password"}` : `Creating  ${isPIN ? "PIN" : "Password"}`,
-      subheading: "Follow the prompts presented by your browser."
-    }
-  );
-};
-export {
-  AwaitingPasswordStep
-};

package/dist/modal/components/AwaitingWalletCreationStep/AwaitingWalletCreationStep.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    isGuestMode?: boolean;
-};
-export declare const AwaitingWalletCreationStep: ({ isGuestMode }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/AwaitingWalletCreationStep/AwaitingWalletCreationStep.js

@@ -1,24 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { StepContainer } from "../common.js";
-import { Waiting } from "../Waiting/Waiting.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useAccount } from "../../../provider/index.js";
-const AwaitingWalletCreationStep = ({ isGuestMode = false }) => {
-  const hideWallets = useStore((state) => {
-    var _a;
-    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
-  });
-  const { embedded } = useAccount();
-  return /* @__PURE__ */ jsx(StepContainer, { $wide: true, children: /* @__PURE__ */ jsx(
-    Waiting,
-    {
-      heading: isGuestMode ? "Creating Guest Account" : (embedded == null ? void 0 : embedded.isGuestMode) ? hideWallets ? "Linking Guest Account" : "Linking Guest Wallet" : hideWallets ? "Creating Your Account" : "Creating Your Wallet",
-      subheading: "This should only take a couple of seconds."
-    }
-  ) });
-};
-export {
-  AwaitingWalletCreationStep
-};

package/dist/modal/components/BiometricCreationStep/BiometricCreationStep.d.ts

@@ -1 +0,0 @@
-export declare const BiometricCreationStep: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/modal/components/BiometricLoginStep/BiometricLoginStep.d.ts

@@ -1 +0,0 @@
-export declare const BiometricLoginStep: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/modal/components/BiometricLoginStep/BiometricLoginStep.js

@@ -1,67 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslDivider, CpslIcon } from "@getpara/react-components";
-import { useModalStore } from "../../stores/index.js";
-import { Heading, StepContainer, InnerStepContainer } from "../common.js";
-import { safeStyled } from "@getpara/react-common";
-import { AuthMethod } from "@getpara/web-sdk";
-import { KnownDevices, UserIdentifier } from "@getpara/react-common";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-const BiometricLoginStep = () => {
-  var _a;
-  const loginState = useModalStore((state) => state.getLoginState());
-  const para = useInternalClient();
-  const { biometricHints, presentLoginUi } = useAuthActions();
-  if (!loginState) {
-    return null;
-  }
-  const { passkeyUrl, pinUrl, passkeyKnownDeviceUrl, passwordUrl, isPasskeySupported } = loginState;
-  const { isOnKnownDevice = false, formattedHints } = biometricHints || {};
-  const isPasskey = !!passkeyUrl, isPassword = !!passwordUrl, isPIN = !!pinUrl, isNeither = !isPasskey && !isPassword, hasHints = (_a = formattedHints == null ? void 0 : formattedHints.length) != null ? _a : 0 > 0, isPasskeyOnKnownDevice = isPasskeySupported && isOnKnownDevice, isPasskeyUnavailable = hasHints && !isOnKnownDevice || !isPasskeySupported || isNeither, displayKnownDevices = isPasskeyUnavailable && !!biometricHints && (hasHints || !!passkeyKnownDeviceUrl), displayWelcomeBack = isPasskeyOnKnownDevice || isPassword || isPIN;
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      displayWelcomeBack && /* @__PURE__ */ jsx(Heading, { children: "Welcome back," }),
-      /* @__PURE__ */ jsx(UserIdentifier, { authInfo: para.authInfo })
-    ] }),
-    /* @__PURE__ */ jsxs(MainContainer, { children: [
-      (isPassword || isPIN) && /* @__PURE__ */ jsxs(
-        CpslButton,
-        {
-          fullWidth: true,
-          onClick: () => presentLoginUi(isPIN ? AuthMethod.PIN : AuthMethod.PASSWORD, loginState),
-          "data-testid": "para-login-password",
-          children: [
-            /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "passcode" }),
-            isPIN && isPassword ? "Login" : isPIN ? "Login with PIN" : "Login with Password"
-          ]
-        }
-      ),
-      isPasskey && /* @__PURE__ */ jsxs(Fragment, { children: [
-        displayKnownDevices && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(KnownDevices, { hints: biometricHints, link: passkeyKnownDeviceUrl, "data-testid": "para-known-devices" }),
-          /* @__PURE__ */ jsx(CpslDivider, { children: "or" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          CpslButton,
-          {
-            fullWidth: true,
-            onClick: () => presentLoginUi(AuthMethod.PASSKEY, loginState),
-            "data-testid": "para-login-passkey",
-            children: isPasskeyUnavailable ? "Continue anyway" : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "key" }),
-              "Login with Passkey"
-            ] })
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-const MainContainer = safeStyled(InnerStepContainer)`
-  gap: 16px;
-`;
-export {
-  BiometricLoginStep
-};

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.d.ts

@@ -1 +0,0 @@
-export declare const ExternalWalletVerificationStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/Hero/Hero.d.ts

@@ -1 +0,0 @@
-export declare const Hero: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/Hero/Hero.js

@@ -1,118 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslHero, CpslIcon, CpslIdenticon } from "@getpara/react-components";
-import { safeStyled, NETWORK_NOT_SUPPORTED_ERROR } from "@getpara/react-common";
-import { ModalStep } from "../../utils/steps.js";
-import { useModalStore } from "../../stores/index.js";
-import { useEffect, useState } from "react";
-import { isMobile } from "@getpara/web-sdk";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useWallet } from "../../../provider/index.js";
-const getStepConfig = ({
-  externalWalletError
-}) => {
-  var _a;
-  return {
-    [ModalStep.EX_WALLET_SELECTED]: {
-      variant: "externalWalletConnection",
-      topOffset: 40,
-      spacerHeight: 158,
-      hideFadeOut: true
-    },
-    [ModalStep.CHAIN_SWITCH]: {
-      variant: ((_a = externalWalletError == null ? void 0 : externalWalletError[0]) == null ? void 0 : _a.toLowerCase()) === NETWORK_NOT_SUPPORTED_ERROR ? "failed" : "externalWalletConnection",
-      topOffset: 20,
-      spacerHeight: 158,
-      hideFadeOut: true
-    },
-    [ModalStep.FARCASTER_OAUTH]: {
-      variant: "externalWalletConnection",
-      topOffset: 40,
-      spacerHeight: 158,
-      hideFadeOut: true
-    }
-  };
-};
-const Hero = () => {
-  const para = useInternalClient();
-  const { wallet: connector, walletDisplayHelpers, avatar } = useExternalWallets();
-  const step = useModalStore((state) => state.step);
-  const externalWalletError = useModalStore((state) => state.externalWalletError);
-  const { data: activeWallet } = useWallet();
-  const [currentStep, setCurrentStep] = useState(step);
-  const stepConfig = getStepConfig({
-    externalWalletError
-  })[currentStep];
-  useEffect(() => {
-    const prevStepConfig = getStepConfig({
-      externalWalletError
-    })[currentStep];
-    const newStepConfig = getStepConfig({
-      externalWalletError
-    })[step];
-    const delay = newStepConfig && prevStepConfig ? 0 : newStepConfig && !prevStepConfig ? 0 : 200;
-    const timerId = setTimeout(() => {
-      setCurrentStep(step);
-    }, delay);
-    return () => {
-      clearTimeout(timerId);
-    };
-  }, [step]);
-  const isExternalStep = currentStep === ModalStep.EX_WALLET_SELECTED;
-  const isChainSwitchStep = currentStep === ModalStep.CHAIN_SWITCH;
-  const isAccountStep = currentStep === ModalStep.ACCOUNT_MAIN;
-  const isFarcasterStep = currentStep === ModalStep.FARCASTER_OAUTH;
-  const { showExtension, isCosmosMobileWallet } = walletDisplayHelpers;
-  const shouldHide = !stepConfig || !isMobile() && isExternalStep && !showExtension || !isMobile() && isChainSwitchStep && isCosmosMobileWallet || !isMobile() && isFarcasterStep;
-  const { variant, topOffset, spacerHeight, hideFadeOut } = stepConfig != null ? stepConfig : {};
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Container, { $top: -45 + (topOffset != null ? topOffset : 0), children: shouldHide ? null : /* @__PURE__ */ jsxs(StyledHero, { $isAccount: isAccountStep, hideFadeOut, variant, height: 480, withDefaultTheme: true, children: [
-      (isExternalStep || isChainSwitchStep) && /* @__PURE__ */ jsx(WalletLogo, { slot: "connectionLeft", src: connector == null ? void 0 : connector.iconUrl }),
-      isFarcasterStep && /* @__PURE__ */ jsx(WalletLogo, { slot: "connectionLeft", icon: "farcasterBrand" }),
-      isAccountStep && (avatar ? /* @__PURE__ */ jsx(Avatar, { slot: "image", src: avatar }) : activeWallet ? /* @__PURE__ */ jsx(IconAvatar, { slot: "image", size: "100%", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }) : null)
-    ] }) }),
-    !shouldHide && /* @__PURE__ */ jsx(Spacer, { $height: spacerHeight != null ? spacerHeight : 0 })
-  ] });
-};
-const Container = safeStyled.div`
-  display: flex;
-  position: absolute;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-
-  top: ${({ $top }) => `${$top}px`};
-`;
-const Spacer = safeStyled.div`
-  height: ${({ $height }) => `${$height}px`};
-`;
-const WalletLogo = safeStyled(CpslIcon)`
-  --height: 60px;
-  --width: 60px;
-`;
-const Avatar = safeStyled.img`
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-`;
-const IconAvatar = safeStyled(CpslIdenticon)`
-  border-radius: 1000px;
-`;
-const StyledHero = safeStyled(CpslHero)`
-  ${({ $isAccount }) => $isAccount && `
-      --ring-3-size: 560px;
-      --ring-2-size: 402px;
-      --ring-1-size: 228px;
-      --ring-0-size: 104px;
-      
-      --default-theme-ring-3-opacity: 0.02;
-      --default-theme-ring-2-opacity: 0.04;
-      --default-theme-ring-1-opacity: 0.06;
-      --default-theme-ring-0-opacity: 0.1;
-  `}
-`;
-export {
-  Hero
-};

package/dist/modal/components/IFrameStep/IFrameStep.d.ts

@@ -1 +0,0 @@
-export declare const IFrameStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/IFrameStep/IFrameStep.js

@@ -1,83 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useModalStore } from "../../stores/index.js";
-import { IFrameSteps } from "../../utils/steps.js";
-import { safeStyled } from "@getpara/react-common";
-import { SpinnerContainer, MOBILE_SIZE } from "@getpara/react-common";
-import { CpslSpinner } from "@getpara/react-components";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { validatePortalOrigin } from "../../utils/validatePortalOrigin.js";
-const IFrameStep = () => {
-  const iFrameUrl = useModalStore((state) => state.iFrameUrl);
-  const setIsReady = useModalStore((state) => state.setIsIFrameReady);
-  const isReady = useModalStore((state) => state.isIFrameReady);
-  const currentStep = useModalStore((state) => state.step);
-  const refs = useModalStore((state) => state.refs);
-  const embeddedModal = useStore((state) => {
-    var _a;
-    return (_a = state.modalConfig) == null ? void 0 : _a.embeddedModal;
-  });
-  const para = useInternalClient();
-  const [height, setHeight] = useState(0);
-  useEffect(() => {
-    if (!IFrameSteps.includes(currentStep)) {
-      setHeight(0);
-    }
-  }, [currentStep]);
-  useEffect(() => {
-    const handleMessage = (event) => {
-      if (!iFrameUrl) {
-        return;
-      }
-      if (!validatePortalOrigin(event, para.ctx)) {
-        return;
-      }
-      if (event.data) {
-        if (event.data.type === "HEIGHT" && typeof event.data.height === "number") {
-          setHeight(Math.max(event.data.height, 200));
-          setIsReady(event.data.height > 0 ? true : false);
-        }
-      }
-    };
-    typeof window !== "undefined" && window.addEventListener("message", handleMessage);
-    return () => {
-      typeof window !== "undefined" && window.removeEventListener("message", handleMessage);
-    };
-  }, [setIsReady, iFrameUrl]);
-  return /* @__PURE__ */ jsxs(OuterContainer, { $isVisible: IFrameSteps.includes(currentStep), $embeddedModal: !!embeddedModal, $isReady: !!isReady, children: [
-    /* @__PURE__ */ jsx(Container, { $isReady: !!isReady, $height: height, children: /* @__PURE__ */ jsx("iframe", { src: iFrameUrl, ref: refs.iFrame, "data-testid": "para-portal-iframe" }) }),
-    !isReady && /* @__PURE__ */ jsx(SpinnerContainer, { style: { width: "100%", height: "100%", flex: 1, position: "absolute" }, children: /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) })
-  ] });
-};
-const OuterContainer = safeStyled.div`
-  position: relative;
-  height: ${({ $isVisible, $isReady }) => $isVisible ? $isReady ? "auto" : "200px" : "0px"};
-  width: ${({ $isVisible }) => $isVisible ? "100%" : "0px"};
-  flex: ${({ $isVisible }) => $isVisible ? 1 : "auto"};
-  padding: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  @media (max-width: ${MOBILE_SIZE}px) {
-    padding: ${({ $embeddedModal, $isVisible }) => !$isVisible ? "0px" : $embeddedModal ? "12px 0px 0px" : "0px"};
-  }
-`;
-const Container = safeStyled.div`
-  height: ${({ $height }) => $height}px;
-  width: 100%;
-  opacity: ${({ $isReady }) => $isReady ? 1 : 0};
-
-  & > iframe {
-    height: ${({ $height }) => $height}px;
-    width: 100%;
-    border: none;
-    background: transparent;
-  }
-`;
-export {
-  IFrameStep
-};

package/dist/modal/components/LoginDoneStep/LoginDoneStep.d.ts

@@ -1,5 +0,0 @@
-interface LoginDoneStep {
-    onClose: () => void;
-}
-export declare const LoginDoneStep: ({ onClose }: LoginDoneStep) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/OAuth/FarcasterLink.d.ts

@@ -1,2 +0,0 @@
-export declare function FarcasterConnectQR(): import("react/jsx-runtime").JSX.Element;
-export declare const FarcasterLink: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/OAuth/FarcasterOAuthStep.d.ts

@@ -1 +0,0 @@
-export declare function FarcasterOAuthStep(): import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/OAuth/FarcasterOAuthStep.js

@@ -1,53 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CpslSpinner } from "@getpara/react-components";
-import { useFarcasterLogin } from "../../hooks/useFarcasterLogin.js";
-import { safeStyled } from "@getpara/react-common";
-import { useEffect, useState } from "react";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { validatePortalOrigin } from "../../utils/validatePortalOrigin.js";
-function FarcasterOAuthStep() {
-  const { url, isLoaded, setIsLoaded } = useFarcasterLogin({
-    isActive: true
-  });
-  const para = useInternalClient();
-  const [height, setHeight] = useState(0);
-  useEffect(() => {
-    const handleMessage = (event) => {
-      if (!url) {
-        return;
-      }
-      if (!validatePortalOrigin(event, para.ctx)) {
-        return;
-      }
-      if (event.data) {
-        if (event.data.type === "HEIGHT") {
-          setHeight(event.data.height);
-        }
-      }
-    };
-    typeof window !== "undefined" && window.addEventListener("message", handleMessage);
-    return () => {
-      typeof window !== "undefined" && window.removeEventListener("message", handleMessage);
-    };
-  }, [url]);
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    url && /* @__PURE__ */ jsx(IFrame, { style: { display: isLoaded ? "block" : "none", height }, src: url, onLoad: () => setIsLoaded(true) }),
-    (!url || !isLoaded) && /* @__PURE__ */ jsx(CpslSpinner, {})
-  ] });
-}
-const Container = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-`;
-const IFrame = safeStyled.iframe`
-  width: 100%;
-  border: none;
-`;
-export {
-  FarcasterOAuthStep
-};

package/dist/modal/components/OAuth/TelegramOAuthStep.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare function TelegramOAuthStep(): import("react/jsx-runtime").JSX.Element;
-export declare function TelegramIFrame({ url, isLoaded, setIsLoaded, isVisible, }: {
-    url?: string;
-    isLoaded: boolean;
-    setIsLoaded: React.Dispatch<React.SetStateAction<boolean>>;
-    isVisible?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;

package/dist/modal/components/OAuth/TelegramOAuthStep.js

@@ -1,91 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
-import { CpslSpinner } from "@getpara/react-components";
-import { useTelegramLogin } from "../../hooks/useTelegramLogin.js";
-import { useEffect, useState } from "react";
-import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-import { useModalStore } from "../../stores/index.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { validatePortalOrigin } from "../../utils/validatePortalOrigin.js";
-function TelegramOAuthStep() {
-  const { verifyTelegramStatus, verifyTelegram } = useAuthActions();
-  const { url, isLoaded, setIsLoaded } = useTelegramLogin({
-    isActive: true,
-    status: verifyTelegramStatus,
-    onSubmit: verifyTelegram,
-    isLinking: false
-  });
-  const refs = useModalStore((state) => state.refs);
-  const para = useInternalClient();
-  const [height, setHeight] = useState(0);
-  useEffect(() => {
-    const handleMessage = (event) => {
-      if (!url) {
-        return;
-      }
-      if (!validatePortalOrigin(event, para.ctx)) {
-        return;
-      }
-      if (event.data) {
-        if (event.data.type === "HEIGHT") {
-          setHeight(event.data.height);
-        }
-      }
-    };
-    typeof window !== "undefined" && window.addEventListener("message", handleMessage);
-    return () => {
-      typeof window !== "undefined" && window.removeEventListener("message", handleMessage);
-    };
-  }, [url]);
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    url && /* @__PURE__ */ jsx(
-      IFrame,
-      {
-        ref: refs.telegramIFrame,
-        style: { display: isLoaded ? "block" : "none", height },
-        src: url,
-        onLoad: () => setIsLoaded(true)
-      }
-    ),
-    (!url || !isLoaded) && /* @__PURE__ */ jsx(CpslSpinner, {})
-  ] });
-}
-function TelegramIFrame({
-  url,
-  isLoaded,
-  setIsLoaded,
-  isVisible = false
-}) {
-  const refs = useModalStore((state) => state.refs);
-  if (!url) return null;
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    url && /* @__PURE__ */ jsx(
-      IFrame,
-      {
-        ref: refs.telegramIFrame,
-        style: { display: isLoaded && isVisible ? "block" : "none" },
-        src: url,
-        onLoad: () => setIsLoaded(true)
-      }
-    ),
-    (!url || !isLoaded) && /* @__PURE__ */ jsx(CpslSpinner, {})
-  ] });
-}
-const Container = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-`;
-const IFrame = safeStyled.iframe`
-  width: 100%;
-  height: 52px;
-  border: none;
-`;
-export {
-  TelegramIFrame,
-  TelegramOAuthStep
-};

package/dist/modal/components/Setup2FAStep/Setup2FAStep.d.ts

@@ -1,5 +0,0 @@
-interface Setup2FAStepProps {
-    onClose: () => void;
-}
-export declare const Setup2FAStep: ({ onClose }: Setup2FAStepProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/SwitchWalletsStep/SwitchWalletsStep.d.ts

@@ -1 +0,0 @@
-export declare const SwitchWalletsStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/TwoFactorDoneStep/TwoFactorDoneStep.d.ts

@@ -1,5 +0,0 @@
-interface TwoFactorDoneStepStep {
-    onClose: () => void;
-}
-export declare const TwoFactorDoneStep: ({ onClose }: TwoFactorDoneStepStep) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/TwoFactorDoneStep/TwoFactorDoneStep.js

@@ -1,27 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslText } from "@getpara/react-components";
-import { Heading, StepContainer, InnerStepContainer, HeroIcon } from "../common.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-const TwoFactorDoneStep = ({ onClose }) => {
-  const hideWallets = useStore((state) => {
-    var _a;
-    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
-  });
-  return /* @__PURE__ */ jsxs(StepContainer, { children: [
-    /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "headingXS", children: "Success" }),
-      /* @__PURE__ */ jsxs(CpslText, { variant: "bodyS", color: "secondary", weight: "medium", children: [
-        "Your ",
-        hideWallets ? "account" : "wallet",
-        " is now protected by 2FA"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: onClose, children: "Done" })
-  ] });
-};
-export {
-  TwoFactorDoneStep
-};

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.d.ts

@@ -1,6 +0,0 @@
-interface WalletCreationDoneStepProps {
-    twoFactorAuthEnabled?: boolean;
-    onClose: () => void;
-}
-export declare const WalletCreationDoneStep: ({ twoFactorAuthEnabled, onClose }: WalletCreationDoneStepProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/hooks/useFarcasterLogin.d.ts

@@ -1,9 +0,0 @@
-import { MutationStatus } from '@tanstack/react-query';
-export declare const useFarcasterLogin: ({ isActive, }?: {
-    isActive?: boolean;
-}) => {
-    url: string | undefined;
-    isLoaded: boolean;
-    setIsLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    status: MutationStatus;
-};