@getpara/react-sdk 2.0.0-alpha.32 → 2.0.0-alpha.33

package/dist/{chunk-MMUBH76A.js → chunk-3GWWZKX7.js}

@@ -30,30 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 export {
   __spreadValues,
   __spreadProps,
-  __objRest,
-  __async
+  __objRest
 };

package/dist/index.d.ts

@@ -1,6 +1,4 @@
-export * from './modal/index.js';
-export * from './provider/index.js';
-export * from '@getpara/web-sdk';
-export type { Theme } from '@getpara/react-components';
-import ParaWeb from '@getpara/web-sdk';
+export * from '@getpara/react-sdk-lite';
+import ParaWeb from '@getpara/react-sdk-lite';
 export default ParaWeb;
+export { ParaProvider } from './provider/ParaProvider.js';

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import "./chunk-MMUBH76A.js";
-export * from "./modal/index.js";
-export * from "./provider/index.js";
-export * from "@getpara/web-sdk";
-import ParaWeb from "@getpara/web-sdk";
+import "./chunk-3GWWZKX7.js";
+export * from "@getpara/react-sdk-lite";
+import ParaWeb from "@getpara/react-sdk-lite";
 var src_default = ParaWeb;
+import { ParaProvider } from "./provider/ParaProvider.js";
 export {
+  ParaProvider,
   src_default as default
 };

package/dist/provider/ParaProvider.d.ts

@@ -1,4 +1,3 @@
-import { ParaProviderProps } from './types/provider.js';
+import { ParaModalHandle, ParaProviderProps } from '@getpara/react-sdk-lite';
 import { Chain, Transport } from 'viem';
-import { ParaModalHandle } from '../modal/index.js';
 export declare const ParaProvider: import("react").ForwardRefExoticComponent<ParaProviderProps<readonly [Chain, ...Chain[]], Record<number, Transport>> & import("react").RefAttributes<ParaModalHandle>>;

package/dist/provider/ParaProvider.js

@@ -1,115 +1,22 @@
 "use client";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
-} from "../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
-import { useStore } from "./stores/useStore.js";
-import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
-import { useEventListeners } from "./hooks/utils/useEventListeners.js";
-import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
-import { ParaModal } from "../modal/ParaModal.js";
-import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
-import ParaWeb from "@getpara/web-sdk";
-import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
-import { AuthProvider } from "./providers/AuthProvider.js";
-import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
-const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
-  useEventListeners(callbacks);
-  useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
-  const setClient = useStore((state) => state.setClient);
-  const client = useStore((state) => state.client);
-  const setExternalWallets = useStore((state) => state.setExternalWallets);
-  const externalWallets = useStore((state) => state.externalWallets);
-  const setExternalWalletsWithFullAuth = useStore((state) => state.setExternalWalletsWithFullAuth);
-  const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
-  const setIncludeWalletVerification = useStore((state) => state.setIncludeWalletVerification);
-  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
-  const setConnectionOnly = useStore((state) => state.setConnectionOnly);
-  const connectionOnly = useStore((state) => state.connectionOnly);
-  const setModalConfig = useStore((state) => state.setModalConfig);
-  const modalConfig = useStore((state) => state.modalConfig);
-  const setAppName = useStore((state) => state.setAppName);
-  const appName = useStore((state) => state.appName);
-  const rpcUrl = useStore((state) => state.rpcUrl);
-  const setRpcUrl = useStore((state) => state.setRpcUrl);
-  const setProviderProps = useStore((state) => state.setProviderProps);
-  useEffect(() => {
-    setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
-      // Redacting walletConnect to avoid exposing project id
-      walletConnect: void 0
-    }));
-  }, [config, externalWalletConfig, paraModalConfig]);
-  useEffect(() => {
-    if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
-  }, [config.rpcUrl]);
-  useEffect(() => {
-    if (appName !== config.appName) setAppName(config.appName);
-  }, [config.appName]);
-  useEffect(() => {
-    if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
-  }, [paraModalConfig]);
-  useEffect(() => {
-    var _a;
-    if (connectionOnly !== (externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly)) {
-      setConnectionOnly((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a : false);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly]);
-  useEffect(() => {
-    var _a, _b;
-    if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("includeWalletVerification has no effect when using connection only external wallets");
-        setIncludeWalletVerification(false);
-      } else {
-        setIncludeWalletVerification((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification) != null ? _b : false);
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification]);
-  useEffect(() => {
-    var _a;
-    if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
-      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : [...EXTERNAL_WALLET_TYPES]);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
-  useEffect(() => {
-    var _a, _b;
-    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
-        setExternalWalletsWithFullAuth([]);
-      } else {
-        setExternalWalletsWithFullAuth(
-          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
-        );
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
-  useEffect(() => {
-    if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
-      throw new Error("Invalid Para config");
-    }
-    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
-    setClient(newClient);
-  }, [paraClientConfig]);
-  if (!client) {
-    return null;
-  }
+} from "../chunk-3GWWZKX7.js";
+import { jsx } from "react/jsx-runtime";
+import { ParaProvider as ParaProviderMin } from "@getpara/react-sdk-lite";
+import { forwardRef } from "react";
+const ParaProvider = forwardRef((_a, ref) => {
+  var _b = _a, { children, externalWalletConfig } = _b, providerProps = __objRest(_b, ["children", "externalWalletConfig"]);
+  var _a2;
   return /* @__PURE__ */ jsx(
-    AuthProvider,
-    {
-      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
-      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
-      overrides: {
-        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
-        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
-      },
-      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
-        children,
-        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) })
-    }
+    ParaProviderMin,
+    __spreadProps(__spreadValues({}, providerProps), {
+      externalWalletConfig: __spreadProps(__spreadValues({}, externalWalletConfig), { wallets: (_a2 = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a2 : [] }),
+      ref,
+      children
+    })
   );
 });
 export {

package/package.json

@@ -1,30 +1,16 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.32",
+  "version": "2.0.0-alpha.33",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.32",
-    "@getpara/react-components": "2.0.0-alpha.32",
-    "@getpara/web-sdk": "2.0.0-alpha.32",
-    "date-fns": "^3.6.0",
-    "framer-motion": "^11.3.31",
-    "libphonenumber-js": "^1.11.7",
-    "styled-components": "^6.1.8",
-    "zustand": "^4.5.2",
-    "zustand-sync-tabs": "^0.2.2"
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.33",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.33",
+    "@getpara/react-sdk-lite": "2.0.0-alpha.33",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.33"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.32",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.32",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.32",
-    "@tanstack/react-query": "^5.74.0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/chrome": "^0.0.237",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
     "typescript": "^5.8.3"
@@ -38,24 +24,16 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "2c1a4e1ef169c177238c8b0358e84dc86f614614",
+  "gitHead": "f338306fa30497d2190f8da2ff72ddd8d9d9032f",
   "main": "dist/index.js",
   "peerDependencies": {
-    "@getpara/cosmos-wallet-connectors": "^2.0.0-alpha.26",
-    "@getpara/evm-wallet-connectors": "^2.0.0-alpha.26",
-    "@getpara/solana-wallet-connectors": "^2.0.0-alpha.26",
     "@tanstack/react-query": ">=5.0.0",
     "react": "*",
     "react-dom": "*"
   },
-  "resolutions": {
-    "styled-components": "^6"
-  },
   "scripts": {
     "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs && yarn post-build",
-    "cli": "node ./dist/cli/cli.mjs",
     "post-build": "./scripts/post-build.sh",
-    "test": "vitest run --coverage",
     "typegen": "tsc --emitDeclarationOnly"
   },
   "sideEffects": [

package/styles.css/package.json

@@ -1,3 +1,3 @@
 {
-  "main": "../dist/modal/css/modal.css"
+  "main": "../dist/css/modal.css"
 }

package/dist/cli/cli.mjs

@@ -1,50 +0,0 @@
-#!/usr/bin/env node
-import * as fs from 'node:fs/promises';
-import * as path from 'node:path';
-import { createRequire } from 'module';
-const require = createRequire(import.meta.url);
-
-const PACKAGES_TO_STUB = [
-  '@getpara/evm-wallet-connectors',
-  '@getpara/cosmos-wallet-connectors',
-  '@getpara/solana-wallet-connectors',
-  '@farcaster/miniapp-sdk',
-  '@farcaster/miniapp-wagmi-connector',
-];
-
-const checkForPackages = async () => {
-  const pathToNodeModules = path.resolve('node_modules');
-
-  for (let i = 0; i < PACKAGES_TO_STUB.length; i++) {
-    const packageName = PACKAGES_TO_STUB[i];
-    try {
-      await import(packageName);
-    } catch (err) {
-      if (err.code === 'ERR_MODULE_NOT_FOUND') {
-        const packageJsonContent = { name: packageName, main: './index.js' };
-
-        await fs.mkdir(path.join(pathToNodeModules, packageName), { recursive: true });
-        const indexPath = path.join(pathToNodeModules, packageName, 'index.js');
-        const packageJsonPath = path.join(pathToNodeModules, packageName, 'package.json');
-
-        try {
-          await fs.access(indexPath);
-        } catch {
-          await fs.writeFile(indexPath, '//STUB');
-        }
-
-        try {
-          await fs.access(packageJsonPath);
-        } catch {
-          await fs.writeFile(packageJsonPath, JSON.stringify(packageJsonContent), {
-            encoding: 'utf-8',
-          });
-        }
-      }
-    }
-  }
-
-  process.exit();
-};
-
-await checkForPackages();

package/dist/modal/ParaModal.d.ts

@@ -1,2 +0,0 @@
-import { ParaModalHandle, ParaModalProps } from './types/modalProps.js';
-export declare const ParaModal: import("react").ForwardRefExoticComponent<ParaModalProps & import("react").RefAttributes<ParaModalHandle>>;

package/dist/modal/ParaModal.js

@@ -1,305 +0,0 @@
-"use client";
-import {
-  __async,
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { CpslAuthModal, defineCustomElements, generateTheme } from "@getpara/react-components";
-import { ModalContent } from "./components/index.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { useModalStore } from "./stores/index.js";
-import { ModalStep, RESET_TO_ACCOUNT_STEPS, RESET_TO_AUTH_STEPS } from "./utils/steps.js";
-import { AuthLayout } from "./types/modalProps.js";
-import { DEFAULTS } from "./constants/defaults.js";
-import { useGoBack } from "./hooks/useGoBack.js";
-import { safeStyled } from "@getpara/react-common";
-import { hasEmbeddedAuth, hasExternalWallet } from "./utils/authLayoutHelpers.js";
-import { useAccount, useModal, useWalletState } from "../provider/index.js";
-import { useInternalClient } from "../provider/hooks/utils/useInternalClient.js";
-import { useExternalWallets } from "../provider/providers/ExternalWalletProvider.js";
-import { useStore } from "../provider/stores/useStore.js";
-import parsePhoneNumberFromString from "libphonenumber-js";
-import { useAuthActions } from "../provider/providers/AuthProvider.js";
-import { validateInput } from "./utils/authInputHelpers.js";
-import { SDK_VERSION } from "./constants/constants.js";
-defineCustomElements();
-const ParaModal = forwardRef((props, ref) => {
-  const storedModalConfig = useStore((state) => state.modalConfig);
-  const openedToStep = useStore((state) => state.openedToStep);
-  const modalContentRef = useRef(null);
-  const refs = useModalStore((state) => state.refs);
-  const flow = useModalStore((state) => state.flow);
-  const currentStep = useModalStore((state) => state.step);
-  const setAuthState = useModalStore((state) => state.setAuthState);
-  const setOnModalStepChange = useModalStore((state) => state.setOnModalStepChange);
-  const setStep = useModalStore((state) => state.setStep);
-  const hasPreviousStep = useModalStore((state) => state.hasPreviousStep());
-  const setFlow = useModalStore((state) => state.setFlow);
-  const goBack = useGoBack();
-  const setAuthLayout = useModalStore((state) => state.setAuthLayout);
-  const storedAuthLayout = useModalStore((state) => state.authLayout);
-  const resetModalState = useModalStore((state) => state.resetState);
-  const setRecoveryShare = useModalStore((state) => state.setRecoveryShare);
-  const { disconnectExternalWallet } = useExternalWallets();
-  const { isOpen: storedIsOpen, closeModal } = useModal();
-  const para = useInternalClient();
-  const { setSelectedWallet, updateSelectedWallet } = useWalletState();
-  const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
-  const { signUpOrLogIn, isCreateGuestWalletsPending } = useAuthActions();
-  const { isLoading: isAccountLoading, isConnected } = useAccount();
-  const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
-  const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
-  const [isModalMounted, setIsModalMounted] = useState(false);
-  const externalWallets = useStore((state) => state.externalWallets);
-  const providerProps = useStore((state) => state.providerProps);
-  const setAccountLinkOptions = useModalStore((state) => state.setAccountLinkOptions);
-  const isInitialized = useRef(false);
-  const _a = __spreadValues(__spreadValues({}, storedModalConfig), props), {
-    isOpen: configIsOpen,
-    theme,
-    disableEmailLogin = false,
-    disablePhoneLogin = false,
-    isGuestModeEnabled = false,
-    oAuthMethods = ["GOOGLE", "TWITTER"],
-    bareModal = false,
-    className,
-    currentStepOverride,
-    authLayout = [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL],
-    embeddedModal,
-    onModalStepChange,
-    onClose,
-    defaultAuthIdentifier,
-    supportedAccountLinks: propsSupportedAccountLinks
-  } = _a, rest = __objRest(_a, [
-    "isOpen",
-    "theme",
-    "disableEmailLogin",
-    "disablePhoneLogin",
-    "isGuestModeEnabled",
-    "oAuthMethods",
-    "bareModal",
-    "className",
-    "currentStepOverride",
-    "authLayout",
-    "embeddedModal",
-    "onModalStepChange",
-    "onClose",
-    "defaultAuthIdentifier",
-    "supportedAccountLinks"
-  ]);
-  useEffect(() => {
-    const trackAnalytics = () => __async(void 0, null, function* () {
-      try {
-        yield para.ctx.client.trackReactSdkAnalytics({
-          props: __spreadValues(__spreadProps(__spreadValues({}, providerProps), {
-            theme,
-            disableEmailLogin,
-            disablePhoneLogin,
-            isGuestModeEnabled,
-            oAuthMethods,
-            bareModal,
-            className,
-            currentStepOverride,
-            authLayout,
-            embeddedModal,
-            onModalStepChange,
-            onClose,
-            defaultAuthIdentifier
-          }), rest),
-          reactSdkVersion: SDK_VERSION
-        });
-      } catch (_) {
-      }
-    });
-    trackAnalytics();
-  }, []);
-  const isOpen = configIsOpen != null ? configIsOpen : storedIsOpen;
-  useImperativeHandle(ref, () => {
-    return {
-      goBack() {
-        goBack();
-      },
-      canGoBack() {
-        return hasPreviousStep;
-      },
-      currentStep() {
-        return currentStep;
-      },
-      handleModalClose() {
-        var _a2;
-        (_a2 = modalContentRef == null ? void 0 : modalContentRef.current) == null ? void 0 : _a2.handleModalClose();
-      }
-    };
-  }, [hasPreviousStep, currentStep]);
-  const initModal = (shouldAutoLogin) => __async(void 0, null, function* () {
-    var _a2;
-    if (!para.isReady) {
-      return;
-    }
-    setIFrameUrl(void 0);
-    setIsIFrameReady(false);
-    const isAccount = isConnected, isGuest = isAccount && para.isGuestMode || isCreateGuestWalletsPending;
-    switch (true) {
-      case !!currentStepOverride:
-        setStep(ModalStep[currentStepOverride.toUpperCase()]);
-        break;
-      case isGuest:
-        setFlow("guest");
-        setStep(isCreateGuestWalletsPending ? ModalStep.AWAITING_GUEST_WALLET_CREATION : ModalStep.ACCOUNT_MAIN);
-        break;
-      case isAccount:
-        setFlow("account");
-        if (!openedToStep.current) {
-          setStep(ModalStep.ACCOUNT_MAIN);
-        }
-        break;
-      default:
-        if (currentStep !== ModalStep.AUTH_MAIN && currentStep !== ModalStep.SECRET) {
-          setFlow(void 0);
-          setStep(para.isTelegram ? ModalStep.TELEGRAM_OAUTH : ModalStep.AUTH_MAIN);
-          setAuthState();
-          setAuthStepRoute();
-        }
-        yield disconnectExternalWallet();
-        setSelectedWallet({ id: void 0, type: void 0 });
-        if (shouldAutoLogin) {
-          if (defaultAuthIdentifier && ((_a2 = para.authInfo) == null ? void 0 : _a2.identifier) !== defaultAuthIdentifier) {
-            const number = parsePhoneNumberFromString(defaultAuthIdentifier);
-            try {
-              const auth = validateInput(
-                number ? number.nationalNumber : defaultAuthIdentifier,
-                (number == null ? void 0 : number.countryCallingCode) ? `+${number == null ? void 0 : number.countryCallingCode}` : void 0,
-                number ? "phone" : "email"
-              );
-              para.setAuth(number ? { phone: defaultAuthIdentifier } : { email: defaultAuthIdentifier });
-              signUpOrLogIn(auth);
-            } catch (err) {
-              console.error("invalid user identifier:", err.message);
-            }
-          }
-        }
-        break;
-    }
-  });
-  useEffect(() => {
-    if ((para == null ? void 0 : para.isReady) && isOpen && !isAccountLoading && !isInitialized.current) {
-      initModal(isOpen);
-      isInitialized.current = true;
-    }
-    if ((para == null ? void 0 : para.isReady) && !isOpen && isInitialized.current) {
-      initModal();
-      isInitialized.current = false;
-    }
-  }, [para == null ? void 0 : para.isReady, isOpen, isAccountLoading]);
-  useEffect(() => {
-    let _authLayout = authLayout;
-    if (!(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout)) {
-      _authLayout = _authLayout.filter((l) => !l.includes("EXTERNAL"));
-    }
-    if (disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout)) {
-      _authLayout = _authLayout.filter((l) => !l.includes("AUTH"));
-    }
-    if (JSON.stringify(storedAuthLayout) !== JSON.stringify(_authLayout)) {
-      setAuthLayout(_authLayout);
-    }
-  }, [disableEmailLogin, disablePhoneLogin, oAuthMethods, externalWallets, authLayout, storedAuthLayout]);
-  useEffect(() => {
-    if (theme) {
-      generateTheme(theme);
-    }
-  }, [theme]);
-  useEffect(() => {
-    setOnModalStepChange(onModalStepChange);
-  }, [onModalStepChange]);
-  useEffect(() => {
-    updateSelectedWallet();
-  }, [para]);
-  useEffect(() => {
-    if (bareModal && !isAccountLoading && !isConnected && !["signup", "login"].includes(flow != null ? flow : "") && refs.currentStep.current !== ModalStep.AUTH_MAIN) {
-      setStep(ModalStep.AUTH_MAIN);
-    }
-  }, [bareModal, flow, isConnected, isAccountLoading]);
-  useEffect(() => {
-    setAccountLinkOptions(propsSupportedAccountLinks != null ? propsSupportedAccountLinks : para == null ? void 0 : para.supportedAccountLinks);
-  }, [propsSupportedAccountLinks, para == null ? void 0 : para.supportedAccountLinks]);
-  const handleClose = () => {
-    closeModal();
-    onClose == null ? void 0 : onClose();
-  };
-  const handleModalEntering = () => {
-    setIsModalMounted(true);
-  };
-  const handleModalExited = () => __async(void 0, null, function* () {
-    openedToStep.current = null;
-    setIsModalMounted(false);
-    if (RESET_TO_AUTH_STEPS.includes(currentStep)) {
-      resetModalState();
-      setRecoveryShare(null);
-    } else if (RESET_TO_ACCOUNT_STEPS.includes(currentStep)) {
-      setStep(ModalStep.LOGIN_DONE);
-    }
-  });
-  if (!para) {
-    console.error("A Para instance is required.");
-    return null;
-  }
-  if (!(storedAuthLayout == null ? void 0 : storedAuthLayout.length)) {
-    const hasExternalWalletError = !(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout);
-    const hasEmbeddedWalletError = disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout);
-    if (hasExternalWalletError || hasEmbeddedWalletError) {
-      if (hasExternalWalletError) {
-        console.error("At least one external wallet must be provided if external wallet auth is enabled.");
-      }
-      if (hasEmbeddedWalletError) {
-        console.error(
-          "At least one login method (email, phone or OAuth) must be provided if embedded wallet auth is enabled."
-        );
-      }
-    } else {
-      console.error("At least one auth layout selection is required.");
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    StyledAuthModal,
-    {
-      enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-      exitTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-      open: isOpen,
-      onCpslModalExited: handleModalExited,
-      onCpslModalEntering: handleModalEntering,
-      onCpslModalRequestClose: handleClose,
-      noOverlay: bareModal,
-      className,
-      "data-testid": "modal",
-      $embeddedModal: !!embeddedModal,
-      children: isModalMounted && ((embeddedModal || bareModal) && isInitialized.current || !embeddedModal && !bareModal) && /* @__PURE__ */ jsx(
-        ModalContent,
-        __spreadValues({
-          oAuthMethods,
-          disableEmailLogin,
-          disablePhoneLogin,
-          isGuestModeEnabled,
-          onClose: handleClose
-        }, rest)
-      )
-    }
-  );
-});
-const StyledAuthModal = safeStyled(CpslAuthModal)`
-  ${({ $embeddedModal }) => $embeddedModal && `
-    &::part(modal-body-card) {
-    --card-box-shadow: none;
-    --card-border-width: 0px;
-  };
-
-  &::part(modal-footer) {
-    --card-box-shadow: none;
-    --card-border-width: 0px;
-  };`}
-`;
-export {
-  ParaModal
-};

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

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