@getpara/react-sdk 2.0.0-alpha.7 → 2.0.0-alpha.71

package/dist/modal/components/AuthMainStep/AuthMainStepContent.js

@@ -1,157 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment2, useMemo } from "react";
-import { CpslButton, CpslDivider, CpslIconGroup } from "@getpara/react-components";
-import styled from "styled-components";
-import { ExternalWallets } from "../ExternalWallets/ExternalWallets.js";
-import { useModalStore } from "../../stores/index.js";
-import { ModalStep } from "../../utils/steps.js";
-import { AuthLayout } from "../../types/modalProps.js";
-import { brandedOAuthLogos, oAuthLogos } from "../../constants/oAuthLogos.js";
-import { AuthOptions } from "../AuthOptions/AuthOptions.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-import { useAccount } from "../../../provider/index.js";
-const AuthMainStepContent = ({
-  oAuthMethods,
-  disableEmailLogin,
-  disablePhoneLogin,
-  isGuestModeEnabled = false
-}) => {
-  const { wallets } = useExternalWallets();
-  const { createGuestWallets } = useAuthActions();
-  const { data: account } = useAccount();
-  const authLayout = useModalStore((state) => state.authLayout);
-  const setStep = useModalStore((state) => state.setStep);
-  const oAuthLogoVariant = useStore((state) => state.oAuthLogoVariant);
-  const isDark = useStore((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.modalConfig) == null ? void 0 : _a.theme) == null ? void 0 : _b.mode) === "dark";
-  });
-  const isGuestMode = (account == null ? void 0 : account.isConnected) && account.isGuestMode;
-  const useBrandedLogos = oAuthLogoVariant === "default";
-  const useDarkLogos = useBrandedLogos ? isDark : oAuthLogoVariant !== "dark";
-  const handleCondensedAuthClick = () => {
-    setStep(ModalStep.AUTH_MORE);
-  };
-  const handleCondensedExternalClick = () => {
-    setStep(ModalStep.EX_WALLET_MORE);
-  };
-  const Content = useMemo(() => {
-    const methods = [];
-    authLayout == null ? void 0 : authLayout.forEach((layout) => {
-      switch (layout) {
-        case AuthLayout.AUTH_FULL: {
-          methods.push([
-            /* @__PURE__ */ jsx(
-              AuthOptions,
-              {
-                oAuthMethods,
-                disableEmailLogin,
-                disablePhoneLogin,
-                isGuestModeEnabled
-              },
-              "authFull"
-            ),
-            layout
-          ]);
-          break;
-        }
-        case AuthLayout.AUTH_CONDENSED: {
-          const icons = [];
-          oAuthMethods == null ? void 0 : oAuthMethods.forEach((method) => icons.push(useBrandedLogos ? brandedOAuthLogos[method] : oAuthLogos[method]));
-          methods.push([
-            /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedAuthClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
-              "Sign Up or Login",
-              /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
-            ] }, "authCondensed"),
-            layout
-          ]);
-          break;
-        }
-        case AuthLayout.EXTERNAL_FULL: {
-          if (!!wallets.length) {
-            methods.push([/* @__PURE__ */ jsx(ExternalWallets, {}, "externalWallets"), layout]);
-          }
-          break;
-        }
-        case AuthLayout.EXTERNAL_CONDENSED: {
-          const icons = [];
-          wallets == null ? void 0 : wallets.forEach((wallet) => icons.push(wallet.iconUrl));
-          methods.push([
-            /* @__PURE__ */ jsxs(CondensedButton, { onClick: handleCondensedExternalClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
-              "Connect Wallet",
-              /* @__PURE__ */ jsx(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
-            ] }, "authCondensed"),
-            layout
-          ]);
-          break;
-        }
-        default: {
-          break;
-        }
-      }
-    });
-    return /* @__PURE__ */ jsx(Fragment, { children: methods.map(([reactNode, key], index) => /* @__PURE__ */ jsxs(Fragment2, { children: [
-      reactNode,
-      methods.length > 1 && index < methods.length - 1 && /* @__PURE__ */ jsx(CpslDivider, { children: "or" }, "or")
-    ] }, key)) });
-  }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets, authLayout]);
-  return /* @__PURE__ */ jsxs(Container, { "data-testid": "main-auth-step-content", children: [
-    Content,
-    isGuestModeEnabled && !isGuestMode && /* @__PURE__ */ jsx(
-      GuestMode,
-      {
-        href: "#",
-        isDark,
-        onClick: (e) => {
-          e.preventDefault();
-          createGuestWallets();
-        },
-        children: "Continue as Guest"
-      }
-    )
-  ] });
-};
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-const StyledIconGroup = styled(CpslIconGroup)`
-  --icon-item-color: ${({ $isDark }) => $isDark ? "white" : "black"};
-  flex: 1;
-  justify-content: flex-end;
-`;
-const IconGroupSpacer = styled(StyledIconGroup)`
-  visibility: hidden;
-`;
-const CondensedButton = styled(CpslButton)`
-  --button-justify-content: space-between;
-
-  &::part(button-native) {
-    max-height: 50px;
-  }
-`;
-const GuestMode = styled.a`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 50px;
-  color: ${({ isDark }) => isDark ? "white" : "black"};
-  text-decoration: underline;
-  font-size: 16px;
-  font-weight: 500;
-
-  &:hover {
-    text-decoration: underline;
-  }
-`;
-export {
-  AuthMainStepContent
-};

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

@@ -1,9 +0,0 @@
-import { TOAuthMethod } from '@getpara/web-sdk';
-interface AuthOptionsProps {
-    oAuthMethods?: TOAuthMethod[];
-    disableEmailLogin: boolean;
-    disablePhoneLogin: boolean;
-    isGuestModeEnabled: boolean;
-}
-export declare const AuthOptions: ({ oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, }: AuthOptionsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/modal/components/AuthOptions/AuthOptions.js

@@ -1,67 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
-import styled from "styled-components";
-import { OAuth } from "../OAuth/OAuth.js";
-import { AuthInput } from "../AuthInput/AuthInput.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useModalStore } from "../../stores/index.js";
-import { CpslIcon } from "@getpara/react-components";
-import { useStore } from "../../../provider/stores/useStore.js";
-const AuthOptions = ({
-  oAuthMethods,
-  disableEmailLogin,
-  disablePhoneLogin,
-  isGuestModeEnabled = false
-}) => {
-  const { wallets } = useExternalWallets();
-  const isDark = useStore((state) => {
-    var _a, _b;
-    return ((_b = (_a = state.modalConfig) == null ? void 0 : _a.theme) == null ? void 0 : _b.mode) === "dark";
-  });
-  const guestAddFundsTab = useModalStore((state) => state.guestAddFundsTab);
-  const setGuestAddFundsTab = useModalStore((state) => state.setGuestAddFundsTab);
-  const Content = useMemo(() => {
-    const Methods = [];
-    if (!!(oAuthMethods == null ? void 0 : oAuthMethods.length)) {
-      Methods.push(/* @__PURE__ */ jsx(OAuth, { methods: oAuthMethods }, "oAuth"));
-    }
-    if (!disableEmailLogin || !disablePhoneLogin) {
-      Methods.push(/* @__PURE__ */ jsx(AuthInput, { disableEmailLogin, disablePhoneLogin }, "input"));
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children: Methods });
-  }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, wallets]);
-  useEffect(() => {
-    return () => {
-      setGuestAddFundsTab();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    guestAddFundsTab && /* @__PURE__ */ jsxs(CompleteAccountSetup, { isDark, children: [
-      /* @__PURE__ */ jsx(CpslIcon, { icon: "stars02", size: "16px" }),
-      "Complete account setup to",
-      " ",
-      guestAddFundsTab === "BUY" ? "buy assets" : guestAddFundsTab === "WITHDRAW" ? "sell assets" : "continue",
-      "."
-    ] }),
-    Content
-  ] });
-};
-const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-const CompleteAccountSetup = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  color: ${({ isDark }) => isDark ? "white" : "black"};
-  font-weight: 500;
-  font-size: 14px;
-`;
-export {
-  AuthOptions
-};

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

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

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/AwaitingOAuthStep/AwaitingOAuthStep.js

@@ -1,10 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { Waiting } from "../Waiting/Waiting.js";
-const AwaitingOAuthStep = () => {
-  return /* @__PURE__ */ jsx(Waiting, { heading: "Complete Login", subheading: "Follow the prompts presented by your browser." });
-};
-export {
-  AwaitingOAuthStep
-};

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,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 AwaitingPasswordStep = () => {
-  const isLogin = useModalStore((state) => state.isLogin());
-  return /* @__PURE__ */ jsx(
-    Waiting,
-    {
-      heading: isLogin ? "Waiting for Password" : "Creating 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,49 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CpslIcon, CpslInfoBox, CpslText } from "@getpara/react-components";
-import { InfoBoxContent, InfoBoxHeader, StepContainer } from "../common.js";
-import { useEffect, useRef, useState } from "react";
-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 [showInfoBox, setShowInfoBox] = useState(false);
-  const showInfoBoxTimeout = useRef();
-  const { data: account } = useAccount();
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      showInfoBoxTimeout.current = window.setTimeout(() => {
-        setShowInfoBox(true);
-      }, 4e3);
-    }
-    return () => clearTimeout(showInfoBoxTimeout.current);
-  }, []);
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsx(
-      Waiting,
-      {
-        heading: isGuestMode ? "Creating Guest Account" : (account == null ? void 0 : account.isGuestMode) ? hideWallets ? "Linking Guest Account" : "Linking Guest Wallet" : hideWallets ? "Creating Your Account" : "Creating Your Wallet",
-        subheading: "This should only take a couple of seconds."
-      }
-    ),
-    showInfoBox && /* @__PURE__ */ jsx(CpslInfoBox, { children: /* @__PURE__ */ jsxs(InfoBoxContent, { children: [
-      /* @__PURE__ */ jsxs(InfoBoxHeader, { children: [
-        /* @__PURE__ */ jsx(CpslIcon, { icon: "clock" }),
-        /* @__PURE__ */ jsx(CpslText, { weight: "medium", children: "Hang on" })
-      ] }),
-      /* @__PURE__ */ jsxs(CpslText, { variant: "bodyS", weight: "medium", color: "secondary", children: [
-        "Creating your ",
-        hideWallets ? "account" : "wallet",
-        " is taking a little longer than expected, but we're working on it!"
-      ] })
-    ] }) })
-  ] });
-};
-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/BiometricCreationStep/BiometricCreationStep.js

@@ -1,63 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslDivider, CpslIcon, CpslQrCode, CpslSpinner, CpslText } from "@getpara/react-components";
-import { useModalStore } from "../../stores/index.js";
-import { InnerStepContainer, StepContainer, Heading, QRContainer } from "../common.js";
-import { useCopyToClipboard, UserIdentifier } from "@getpara/react-common";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-import { AuthMethod } from "@getpara/web-sdk";
-import { useStore } from "../../../provider/stores/useStore.js";
-const BiometricCreationStep = () => {
-  const para = useInternalClient();
-  const authInfo = para.authInfo;
-  const appName = useStore((state) => state.appName);
-  const { presentSignupUi } = useAuthActions();
-  const signupState = useModalStore((state) => state.getSignupState());
-  const authStepRoute = useModalStore((state) => state.authStepRoute);
-  const isPasskeySupported = useModalStore((state) => state.isPasskeySupported);
-  const [isCopied, copy] = useCopyToClipboard();
-  const handleCopy = () => {
-    if (signupState == null ? void 0 : signupState.passkeyUrl) {
-      copy(signupState.passkeyUrl);
-    }
-  };
-  const onClick = (method) => () => {
-    presentSignupUi(method, signupState);
-  };
-  const isBoth = !!(signupState == null ? void 0 : signupState.passkeyUrl) && !!(signupState == null ? void 0 : signupState.passwordUrl);
-  if (!signupState) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: para.isExternalWalletAuth ? `Finish setup for your${appName ? ` ${appName}` : ""} wallet` : isBoth ? "Secure Your Account" : "Create Passkey" }),
-      /* @__PURE__ */ jsx(UserIdentifier, { authInfo }),
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyS", color: "secondary", weight: "medium", children: isBoth ? "Choose a password or set up a passkey" : "Your Passkey keeps your account safe." })
-    ] }),
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      isPasskeySupported ? /* @__PURE__ */ jsxs(CpslButton, { fullWidth: true, onClick: onClick(AuthMethod.PASSKEY), children: [
-        /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "key" }),
-        isBoth ? "Create Passkey" : "Create"
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", children: "Scan with your mobile device" }),
-        /* @__PURE__ */ jsx(QRContainer, { children: !(signupState == null ? void 0 : signupState.passkeyUrl) ? /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) : /* @__PURE__ */ jsx(CpslQrCode, { url: signupState.passkeyUrl }) }),
-        /* @__PURE__ */ jsxs(CpslButton, { size: "small", variant: "ghost", onClick: handleCopy, children: [
-          /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: isCopied ? "check" : "copy" }),
-          isCopied ? "Copied" : "Copy Link"
-        ] })
-      ] }),
-      isBoth && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CpslDivider, { children: "or" }),
-        /* @__PURE__ */ jsxs(CpslButton, { fullWidth: true, onClick: onClick(AuthMethod.PASSWORD), disabled: !!authStepRoute, children: [
-          /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "passcode" }),
-          "Choose Password"
-        ] })
-      ] })
-    ] })
-  ] });
-};
-export {
-  BiometricCreationStep
-};

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,55 +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 styled from "styled-components";
-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();
-  const isPasskeySupported = useModalStore((state) => state.isPasskeySupported);
-  const [isPasskey, isPassword, hasHints, isPasskeyOnKnownDevice] = [
-    !!(loginState == null ? void 0 : loginState.passkeyUrl),
-    !!(loginState == null ? void 0 : loginState.passwordUrl),
-    (_a = loginState == null ? void 0 : loginState.biometricHints) == null ? void 0 : _a.length,
-    isPasskeySupported && !!(biometricHints == null ? void 0 : biometricHints.isOnKnownDevice)
-  ];
-  const knownDeviceLink = loginState == null ? void 0 : loginState.passkeyKnownDeviceUrl;
-  const isPasskeyUnavailable = hasHints && !(biometricHints == null ? void 0 : biometricHints.isOnKnownDevice) || !isPasskeySupported;
-  const displayWelcomeBack = hasHints || isPasskeyOnKnownDevice || isPassword;
-  if (!loginState) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
-      displayWelcomeBack && /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Welcome back," }),
-      /* @__PURE__ */ jsx(UserIdentifier, { authInfo: para.authInfo })
-    ] }),
-    /* @__PURE__ */ jsxs(MainContainer, { children: [
-      isPassword && /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: () => presentLoginUi(AuthMethod.PASSWORD, loginState), children: "Login" }),
-      isPasskey && !!knownDeviceLink && /* @__PURE__ */ jsxs(Fragment, { children: [
-        isPasskeyUnavailable && !!biometricHints && /* @__PURE__ */ jsx(KnownDevices, { hints: biometricHints, link: knownDeviceLink }),
-        isPasskeySupported && /* @__PURE__ */ jsxs(Fragment, { children: [
-          isPasskeyUnavailable && /* @__PURE__ */ jsx(CpslDivider, { children: "or" }),
-          /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: () => presentLoginUi(AuthMethod.PASSKEY, loginState), children: isPasskeyUnavailable ? "Continue anyway" : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "key" }),
-            "Login with passkey"
-          ] }) })
-        ] })
-      ] })
-    ] })
-  ] });
-};
-const MainContainer = styled(InnerStepContainer)`
-  gap: 16px;
-`;
-export {
-  BiometricLoginStep
-};

package/dist/modal/components/Body/AnimatedHeightWrapper.d.ts

@@ -1,6 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-interface AnimatedHeightWrapperProps extends PropsWithChildren {
-    className?: string;
-}
-export declare const AnimatedHeightWrapper: React.FC<AnimatedHeightWrapperProps>;
-export {};

package/dist/modal/components/Body/AnimatedHeightWrapper.js

@@ -1,29 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-import { useEffect, useRef, useState } from "react";
-import styled from "styled-components";
-const AnimatedHeightWrapper = ({ children, className }) => {
-  const containerRef = useRef(null);
-  const [height, setHeight] = useState("auto");
-  useEffect(() => {
-    if (containerRef.current) {
-      const resizeObserver = new ResizeObserver((entries) => {
-        const observedHeight = entries[0].contentRect.height;
-        setHeight(observedHeight);
-      });
-      resizeObserver.observe(containerRef.current);
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(Container, { className, style: { height }, animate: { height }, transition: { duration: 0.2 }, children: /* @__PURE__ */ jsx("div", { ref: containerRef, children }) });
-};
-const Container = styled(motion.div)`
-  overflow: hidden;
-`;
-export {
-  AnimatedHeightWrapper
-};

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

@@ -1,11 +0,0 @@
-import { TOAuthMethod } from '@getpara/web-sdk';
-interface BodyProps {
-    oAuthMethods?: TOAuthMethod[];
-    twoFactorAuthEnabled?: boolean;
-    disableEmailLogin: boolean;
-    disablePhoneLogin: boolean;
-    isGuestModeEnabled?: boolean;
-    onClose: () => void;
-}
-export declare const Body: ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhoneLogin, isGuestModeEnabled, onClose, }: BodyProps) => import("react/jsx-runtime").JSX.Element;
-export {};